afficher/masquer div

Marsh Posté le 13-03-2010 à 20:04:55

salut !

je suis en train en faire un site, et je cherche a afficher/masquer des div grace a des bouton, avec l'aide d'un peu de javascript pour modifier des proprieté display (de none a block et vis et versa) de différentes div, mais etant assez peu qualifié en javascript, je galère un peu, c'est surement pas grand chose, mais la je tourne en rond.

voici ce que j'ai fait :

j'ai écrit une fonction "cacher" et une "voir" comme ceci :

function cacher()
{
document.getElementById().style.display = 'none';
}

function voir()
{
document.getElementById().style.display = 'block';
}

je voudrai ne pas avoir a preciser l'id de la div dans la fonction js car il y aura au bout du compte une quinzaine de div différente, donc ça m'eviterai ecrire 15 fois la meme fonction avec des id différentes.

et voici mon bouton d'activation d'une div (en l'occurence la div 'showreel')

<li><a href="#" title="Aller à la page Showreel 2009" onclick="voir('showreel')">    Showreel 2009</a></li>

mais voila, quand je clique sur le bouton rien ne se passe, aurai-je oublier quelque chose ou commis une erreur de syntax ?

merci de votre aide :jap:

Marsh Posté le 13-03-2010 à 20:04:55

Marsh Posté le 14-03-2010 à 00:48:14

t'es obligé de mettre l'ID à un moment donné ... Mais il suffit de le mettre en tant que variable

donc un JS comme ceci :

Code :

function cacher(id_item)
{
document.getElementById(id_item).style.display = 'none';
}
function voir(id_item)
{
document.getElementById(id_item).style.display = 'block';
}

et sur tes éléments :

Code :

<li><a href="#" title="Aller à la page Showreel 2009" onclick="voir('showreel')">    Showreel 2009</a></li>

de ce fait, la fonction "voir" va recevoir "showreel" comme "id_item" et pourra le mettre à block.

Après, ça sous-entend aussi qu'il y a bien un élément dans ta page qui comporte un id nommé "showreel".
Si tu utilises Firefox, regarde la console Javascript, elle indique les erreurs.

Message édité par NewsletTux le 14-03-2010 à 00:51:39

---------------
NewsletTux - outil de mailing list en PHP MySQL

Marsh Posté le 17-03-2010 à 12:03:40

nickel, ça marche (plus quelques autres ajout ) mais c'etait la variable qui me manquait, merci !!

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *