fonction de tri d'un input avec onkeyup

Bonjour à tous.

Je voudrais filtrer ma liste grace aux touches tapées par l'utilisateur. Actuellement je charge mon input de données sans problème.

J'ai fait une petite procedure qui ne s'execute pas bien, la voici:

Code:

---

1 2 3 4 5 6 7 8

function recharge_list(rech_val){ if(rech_val !=""){ document.remb_pret.recharge.value = "O"; documents.remb_pret.submit(); } else document.remb_pret.recharge.value = "N"; }

---

Elle est appelé ainsi:

Code:

---

1 2	<label for="rech_p">Recherche:</label> <input name="rech_pret" type="text" id="rech_pret" value="" size="30" onkeyup="recharge_list(this.value);"/>

---

afin de charger:

Code:

---

1 2 3 4 5 6

<label for="lst_tache">Créancier(s):</label> <select name="lst_tache" id="id_lst_tache" size="5" style="width:350px" onDblClick = "add_tache();" > {section name=idx loop=$liste_creancier} <option value="{$liste_creancier[idx].num_pret}">{$liste_creancier[idx].nom_adhe}** Prêt: {$liste_creancier[idx].num_pret}** Mont:{$liste_creancier[idx].capitale}</option> {/section} </select>

---

J'attend votre aide, merci

Heu... :koi:
La page est rechargée (submit) à *chaque caractère* entré dans ton input ?
Tu as envisagé AJAX ? Parce que pour faire de l'autocomplétion, c'est quand même beaucoup plus adapté (si c'est bien ce que tu veux faire, je n'ai qu'une idée approximative pour le moment ^^)

Merci

Je rencontre un problème pour resoudre ce problème: j'utilise AJAX, mais je suis buté face à initialiser mon input dont le voici:

Code:

---

1 2 3

<label for="tache_eff" id="id_tache_eff">libellé</label> <select name="tache_eff" size="5" multiple="multiple" style="width:350px"> </select>

---

Voici le bout de code pour vider ce champ:

Code:

---

1 2	for (var i=0; i<this.remb_pret.tache_eff.options.length; i++){ document.forms[0].tache_eff.options[i] = null;}

---

Lorsque ce code est executé, au lieu de supprimer près de 256 données dans cet input, il supprime plustôt d'abord 3 enregistrements, après un certains nombre mais pas tout en un seul execution.

Je souhaite vider tout le contenu de l'input en une seule execution. Merci

J'ai bien envie de t'aider, mais tu ne m'aides pas :mrgreen:.
On ne sait toujours pas ce que contient ton input avant ta tentative de suppression des données : poste-nous le code généré (code source visible dans un navigateur, pas le code serveur qui ne sert à rien ici) ou même si possible un lien vers le site en cours de construction, ça facilitera les choses ;)

Par contre, ici, il y a déjà un souci je crois :

Citation:

---

Envoyé par BILANGA

Code:

---

1 2 3

for (var i=0; i<this.remb_pret.tache_eff.options.length; i++){ document.forms[0].tache_eff.options[i] = null; }

---

---

... parce que tu boucles sur le nombre d'éléments d'un objet mais tu accèdes aux propriétés d'un autre objet... ça ne peut pas coller.
Et pour éviter ce genre de mésaventures, c'est quand même plus pratique de donner une propriété id à ton select, histoire de le référencer plus facilement.
Essaie quelque chose comme :

Code:

---

1 2 3 4

var sel = document.getElementById("idDeTonSelect"); for (var i = 0, iMax = sel.options.length; i < iMax; ++i) { sel.removeChild(sel.options[i]); }

---

Et enfin :

Citation:

---

Envoyé par BILANGA

j'utilise AJAX

---

Heu... où ça ? ^^

voici le select ayant les données à supprimer.

Code:

---

1 2 3 4 5 6

<label for="lst_tache">Créancier(s):</label> <select name="lst_tache" id="id_lst_tache" size="5" style="width:350px" onDblClick = "add_tache();" > {section name=idx loop=$liste_creancier} <option value="{$liste_creancier[idx].num_pret}">{$liste_creancier[idx].nom_adhe}** Prêt: {$liste_creancier[idx].num_pret}** Mont:{$liste_creancier[idx].capitale}</option> {/section} </select>

---

Voici le code (AJAX) qui doit supprimer les données.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

function getXhr(){ var xhr = null; if(window.XMLHttpRequest) xhr = new XMLHttpRequest(); else if(window.ActiveXObject){ try { xhr = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } } else { alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); xhr = false; } return xhr }   function load_pret(nom_rech){ var xhr = getXhr() xhr.onreadystatechange = function(){ if(xhr.readyState == 4 && xhr.status == 200){ for (var i=0; i<this.remb_pret.lst_tache.options.length; i++){ document.forms[0].lst_tache.options[i] = null; } } } xhr.open("POST","load_nom.php",true); xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xhr.send('nom_creancier='+escape(document.getElementById('rech_pret').value)+'& type=load_pret'); }

---

Mon problème est de pourvoir effacer tout le contenu du select lst_tache, car à l'état actuel il supprime une partie du contenu du select

le select que tu montres est toujours aussi indéchiffrable pour nous bilanga : poste du code HTML ou javascript, s'il te plait, comme je te l'ai déjà demandé, pour de nombreuses raisons c'est important.

Cela dit, as-tu lu/essayé/compris/rejeté la piste que je t'ai proposé ? Parce que ta boucle de suppression des options du select a un défaut de construction, en effet, mais tu n'as pas l'air de l'avoir lu, étant donnée ta réponse...