Code javascript

Fermé
jordxn Messages postés 356 Date d'inscription jeudi 15 avril 2010 Statut Membre Dernière intervention 26 avril 2015 - Modifié par jordxn le 21/02/2014 à 00:44
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 21 févr. 2014 à 23:00
Bonjour,

J'ai trouver un code source et j'aimerais l'adapter a mon id mais en vain .. (en rouge ce que j'ai changé)

Code d'origine (qui marche) :
function lookup(inputString) {
if(inputString.length == 0) { // si le champs texte est vide
$('#suggestions').hide(); // on cache les suggestions
} else { // sinon
$.post("ajax.php", {queryString: ""+inputString+""}, function(data){ // on envoit la valeur du champ texte dans la variable post queryString au fichier ajax.php
if(data.length >0) {
$('#suggestions').show(); // si il y a un retour, on affiche la liste
$('#autoSuggestionsList').html(data); // et on remplit la liste des données
}
});
}
}

function fill(thisValue) { // remplir le champ texte si une suggestion est cliquée
if(thisValue){
$('#inputString').val(thisValue);
setTimeout("$('#suggestions').hide();", 200);
}
}

$(document).ready( function () {
$("input#inputString").keyup( function() { // si on presse une touche du clavier en étant dans le champ texte qui a pour id inputString
lookup($(this).val()) ;
});

$("input#inputString").blur( function() { // si le champs texte perd le focus
fill(false);
});
});





Code qui bug :
function lookup(<span style="color:#ff0000;">lieu</span>) {
if(<span style="color:#ff0000;">lieu</span>.length == 0) { // si le champs texte est vide
$('#suggestions').hide(); // on cache les suggestions
} else { // sinon
$.post("ajax.php", {queryString: ""+<span style="color:#ff0000;">lieu</span>+""}, function(data){ // on envoit la valeur du champ texte dans la variable post queryString au fichier ajax.php
if(data.length >0) {
$('#suggestions').show(); // si il y a un retour, on affiche la liste
$('#autoSuggestionsList').html(data); // et on remplit la liste des données
}
});
}
}

function fill(thisValue) { // remplir le champ texte si une suggestion est cliquée
if(thisValue){
$('#<span style="color:#ff0000;">lieu</span>').val(thisValue);
setTimeout("$('#suggestions').hide();", 200);
}
}

$(document).ready( function () {
$("input#<span style="color:#ff0000;">lieu</span>").keyup( function() { // si on presse une touche du clavier en étant dans le champ texte qui a pour id lieu
lookup($(this).val()) ;
});

$("input#<span style="color:#ff0000;">lieu</span>").blur( function() { // si le champs texte perd le focus
fill(false);
});
});

Le rouge ne s'est pas affiché avec les balises de code :

c'est <span style="color:#ff0000;">lieu</span>


J'ai un champs input de type text et d'id="lieu" et j'aimerais adapter ce script qui était d'origine pour l'id InputString


Merci

A voir également:

2 réponses

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
Modifié par animostab le 21/02/2014 à 04:41
Salut

"#<span style="color:#ff0000;">lieu</span>"
et
"input#<span style="color:#ff0000;">lieu</span>"

#---> annonce une id

<span style="color:#ff0000;">lieu</span> --> ce n'est pas une id

si ton input a comme id lieu alors

$("#lieu)
et
$("input#lieu")

Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
0
jordxn Messages postés 356 Date d'inscription jeudi 15 avril 2010 Statut Membre Dernière intervention 26 avril 2015 1
21 févr. 2014 à 10:56
Bonjour merci de votre réponse,
cependant c'est bien ce que je faisais dans le code précédent ..
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
21 févr. 2014 à 18:10
regarde cette page
recuperer la valeur d'un champ
http://jquery.developpeur-web2.com/documentation/attributs/val.php
0
jordxn Messages postés 356 Date d'inscription jeudi 15 avril 2010 Statut Membre Dernière intervention 26 avril 2015 1
21 févr. 2014 à 21:46
Donc

function lookup(inputString) {
if(inputString.length == 0) { // si le champs texte est vide
$('#suggestions').hide(); // on cache les suggestions
} else { // sinon
$.post("ajax.php", {queryString: ""+inputString+""}, function(data){ // on envoit la valeur du champ texte dans la variable post queryString au fichier ajax.php
if(data.length >0) {
$('#suggestions').show(); // si il y a un retour, on affiche la liste
$('#autoSuggestionsList').html(data); // et on remplit la liste des données
}
});
}
}

function fill(thisValue) { // remplir le champ texte si une suggestion est cliquée
if(thisValue){
$('#inputString').val(thisValue);
setTimeout("$('#suggestions').hide();", 200);
}
}

$(document).ready( function () {
$("input#inputString").keyup( function() { // si on presse une touche du clavier en étant dans le champ texte qui a pour id inputString
lookup($(this).val()) ;
});

$("input#inputString").blur( function() { // si le champs texte perd le focus
fill(false);
});
});

j'ai un champs text d'id=inputString et je veux adapté ce code a l'id lieu

Avez vous une idée, je vois vraiment pas...

merci
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
21 févr. 2014 à 23:00
essai ca

au lieu de
$("input#inputString")
fais
$("#lieu")

sans oublier d'intégrer jquery a ta page
0