begin process at 2010 02 10 01:09:03
  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 :4 580

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 CALCULS RAYNAUX V2 par Ali Bibi
Source avec Zip Source avec une capture VALIDATION D'UN FORMULAIRE par grarestephane
Source avec Zip Source avec une capture CHAT VIRTUEL par grarestephane
Source avec Zip Source avec une capture AJOUTER ET SUPPRIMER DES FICHIERS DANS UNE LISTE par grarestephane
Source avec Zip TEXTAREA : LIMITER LA LARGEUR ET LA HAUTEUR DU TEXTE SAISIE par vilfarfadet

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

Comparez les prix

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode

 
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,374 sec (4)

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