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
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?
A voir également:

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
Merci beaucoup j'ai trouvé mon bonheur!

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.
2
Christounet Messages postés 1264 Date d'inscription mercredi 26 septembre 2007 Statut Membre Dernière intervention 29 juillet 2010 1 385
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
0
Merci beaucoup c'est ce que je voulais :D
0