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 585 fois - Téléchargée 34 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
Anthed
Messages postés
152
Date d'inscription
dimanche 20 février 2005
Statut
Membre
Dernière intervention
17 janvier 2014
 3
10 sept. 2005 à 13:00
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.
fg85
Messages postés
370
Date d'inscription
dimanche 28 mars 2004
Statut
Membre
Dernière intervention
13 avril 2007
21 janv. 2005 à 17:58
Ok merci

-------------------------
http://fg.logiciel.free.fr
chimelpremier
Messages postés
544
Date d'inscription
vendredi 5 décembre 2003
Statut
Membre
Dernière intervention
20 mai 2005
 1
21 janv. 2005 à 00:28
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
cs_laubel
Messages postés
1
Date d'inscription
dimanche 5 janvier 2003
Statut
Membre
Dernière intervention
17 janvier 2005
17 janv. 2005 à 08:20
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...
fg85
Messages postés
370
Date d'inscription
dimanche 28 mars 2004
Statut
Membre
Dernière intervention
13 avril 2007
15 janv. 2005 à 01:03
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.