Code javascript

jordxn Messages postés 375 Statut Membre -  
animostab Messages postés 3003 Date d'inscription   Statut Membre Dernière intervention   -
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. animostab Messages postés 3003 Date d'inscription   Statut Membre Dernière intervention   738
     
    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
    1. jordxn Messages postés 375 Statut Membre 1
       
      Bonjour merci de votre réponse,
      cependant c'est bien ce que je faisais dans le code précédent ..
      0
  2. jordxn Messages postés 375 Statut Membre 1
     
    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
    1. animostab Messages postés 3003 Date d'inscription   Statut Membre Dernière intervention   738
       
      essai ca

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

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