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 !

LIEN ENTRE 2 LISTBOX


Information sur la source

Catégorie :Trucs & Astuces Niveau : Débutant Date de création : 13/05/2003 Date de mise à jour : 13/05/2003 17:01:16 Vu : 8 864

Note :
7 / 10 - par 4 personnes
7,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (5)
Ajouter un commentaire et/ou une note


Description

Voila, je sais plus qui me l'avais demandé y a un moment sur le chat ... je l'ai fait, autant poster ! Autant vous dire qu'à 3 listbox le code se complique un peu plus :)
 

Source

  • <html>
  • <script language=javascript>
  • //colX[entrée referante][sortie référente]
  • cols = new Array();
  • // Colonne 2
  • cols[2] = new Array();
  • // Références à l'entrée 0 de la colonne 1
  • cols[2][0] = new Array();
  • cols[2][0][0] = document.createElement("OPTION"); // création d'un élément option
  • cols[2][0][0].value = "value0-0";
  • cols[2][0][0].text = "text0-0";
  • // Références à l'entrée 1 de la colonne 1
  • cols[2][1] = new Array();
  • cols[2][1][0] = document.createElement("OPTION");
  • cols[2][1][0].text = "text1-0";
  • cols[2][1][0].value = "value1-0";
  • // Fin colonne 2
  • function Build_List(list) {
  • nblist = list.id.substr(list.id.length-1,1); // récupération du numéro de la liste : id="listeX" => liste nb X
  • ++nblist;
  • newlist = document.getElementById("list"+nblist);
  • if (newlist.length > cols[nblist][list.selectedIndex].length) { // on cherche à définir le max pr la boucle
  • maxi = newlist.length;
  • }
  • else
  • {
  • maxi = cols[nblist][list.selectedIndex].length;
  • }
  • for(i=0;i<maxi;i++) {
  • if (i < newlist.length) {
  • newlist.remove(i); // on efface les anciennes entrées
  • }
  • if (i < cols[nblist][list.selectedIndex].length) {
  • newlist.add(cols[nblist][list.selectedIndex][i]); // on met les nouvelles
  • }
  • }
  • newlist.change; // on update
  • }
  • </script>
  • <body>
  • <select name=choix1 id=list1 onchange="Build_List(this);" multiple>
  • <option value="test">Option1</option>
  • <option value="test2">Option 2</option>
  • </select>
  • <select name=choix2 id=list2 multiple>
  • </select>
  • </body>
  • </html>
<html>
<script language=javascript>
	//colX[entrée referante][sortie référente]

	
	cols = new Array();
	// Colonne 2
		cols[2] = new Array();

		// Références à l'entrée 0 de la colonne 1
			cols[2][0] = new Array();

			cols[2][0][0] = document.createElement("OPTION"); // création d'un élément option
			cols[2][0][0].value = "value0-0";
			cols[2][0][0].text = "text0-0";

		// Références à l'entrée 1 de la colonne 1
			cols[2][1] = new Array();	
		
			cols[2][1][0] = document.createElement("OPTION");
			cols[2][1][0].text = "text1-0";
			cols[2][1][0].value = "value1-0";

	// Fin colonne 2



	function Build_List(list) {
		nblist = list.id.substr(list.id.length-1,1); // récupération du numéro de la liste : id="listeX" => liste nb X

		++nblist;

		newlist = document.getElementById("list"+nblist);

		if (newlist.length > cols[nblist][list.selectedIndex].length) { // on cherche à définir le max pr la boucle
			maxi = newlist.length;
		}
		else
		{	
			maxi = cols[nblist][list.selectedIndex].length;
		} 
	
		for(i=0;i<maxi;i++) {
			if (i < newlist.length) {
				newlist.remove(i); // on efface les anciennes entrées
			}

			if (i < cols[nblist][list.selectedIndex].length) {			
				newlist.add(cols[nblist][list.selectedIndex][i]); // on met les nouvelles
			}
		}

		newlist.change; // on update
	}
</script>
<body>
<select name=choix1 id=list1 onchange="Build_List(this);" multiple>
	<option value="test">Option1</option>
	<option value="test2">Option 2</option>
</select>
<select name=choix2 id=list2 multiple>
</select>
</body>
</html> 

Commentaires et avis

signaler à un administrateur
Commentaire de MiTcH37 le 13/05/2003 09:35:42

whaooouuuuuu, ya des commentaires !
c'est rare de nos jours...
il faudrait par contre dire plus précisément ce qu'il fait.
sinon, il a l'air bien

signaler à un administrateur
Commentaire de Cyrille2 le 13/05/2003 16:56:18 administrateur CS

Ok, je v corriger ca

signaler à un administrateur
Commentaire de aragorn1024 le 24/02/2004 20:29:12

super code, mais comment pourait on rajouter un      
cols[2][1][1].text = "text1-1";
cols[2][1][1].value = "value1-1";

?

signaler à un administrateur
Commentaire de aragorn1024 le 24/02/2004 20:29:15

super code, mais comment pourait on rajouter un      
cols[2][1][1].text = "text1-1";
cols[2][1][1].value = "value1-1";

?

signaler à un administrateur
Commentaire de Syruis le 26/07/2004 13:03:48

Pas compatible Mozilla

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Octobre 2008
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

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,140 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é.