script javascript qui ne s'applique pas Fermé

Question

Bonjour, j'ai un code javascript "autocomplete" qui s'applique sur un champ de formulaire de type texte . la valeur de ce champ est charge de ma base de donnès de cette facon : while( $result = mysql_fetch_array($requete) ){ echo ("

") ; echo (""); le probleme c'est que le script s'applique une seule fois sur la premiere ligne ! comment je peux rendre le script appliquè sur tous les lignes ! merci d'avance ! Configuration: Windows 7 / Firefox 9.0

Mihawk · Answer

Hello,

Qu'entends-tu par "le script s'applique une seule fois sur la premiere ligne" ?
Le PHP ne charge qu'une ligne ?
Ou bien le PHP charge tout mais cela ne fonctionne qu'avec une des lignes affichées ?

AssassinTourist · Answer

Bonjour,

Autocomplete se fait à partir de l'id de ton input ? Le problème peut venir du fait que tous tes input auront le même id (d'après ton code php, ce serait searchField) Il faut alors les différencier.

Mihawk · Answer

Bon, reprenons.
Qu'appelles-tu ton "script" ?
Dans quel langage est-il écrit ?
Peux-tu nous poster son code ?

kd13 · Answer

"autocomplete.js il est ecrit en javascript ! voila le code : // global variables var acListTotal = 0; var acListCurrent = -1; var acDelay = 500; var acURL = null; var acSearchId = null; var acResultsId = null; var acSearchField = null; var acResultsDiv = null; function setAutoComplete(field_id, results_id, get_url) { // initialize vars acSearchId = "#" + field_id; acResultsId = "#" + results_id; acURL = get_url; // create the results div $("#auto").append('

'); // register mostly used vars acSearchField = $(acSearchId); acResultsDiv = $(acResultsId); // reposition div repositionResultsDiv(); // on blur listener acSearchField.blur(function(){ setTimeout("clearAutoComplete()", 200) }); // on key up listener acSearchField.keyup(function (e) { // get keyCode (window.event is for IE) var keyCode = e.keyCode || window.event.keyCode; var lastVal = acSearchField.val(); // check an treat up and down arrows if(updownArrow(keyCode)){ return; } // check for an ENTER or ESC if(keyCode == 13 || keyCode == 27){ clearAutoComplete(); return; } // if is text, call with delay setTimeout(function () {autoComplete(lastVal)}, acDelay); }); } // treat the auto-complete action (delayed function) function autoComplete(lastValue) { // get the field value var part = acSearchField.val(); // if it's empty clear the resuts box and return if(part == ''){ clearAutoComplete(); return; } // if it's equal the value from the time of the call, allow if(lastValue != part){ return; } // get remote data as JSON $.getJSON(acURL + part, function(json){ // get the total of results var ansLength = acListTotal = json.length; // if there are results populate the results div if(ansLength > 0){ var newData = ''; // create a div for each result for(i=0; i < ansLength; i++) { newData += '

' + json[i] + '

'; } // update the results div acResultsDiv.html(newData); acResultsDiv.css("display","block"); // for all divs in results var divs = $(acResultsId + " > div"); // on mouse over clean previous selected and set a new one divs.mouseover( function() { divs.each(function(){ this.className = "unselected"; }); this.className = "selected"; }) // on click copy the result text to the search field and hide divs.click( function() { acSearchField.val(this.childNodes[0].nodeValue); clearAutoComplete(); }); } else { clearAutoComplete(); } }); } // clear auto complete box function clearAutoComplete() { acResultsDiv.html(''); acResultsDiv.css("display","none"); } // reposition the results div accordingly to the search field function repositionResultsDiv() { // get the field position var sf_pos = acSearchField.offset(); var sf_top = sf_pos.top; var sf_left = sf_pos.left; // get the field size var sf_height = acSearchField.height(); var sf_width = acSearchField.width(); // apply the css styles - optimized for Firefox acResultsDiv.css("position","absolute"); acResultsDiv.css("left", sf_left - 2); acResultsDiv.css("top", sf_top + sf_height + 5); acResultsDiv.css("width", sf_width - 2); } // treat up and down key strokes defining the next selected element function updownArrow(keyCode) { if(keyCode == 40 || keyCode == 38){ if(keyCode == 38){ // keyUp if(acListCurrent == 0 || acListCurrent == -1){ acListCurrent = acListTotal-1; }else{ acListCurrent--; } } else { // keyDown if(acListCurrent == acListTotal-1){ acListCurrent = 0; }else { acListCurrent++; } } // loop through each result div applying the correct style acResultsDiv.children().each(function(i){ if(i == acListCurrent){ acSearchField.val(this.childNodes[0].nodeValue); this.className = "selected"; } else { this.className = "unselected"; } }); return true; } else { // reset acListCurrent = -1; return false; } }

Mihawk · Answer

Alors c'est ce qu'on te dit.
Le script JS a l'air de contenir du jquery qui appelle un div dont l'ID est "searchField".

Or toi sur ta page tu positionnes plusieurs div dont l'ID est "searchField".
Le script s'arrête donc toujours sur le premier.

Essaye tu verras : charge ta page et essaye, seul le premier fonctionnera. Ensuite tu supprime le premier div (avec firebug) et le 2e marchera ; et ainsi de suite.

Je pense que ce script JS (tout fait non ?) ne fonctionne que pour un seul div de recherche... Pour en gérer plusieurs il faudrait que tu passe l'ID du div en paramètre de la méthode.

AssassinTourist · Answer

Oui attends...

Dans ta requête en php, tu n'as qu'une seule valeur, c'est ça ? (parce que sinon tu aurais tes input en plus d'une fois ! ou sinon ça plante...)
Tu as aussi mis autocomplete seulement dans ta première balise, c'est normal ?

kd13 · Answer

desolè mais jai pas compris ou est le probleme dans le code .. :/

AssassinTourist · Answer

Moi je parle de ton code php Tu as (en simplifié) : while( $result = mysql_fetch_array($requete) ){ } Tu as plusieurs résultats dans ton $requete ? (et donc plusieurs lignes de $result ?)

kd13 · Answer

oui j'ai plusieur resultats 

c'est un affichage de donnès a partir d'une bdd

Script javascript qui ne s'applique pas

9 réponses

Discussions similaires