Recherche ajax

Fermé
momie-62 Messages postés 13 Date d'inscription vendredi 13 novembre 2009 Statut Membre Dernière intervention 2 novembre 2010 - 2 nov. 2010 à 18:22
Bonjour,
bonjour;
je vous explique j'ai crée un code pour que quand l'utilisateur rentre quelque chose sa l'envoyé a une autre page qui le traite et l'enregistre dans la base de donne mais le probleme c'est j'aimerais qu'il puisse appuyer sur un boutons submit pour envoyer ce message et que la recherche s'efface
1=> il rentre la recherche
2=> il appuie sur le bouton
3=> les données sont envoyer et la recherche s'efface
mon code html :
<code ><input type="text" id="commentaire" name="commentaire" onkeyup="showResult(this.value)" style="width:505px" >
</code>
mon code js :
<script type="text/javascript">
function showResult(str)
{
	
if (str.length==0)
  { 
  
  document.getElementById("livesearch").innerHTML="";
  document.getElementById("livesearch").style.border="0px";
  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("livesearch").innerHTML=xmlhttp.responseText;
    
    }
  }
xmlhttp.open("GET","discussionplus.php?q="+str,true);
xmlhttp.send();
}
 function text()
{
var xhr = new XMLHttpRequest();
xhr.open("GET", "discussionplus.php", true);
xhr.send(null);
xhr.onreadystatechange = function()
{
if(xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0))
{
var response = xhr.responseText;
var elem = document.getElementById("livesearch");
elem.innerHTML=response;
}
}
setTimeout("text()",1000)
}
text();

</script>


merci d'avance