Fermer

Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?

new!

Liste de choix

Script posté par :

petrus-v
Vous aussi, postez vos scripts en cliquant ici.

Description

Initialise une liste 1, puis grace au boutons tu peux changer les données de liste. les données sont toujours trier par ordre alphabétique. Attention à la casse?!

Compatibilité :

	FireFox : Toutes versions
	Mozilla : 1 et +
	Netscape Navigator : 6 et +
	Internet Explorer : 4 et +

Chiffres :

Date de création : 25/04/2006
Dernière modif : -
Visites de la page : 15988
Envois par mail : 178

Exemple :

Le code :

Entre <HEAD> et </HEAD> :

//initialise une liste
     function ini(form,list1,list2){

var MaTb = new Array("Jeff","Elene","Pierrot","Camille","Yves","Jul","Kabil");

list1.options.length=0;
              list2.options.length=0;
              MaTb.sort();

var i

for (i=0; i<6; i++) {
                  var o=new Option(MaTb[i],MaTb[i]);
                  list1.options[list1.options.length]=o;
              }

}

//passe les données de la liste 1 à la liste 2 et les trie par ordre alphabétique
     function gtod(form,list1,list2){
                for(yo=0;yo<list1.length;yo++){
                                 if(list1.options[yo].selected == true){
                                 var p= new Option(list1.options[yo].value,list1.options[yo].value);
                                 list2.options[list2.options.length]=p;
                                 list1.options[yo] = null;
                                 
                                 yo=yo-1;

}
                }
                 //trie de la liste, on creer un tab, on le trie et on reconstruit la liste
                
                       var tbl = new Array()
                for(i=0;i<list2.length;i++){
                        tbl.push(list2.options[i].value);
                }
                tbl.sort();//trie le tableau
                list2.options.length=0;//efface la liste 2
                for(i=0;i<tbl.length;i++){ //rempli la liste avec les données trié
                var p= new Option(tbl[i],tbl[i]);
                list2.options[list2.options.length]=p;
                }
     }

</SCRIPT>

Entre <BODY> et </BODY> :

Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript

Les annotations des visiteurs :

De NewSky - le 22-05-2006

Je ne sais pas pourquoi, mais selon la longueur de la liste et la selection effectuée, l'effacement ne se faisait pas correctement et une erreur survenais (Erreur : document.form.list.options[i] has no properties)!!

Vraissemblablement, pendant la 2ème boucle for, il y a des indices du tableaux des options qui deviennent introuvables!Ce qui semblerait normal puisque la liste "remonte" au fur et à mesure qu l'on efface.

J'ai donc changé le code de cette façon :

function rm_item(){
var nbr_item=document.plst.chx_plst.length; //nbr de fichier dans la 2ème liste

var compteselect=0; //initilaisation

for(i=0;i<nbr_item;i++){ //compte le nombre d'item selectionné
if(document.plst.chx_plst.options[i].selected){
compteselect++;
}
}

if(compteselect>0){ //si il y en a
for(i=0;i<nbr_item;i++){
if(document.plst.chx_plst.options[i].selected){ //on cherche le 1er selectionné
document.plst.chx_plst.options[i] = null; //et on l'efface!
break; //on sort de la boucle for
}
}
rm_item(); //et on recommence!
}
}

De danou9 - le 29-01-2007

Merci pour ce script qui ,marche en stand alone

mais, ou est le bouton Submit

comment brécupérer les données de la liste 2?

Dans la Doc Php, pour récupérer les données d'un Select multicle, le nom du sélect doit être un tableau comme par exemple :
<select name="pers2[]"

hors, si je met name="pers2[], le script de marche plus

>> Poster une annotation sur ce script

21 visiteurs
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

Néo Domaine
Enregistrement, Tansfert et Gestion de nom de domaine Internet Parking DNS + redirection web + redirection mail INCLUS ! Transfert de Registrar GRATUIT !
http://www.neodomaine.com/

Cat : Nom de domaine
Voir l'annuaire webmaster

LES SCRIPTS :

78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

LES MEMBRES :

54814 membres
8902 comptes CountUs
1456 comptes myCircle

LES FORUMS :

14 forums
39162 topics
188631 messages
>> Les forums

SONDAGE

La mini-astuce "Graphisme / Présentation" du jour par KevBrok
Si vous voulez que votre site soit bien lisible, n'utilisez surtout pas de fond dérière du contenu, à part de légés dégradés. Utilisez aussi une couleur contraire à la couleur de fond: Sur fond blanc, Le texte devrait être noir; sur fond noir, il devrait être blanc. Enfin, n'écrivez pas trop petit
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi