begin process at 2012 02 06 01:42:45
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Formulaire

 > MASQUER-AFFICHER TOUS LES SELECT D'UNE PAGE

MASQUER-AFFICHER TOUS LES SELECT D'UNE PAGE


 Information sur la source

Note :
Aucune note
Catégorie :Formulaire Niveau :Débutant Date de création :14/01/2005 Date de mise à jour :17/01/2005 08:34:23 Vu :6 023

Auteur : laubel

Ecrire un message privé
Commentaire sur cette source (5)
Ajouter un commentaire et/ou une note

 Description

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

  • 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';
  • }
  • }
  • }
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>


 Historique

17 janvier 2005 08:34:27 :
Une ligne inutile... juste un coup de propreté !

 Sources de la même categorie

Source avec Zip Source avec une capture BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai
Source avec Zip Source avec une capture RÉSOLUTION D'UN SYSTÈME D'ÉQUATIONS LINÉAIRES À N INCONNUES par william voirol
Source avec Zip Source avec une capture PLUGIN JQUERY LISTE MODIFIABLE (COMBO) AUTOCOMPLÉTÉE par medkarim
GESTION DE NUMÉRO DE TÉLÉPHONE SIMPLE DANS FIREFOX7 par rotomtom
Source avec Zip Source avec une capture RECOMMANDER CETTE PAGE AVEC MAILTO, ACCENT ET RETOUR LIGNE D... par weabow

Commentaires et avis

Commentaire de fg85 le 15/01/2005 01:03:04

Fonctionne sous mozilla mais pas sou IE, je cherche l'erreur ...

-------------------------
http://fg.logiciel.free.fr

Commentaire de laubel le 17/01/2005 08:20:25

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...

Commentaire de chimelpremier le 21/01/2005 00:28:36

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

Commentaire de fg85 le 21/01/2005 17:58:30

Ok merci

-------------------------
http://fg.logiciel.free.fr

Commentaire de Anthed le 10/09/2005 13:00:12

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.

 Ajouter un commentaire




Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,312 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales