Discussion :

[BILANGA]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[RomainVALERI]

Heu...
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 ^^)

[BILANGA]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[RomainVALERI]

J'ai bien envie de t'aider, mais tu ne m'aides pas .
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 :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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 javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

j'utilise AJAX

Heu... où ça ? ^^

[BILANGA]

voici le select ayant les données à supprimer.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[RomainVALERI]

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...