1. Accueil
  2. Tous les snippets
  3. Snippets Javascript
  4. Masquer-afficher tous les select d'une page

Masquer-afficher tous les select d'une page

Soyez le premier à donner votre avis sur cette source.

Snippet vu 7 500 fois - Téléchargée 32 fois

Commenter

Contenu du snippet

Bonjour,
Marre des Selects que l'on voit à travers les calques <DIV>.
Je voulais une petite fonction pour masquer TOUS les selects en une fois ! Et ne plus avoir à m'en soucier pour chaque select de chaque page !!!

Source / Exemple : 


HideSelect = function() 
{  
	oSelects = document.getElementsByTagName('SELECT');
	if (oSelects.length > 0) { 
		for (i = 0; i < oSelects.length; i++) {
			oSelects[i].style.visibility = 'hidden'; 
		} 
	}
}
ShowSelect = function() 
{  
	oSelects = document.getElementsByTagName('SELECT');
	if (oSelects.length > 0) { 
		for (i = 0; i < oSelects.length; i++) {
			oSelects[i].style.visibility = 'visible'; 
		} 
	}
}

Conclusion :


1) Copier-Coller ce script dans votre page.
2) Appeler la fonction HideSelect ou ShowSelect quand besoin ;)

Exemple.
<TABLE onmouseover="HideSelect();" onmouseout="ShowSelect();">.......</table>

A voir également

Ajouter un commentaire Commentaires
Signaler
Messages postés
152
Date d'inscription
dimanche 20 février 2005
Statut
Membre
Dernière intervention
17 janvier 2014
 3
Il y a plus simple les amis : il suffit d'affecter à tous vos selects une classe css particulière. Lors de l'affichage du calque, il n'y a qu'à changer l'attribut de visibilité de la classe. En plus, c'est plus rapide. Par contre, je ne sais pas si ça marche sur tous les types de browsers ... Bonne continuation.
Signaler
Messages postés
370
Date d'inscription
dimanche 28 mars 2004
Statut
Membre
Dernière intervention
13 avril 2007
Ok merci

-------------------------
http://fg.logiciel.free.fr
Signaler
Messages postés
544
Date d'inscription
vendredi 5 décembre 2003
Statut
Membre
Dernière intervention
20 mai 2005
 1
Le bug n'éxiste que sur IE. Je le corrige sur mon menu déroulant avec cette fonction :

elem=document.getElementsByTagName('select');

function voirSelect(v){
if(document.all&!window.opera){for(i=0;i<elem.length;i++)elem[i].style.visibility=v;}
}

pour cacher :
voirSelect('hidden')

et montrer :
voirSelect('visible')

Cordialement
Signaler
Messages postés
1
Date d'inscription
dimanche 5 janvier 2003
Statut
Membre
Dernière intervention
17 janvier 2005
En IE 6.0... il marche trés bien !?
A l'inverse, je l'avais pas testé sous Mozilla.
Je suis étonné de ta remarque...
Signaler
Messages postés
370
Date d'inscription
dimanche 28 mars 2004
Statut
Membre
Dernière intervention
13 avril 2007
Fonctionne sous mozilla mais pas sou IE, je cherche l'erreur ...

-------------------------
http://fg.logiciel.free.fr
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.