Problème sur autocompletion

lastday69 Messages postés 13 Date d'inscription mercredi 16 septembre 2009 Statut Membre Dernière intervention 11 février 2011 - 1 févr. 2011 à 16:06
lastday69 Messages postés 13 Date d'inscription mercredi 16 septembre 2009 Statut Membre Dernière intervention 11 février 2011 - 2 févr. 2011 à 16:03
Bonjour,
Dans le cadre de mon stage je dois crée un petit formulaire d'autocompletion en asp javascript et ajax.

J'ai réussi a mettre en place sauf une dernière chose. Lorsque je sélectionne la valeur qui m'intéresse dans la DIV cette valeur n'est pas transférer dans l'input qui va permettre la recherche.

voici le test et ce qu'il donne (veuillez taper "e" par exemple il a un tableau de prénom) : http://www.testoras.com/test_yassin/testajax/

voici le code de ma page gethint.asp :
<%
response.expires=-1
dim a(31)
'Fill up array with names
a(1)="Anna"
a(2)="Brittany"
a(3)="Cinderella"
a(4)="Diana"
a(5)="Eva"
a(6)="Fiona"
a(7)="Gunda"
a(8)="Hege"
a(9)="Inga"
a(10)="Johanna"
a(11)="Kitty"
a(12)="Linda"
a(13)="Nina"
a(14)="Ophelia"
a(15)="Petunia"
a(16)="Amanda"
a(17)="Raquel"
a(18)="Cindy"
a(19)="Doris"
a(20)="Emeline"
a(21)="Evita"
a(22)="Sunniva"
a(23)="Tove"
a(24)="Unni"
a(25)="Violet"
a(26)="Liza"
a(27)="Elizabeth"
a(28)="Ellen"
a(29)="Wenche"
a(30)="Vicky"
a(31)="Eve"

'get the q parameter from URL
q=ucase(request.querystring("q"))

'lookup all hints from array if length of q>0
if len(q)>0 then
  hint=""
  for i=1 to 31
    if q=ucase(mid(a(i),1,len(q))) then
      if hint="" then
        'hint= "[document.css 
<script type="text/javascript">
<!-- #include file="gethint.asp"-->
function searchfield_focus(obj)
{
obj.style.color=""
obj.style.fontStyle=""
if (obj.value=="Search w3schools.com")
{
obj.value=""
}
}

var pageTracker = _gat._getTracker("UA-3855518-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
<!--[if gt IE 7]>
<style>
body
{
overflow-y:scroll;
}
</style>
<![endif]-->


<script type="text/javascript">
function showHint(str)
{
var xmlhttp;
if (str.length==0)
  { 
  document.getElementById("txtHint").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","gethint.asp?q="+str,true);
xmlhttp.send();
}

function test()
{
document.getElementById("txt1").value= "TEST"
}
</script>

Exemple

<table cellspacing="0" cellpadding="3" border="0" width="100%" style="border:1px solid #d4d4d4;background:white">
----,
Ecrire un prenom:

Prenom: 

<!--]

-->

</td>


</html>


La fonction test est présente suite a de nombreux essai donc pas forcement indispensable !
Si vous avez une idée pour transférer le contenu de la Div dans l'input Text je suis preneur !

Merci D'avance !

1 réponse

lastday69 Messages postés 13 Date d'inscription mercredi 16 septembre 2009 Statut Membre Dernière intervention 11 février 2011
2 févr. 2011 à 16:03
Petite Rectification j'ai réussi à transférer ce qu'il y a dans ma div jusqu'à mon input cependant lorsque je clic sur la valeur qui m'intéresse la div ne s'efface pas >_<
0
Rejoignez-nous