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

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par dmathieu, 5 Septembre 2005.

  1. dmathieu
    dmathieu WRInaute accro
    Inscrit:
    9 Janvier 2004
    Messages:
    5 596
    J'aime reçus:
    0
    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 :)
     
  2. Luj
    Luj WRInaute occasionnel
    Inscrit:
    17 Juillet 2005
    Messages:
    295
    J'aime reçus:
    0
    en css pur, je pense que tu ne peux le faire que sur le hover,
    pour le onClick, javascript.

    Code:
    function montre(Id) {
    		document.getElementById(Id).style.visibility="visible";
    	}
    
    Code:
    function cache(Id) {
    		document.getElementById(Id).style.visibility="hidden";
    	}
    
     
  3. dmathieu
    dmathieu WRInaute accro
    Inscrit:
    9 Janvier 2004
    Messages:
    5 596
    J'aime reçus:
    0
    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:
    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 :)
     
  4. oberon
    oberon WRInaute discret
    Inscrit:
    26 Septembre 2003
    Messages:
    147
    J'aime reçus:
    0
    Code:
    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');"
     
  5. dmathieu
    dmathieu WRInaute accro
    Inscrit:
    9 Janvier 2004
    Messages:
    5 596
    J'aime reçus:
    0
    yep, j'avai édité mon topic pour signaler que j'avai trouvé ;)
     
Chargement...
Similar Threads - Afficher Masquer portion Forum Date
afficher masquer on utilisant Onclick Développement d'un site Web ou d'une appli mobile 21 Janvier 2015
Afficher / Masquer une partie du message Développement d'un site Web ou d'une appli mobile 28 Octobre 2012
Afficher masquer div Développement d'un site Web ou d'une appli mobile 25 Juin 2012
[JS] Masquer / afficher un <div> à la saisie d'un <input> Développement d'un site Web ou d'une appli mobile 2 Novembre 2010
bouton + et - pour masquer et afficher un tableau (sql) Développement d'un site Web ou d'une appli mobile 26 Avril 2010
afficher masquer les calques Développement d'un site Web ou d'une appli mobile 3 Novembre 2005
Afficher des infos depuis plusieurs page en PHP Développement d'un site Web ou d'une appli mobile 23 Mars 2022
Afficher la dernière version d'un fichier php ? Développement d'un site Web ou d'une appli mobile 8 Novembre 2021
comment afficher l erreur 404 URL Rewriting et .htaccess 28 Juillet 2021
Devra-t-on afficher les émissions de gaz à effet de serre de nos sites? Droit du web (juridique, fiscalité...) 28 Mars 2021
Afficher module avis Google sur un site web via le GTM ? Google : l'entreprise, les sites web, les services 18 Mars 2021
Afficher stats analytics sur mon site Google Analytics 14 Novembre 2020
Ne pas afficher certaines conversions dans Google Ads AdWords 8 Juillet 2020
Afficher les produits suivants en ajax Développement d'un site Web ou d'une appli mobile 12 Mai 2020
Google a-t-il le droit d'afficher directement les informations des sites sans leur accord ? Droit du web (juridique, fiscalité...) 21 Février 2020
API pour afficher les avis Google sur son site Google : l'entreprise, les sites web, les services 10 Novembre 2019
Afficher les tags sur wordpress Développement d'un site Web ou d'une appli mobile 3 Août 2019
Extension Chrome utile pour afficher le code source HTML, JS, CSS Développement d'un site Web ou d'une appli mobile 5 Juillet 2019
Google My Business :Comment afficher sa zone de couverture et pas son adresse ? Google : l'entreprise, les sites web, les services 19 Juin 2019
Afficher/cacher données dans un tableau Développement d'un site Web ou d'une appli mobile 9 Mars 2019