Afficher / Masquer une portion de code au clic sur un lien

[dmathieu]

Hello,

je cherche à afficher, ou à masquer une portion de code au clic sur un lien, et ce, sans recharger la page.
quelqu'un connaitrait-il une solution en javascript, voir css pur, pour ajouter, et supprimer une option css (display: none) ?

d'avance, merci

[Luj]

en css pur, je pense que tu ne peux le faire que sur le hover,
pour le onClick, javascript.

Code: Tout sélectionner

function montre(Id) {
      document.getElementById(Id).style.visibility="visible";
   }


Code: Tout sélectionner

function cache(Id) {
      document.getElementById(Id).style.visibility="hidden";
   }


[dmathieu]

oui, le probleme (chui une tache en js, je préviens de suite), c'est qu'il me faut un bouton, qui affiche, et masque, en fonction de si c'est affiché ou masqué.

pour l'instant, je suis arrivé à cela :

Code: Tout sélectionner

function hidechannels() {
   if (document.getElementById("channels").ClassName == "hidden" ) {
      document.getElementById("channels").ClassName = "visible";
   } else {
      document.getElementById("channels").ClassName = "hidden";
   }

cependant, pour une raison que j'ignore, alors que la balise contenant l'identifiant channels, et sa class sont bien définis, il me mets toujours undefined

edit : c'est reglé, il suffisait de ne pas mettre le c de className en majuscule.
ca fonctionne

[oberon]

Code: Tout sélectionner

function hidechannels(id) {
   var monobjet=document.getElementById(id);
   if (monobjet.className == "hidden" ) {         
         monobjet.className  = "visible";   
         }else {
        monobjet.className  = "hidden"; 
          }
}

Problème de majuscule sur className.
j'ai un peu modifié ta fonction pour qu'elle soit plus générique, elle s'appellerait avec un omouseover="hidechannels('channels');"

[dmathieu]

yep, j'avai édité mon topic pour signaler que j'avai trouvé