AccueilCodesTutorielsForumsEmploiLivresConnexion

  • Javascript / Ajax / DHTML CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2008 11 20 13:30:46
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

MASQUER-AFFICHER TOUS LES SELECT D'UNE PAGE


Information sur la source

Catégorie :Formulaire Niveau : Débutant Date de création : 14/01/2005 Date de mise à jour : 17/01/2005 08:34:23 Vu : 3 776
Auteur : laubel Ecrire un message privé
Note :
Aucune note
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é !

Commentaires et avis

signaler à un administrateur
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

signaler à un administrateur
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...

signaler à un administrateur
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

signaler à un administrateur
Commentaire de fg85 le 21/01/2005 17:58:30

Ok merci

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

signaler à un administrateur
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

Novembre 2008
LMMJVSD
     12
3456789
10111213141516
17181920212223
24252627282930

Consulter la suite du CalendriCode


Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, 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
Temps d'éxécution de la page : 0,234 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.