trier une listbox par ordre alpha.

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : trier une listbox par ordre alpha.

glabou

Bonjour,

Je code un peu en PHP, mais je ne connais pas le javascript.
J'ai créer une page avec 2 listbox d'après ce code javascript :
http://www.editeurjavascript.com/s [...] _3_561.php
J'ai modifié mon code pour alimenter la listbox 1 avec des données d'une base MySql, et par odre alphabétique :

Code :

$selectmots="select * from motscles order by mots";

Je peux transférer mes éléments de la liste 1 vers la liste 2 et vice-versa sans problème.

Mais ce que je voudrais en plus, c'est que quand je transfere un élément de la liste 2 vers la liste 1, la liste 1 soit trier par ordre alphabétique.
Or là, il me met l'élément en bas de la liste 1.
J'essaye de placer "sort();" dans le javascript, mais ça ne marche pas, forcément.

Pouvez vous m'aider ?
Merci.

Publicité

anapajari

s/travail/glanding on hfr/gs;

Qu'est ce que tu veux dire exactement par:

Citation :

Je peux transférer mes éléments de la liste 1 vers la liste 2 et vice-versa sans problème.

ton "transfert" de list1 à list2 tu le fais en js? avec ajout/suppression de noeud? ou alors c'est un bout de ton truc en php?

glabou

oui je passe les éléments de la list1 à la list2 en javascript.
je me sers de php, juste pour aller chercher la liste des éléments sur ma base MySql.

anapajari

s/travail/glanding on hfr/gs;

fais péter ton js ... [:spamafote]

glabou

ok je fais tout péter. :jap:

Code :

<html>
<head><title>Test</title>
<script language="Javascript">
// Transfert une ligne de la liste Origine à la liste Destination
function TransfertListe(idOrigine, idDestination)
{ var objOrigine = document.getElementById(idOrigine);
var objDestination = document.getElementById(idDestination);
if (objOrigine.options.selectedIndex<0) return false;
if (VerifValeurDansListe(idDestination, objOrigine.options[objOrigine.options.selectedIndex].value, true)) return false;
var ADeplacer = new Option(objOrigine.options[objOrigine.options.selectedIndex].text, objOrigine.options[objOrigine.options.selectedIndex].value);
objDestination.options[objDestination.length]=ADeplacer;
objOrigine.options[objOrigine.options.selectedIndex]=null;
}
// Vérifie la présence de Valeur dans IdListe
function VerifValeurDansListe(IdListe, Valeur, blnAlerte) {
var objListe = document.getElementById(IdListe);
for (i=objListe.length-1;i>=0;i--)
if (objListe.options[i].value == Valeur)
{
if (blnAlerte) alert('Déjà présent.');
return true;
}
return false;
}
</script>
</head>
<body>
<?
//connection
$sql_host="****";
$sql_user="****";
$sql_pass="*****";
mysql_connect($sql_host,$sql_user,$sql_pass) or die ("DBMS Server Error" );
mysql_select_db("DOCINFO" ) or die ("DBMS Database Error" );
// chargement des mots-clés
$selectmots="select * from motscles order by mots";
$querymots=mysql_query($selectmots);
$nbrelignesmots=mysql_num_rows($querymots);
$i=0;
?>
<select name="la_liste_1" id="la_liste_1" style="width:100px;" size=10 ondblclick="TransfertListe('la_liste_1','la_liste_2');" >
<?
//chargement mots clés
while($i<$nbrelignesmots)
{
$optionmot=mysql_result($querymots,$i,"mots" );
print "<option value=$i>$optionmot</option>";
$i++;
}
?>
</select>
  
<select name="la_liste_2" id="la_liste_2" style="width:100px;" size=10 ondblclick="TransfertListe('la_liste_2','la_liste_1');" >
</select>
</body>
</html>

c'est mon fichier complet.
avec des morceaux de js et php dedans.

Message édité par glabou le 11-08-2006 à 15:10:51

olivthill

Il suffit de modifier la fonction TransfertListe() de la manière suivante :

// Transfert une ligne de la liste Origine à la liste Destination
function TransfertListe(idOrigine, idDestination)
{ var objOrigine = document.getElementById(idOrigine);
var objDestination = document.getElementById(idDestination);
if (objOrigine.options.selectedIndex<0) return false;
if (VerifValeurDansListe(idDestination, objOrigine.options[objOrigine.options.selectedIndex].value, true))
return false;
var ADeplacer = new Option(objOrigine.options[objOrigine.options.selectedIndex].text, objOrigine.options[objOrigine.options.selectedIndex].value);

// Recherche la bonne position dans la listbox de destination
var i;
for (i = 0; i < objDestination.options.length; i++) {
if (objDestination.options[i].text > ADeplacer.text)
break;
}

// Décale vers le bas
for (var j = objDestination.options.length - 1; j >= i; j--) {
objDestination.options[j+1]=new Option(objDestination.options[j].text,objDestination.options[j].value);
}

// Insert l'option
objDestination.options[i]=ADeplacer;

// Supprime l'option de la listbox d'origine
objOrigine.options[objOrigine.options.selectedIndex]=null;
}

anapajari

s/travail/glanding on hfr/gs;

C'est ta ligne 11 qu'il faut modifier
La tu rajoutes "bêtement" en dernière position sur la liste.
Il va falloir que tu trouves en dessous entre quelles options tu dois placer celui que tu rajoutes.
Vu que le code que tu as utiliser ça risque de pas être evident.
Il aurait mieux valu tout faire avec du DOM un truc dans le genre

Code :

function TransfertListe(idOrigine, idDestination){
var objOrigine = document.getElementById(idOrigine);
var objDestination = document.getElementById(idDestination);
if (objOrigine.options.selectedIndex<0) return false;
if (VerifValeurDansListe(idDestination, objOrigine.options[objOrigine.options.selectedIndex].value, true)) return false;
var selOpt = objOrigine.getElementsByTagName('option')[objOrigine.options.selectedIndex];
var optNodes = objDestination.getElementsByTagName('option');
var optPos = -1;
for(var i=0; i< optNodes.length; i++){
if ( optNodes[i].value > selOpt.value ){
optPos = i;
break;
}
}
if ( optPos == -1){
objDestination.appendChild(selOpt);
} else {
objDestination.insertBefore(selOpt, optNodes[optPos]);
}
}

edit: p0wned mais moi j'ai tout récrit avec du DOM, et c'est plus zoli

Message édité par anapajari le 11-08-2006 à 15:36:06

glabou

Merci beaucoup. Ca marche comme je le souhaitais.
J'ai essayé de comprendre.....mais je capte vraiment pas grand chose en javascript
Pour le DOM, euh tu me parle chinois. loool. mais c'est pas grave.

Ce qui m'embete c'est que si j'ai un problème occasionnel en js, je vais devoir repasser sur le forum. Et vu que j'ai trouvé un autre script js que je veux appliquer, ça risque d'être bientôt. lool

Anapajari : t'as pas un lien vers un bon tutorial d'apprentissage js ?

Bon we.

FORUM HardWare.fr

Programmation

HTML/CSS

trier une listbox par ordre alpha.

Sujets relatifs
textbox et listbox effacement d'un formulaire VBA	[Résolu] [Algo] Stabilisation et Système du premier ordre
[ Batch Dos ] Ordre d'execution batch dos	trier une colonne
trier une listbox	Tableau à trier en fct de deux champs
Listbox et rowsource	Collection d'Objet en php + gérer ordre de fichiers sur le serveur ?
Trier des caracteres avec accents ?
Plus de sujets relatifs à : trier une listbox par ordre alpha.

Page générée en 0.054 secondes