begin process at 2012 02 14 03:49:33
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Trucs & Astuces

 > LIEN ENTRE 2 LISTBOX

LIEN ENTRE 2 LISTBOX


 Information sur la source

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
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 :12 508

Auteur : Cyrille2

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
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> 



 Sources du même auteur

EMPECHER UN SECOND SUBMIT EN JS

 Sources de la même categorie

Source avec Zip Source avec une capture SUBDIVISER LE RÉSULTAT D'UNE RECHERCHE EN PAGES par kimmp
Source avec Zip TIMER : SETTIMEOUT & SETINTERVAL AMÉLIORÉS par jdmcreator
Source avec Zip Source avec une capture ONGLETS ET CHANGEMENT INSTANTANÉ DE LA LANGUE par william voirol
Source avec Zip Source avec une capture COPIER DU TEXTE par m22001111
Source avec Zip DIALOGUE ENTRE FENÊTRES MÈRE ET FILLE par william voirol

Commentaires et avis

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

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

Ok, je v corriger ca

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";

?

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";

?

Commentaire de Syruis le 26/07/2004 13:03:48

Pas compatible Mozilla

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

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

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