[AJAX] Ajax jsp et html

Version imprimable

Bonjour,

J'ai une jsp qui a pour but me renvoyer via AJAX une valeur suivant ce que je tape dans un champ de texte comme dans l'exemple:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <html> <head> <script src="clienthint.js"></script> </head> <body> <form> First Name: <input type="text" id="txt1" onkeyup="showHint(this.value)"> </form> <p>Suggestions: <span id="txtHint"></span></p> <input type="text" id=txtHint> name="Nom de l'élément"> </body> </html>
Code:

<p>Suggestions: <span id="txtHint"></span></p>

ici l'actualisation est immédiate, mais comment faire pour un champ de texte lui aussi ce actualise automatiquement, j'ai ça

Code:

<input type="text" id=txtHint>

mais rien ne fait....

Je vous remercie d'avance.

08/03/2009, 12h35
Bovino

D'une part, un id est censé être unique dans une page, donc getElementById ne te renverra que le premier élément trouvé.
Ensuite, pour un input, la méthode pour le mettre à jour est de passer par la propriété value, c'est donc différent d'un span (je ne fait que supposer car tu ne montres pas le code JavaScript...)

Code:

<input type="text" id="inputHint">

Code:

document.getElementById('inputHint').value = 'Contenu';
08/03/2009, 12h45
snyper_ubi

Ajax jsp et html
Merci bien Bovino :)

j'en profites et je rajoute aussi ma réponse....

Code:

<input type="text" readonly="yes" name="Suggestion">

et dans le monFichier.js
Code:

1 2 3 4 function writeSugg(sugg){ Suggestion.value = sugg; }
Encore une foi Merci! :lol:
08/03/2009, 13h47
Bovino

Attention, ta solution risque fort de ne fonctionner qu'avec IE.
Pour les autres navigateurs, Suggestion sera considéré comme une variable qui n'a donc pas de propriété value.
L'idéal est donc de passer par un id, voire par

Code:

document.getElementsByName('Suggestion')[0].value = sugg;
08/03/2009, 17h13
snyper_ubi

Ajax jsp et html

Bonjour Bovino,

Merci pour t'es réponse, donc tu conseille l'utilisation de id au lieue de name?

Merci :lol:

A+