Code javascript

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

2 réponses

  1. 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.
    1. Bonjour merci de votre réponse,
      cependant c'est bien ce que je faisais dans le code précédent ..
  2. 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
    1. essai ca

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

      sans oublier d'intégrer jquery a ta page