Cacher une classe en Javascript
Résolu/Fermé
Bulb
Messages postés
63
Date d'inscription
mercredi 22 novembre 2006
Statut
Membre
Dernière intervention
19 février 2008
-
29 janv. 2008 à 10:38
Yeah - 22 juin 2009 à 12:04
Yeah - 22 juin 2009 à 12:04
Bonjour,
J'aimerais en cliquant sur un lien cacher tout les éléments d'une même classe.
Un peu comme un getElementById mais pour une classe...
Je suppose que ça existe mais j'ai du mal à le trouver sur le net.
Un petit coup de main?
J'aimerais en cliquant sur un lien cacher tout les éléments d'une même classe.
Un peu comme un getElementById mais pour une classe...
Je suppose que ça existe mais j'ai du mal à le trouver sur le net.
Un petit coup de main?
A voir également:
- Cacher une classe en Javascript
- Cacher une conversation whatsapp - Guide
- Telecharger javascript - Télécharger - Langages
- Cacher son numéro - Guide
- Cacher ses amis sur facebook - Guide
- Application pour cacher des applications - Guide
3 réponses
Bulb
Messages postés
63
Date d'inscription
mercredi 22 novembre 2006
Statut
Membre
Dernière intervention
19 février 2008
18
30 janv. 2008 à 09:39
30 janv. 2008 à 09:39
Merci beaucoup j'ai trouvé mon bonheur!
1. Introduire ce code dans un fichier .js lié à la page.
2.à l'endroit désiré par exemple sur un bouton on met la fonction:
hiddenByClass(searchClass, node, tag)
//searchClass = la classe des éléments que l'on veut cacher
//node = l'endroit ou se trouve les éléments (si ils sont dans votre fichier mettre document (sans les guillemets)
//tag = la balise cible... si il n'y en a pas mettre *
exemple: <input type="button" value="cacher la classe tohide" onclick="javascript:hiddenByClass('tohide',document,'img');" />
Cette ligne va ajouter un bouton qui si on le click va cacher toutes les images, aillant la classe "tohide", du document.
function getElementsByClass(searchClass, node, tag) { var classElements = new Array(); if(node == null) node = document; if(tag == null) tag = '*'; var els = node.getElementsByTagName(tag); var elsLen = els.length; var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)"); for(i = 0, j = 0; i < elsLen; i++) { if(pattern.test(els[i].className) ) { classElements[j] = els[i]; j++; } } return classElements; } function hiddenByClass(searchClass, node, tag) { var elm = getElementsByClass(searchClass, node, tag); for(var i = 0; i < elm.length; i++) { elm[i].style.display = "none"; } }
1. Introduire ce code dans un fichier .js lié à la page.
2.à l'endroit désiré par exemple sur un bouton on met la fonction:
hiddenByClass(searchClass, node, tag)
//searchClass = la classe des éléments que l'on veut cacher
//node = l'endroit ou se trouve les éléments (si ils sont dans votre fichier mettre document (sans les guillemets)
//tag = la balise cible... si il n'y en a pas mettre *
exemple: <input type="button" value="cacher la classe tohide" onclick="javascript:hiddenByClass('tohide',document,'img');" />
Cette ligne va ajouter un bouton qui si on le click va cacher toutes les images, aillant la classe "tohide", du document.
Christounet
Messages postés
1264
Date d'inscription
mercredi 26 septembre 2007
Statut
Membre
Dernière intervention
29 juillet 2010
1 391
29 janv. 2008 à 11:52
29 janv. 2008 à 11:52
Bonjour,
Sur le forum de CCM en suivant le lien ci-dessous, tu trouveras peut-être une réponse à ta question:
Propriété classe CSS
Sur cet autre lien tu trouveras quelques exemples de manipulation d'éléments à partir de la classe de cet élément:
Exemple classe CSS
A plus
Sur le forum de CCM en suivant le lien ci-dessous, tu trouveras peut-être une réponse à ta question:
Propriété classe CSS
Sur cet autre lien tu trouveras quelques exemples de manipulation d'éléments à partir de la classe de cet élément:
Exemple classe CSS
A plus