Comment utiliser la valeur de zone de texte pour récupérer les enregistrements, et pour l'afficher dans la même page

Question

j'ai un formulaire comme

<script language="javascript" type="text/javascript"> 

    function formfn() 
    { 
    var str = document.getElementById('TitleSearch').value; 
    alert(str);//displays the keyword like database 
    } 

    </script> 






    <form name="f1" method="post"> 
    <p><label for="TitleSearch">Keywords:</label> 
    <input title="Keyword" size="40" value="" id="TitleSearch"></p> 
    <p> 
    <input type="submit" id="im-search" value="Search" name="im-search" onClick="formfn();"></p> 
     </form> 

J'ai une page où dans le top j'ai ce formulaire sur la recherche, il doit prendre la valeur de la TitleSearch textbox et de l'utiliser pour récupérer les enregistrements correspondant par

 <?php 
$db   =& JFactory::getDBO(); 
    $query = 'SELECT * from #__chronoforms_Publications where keyword like "%valueretrieved%" '; 
    $db->setQuery($query); 
    $rows = $db->loadObjectList(); 
     //echo $rows; 
     ?> 

Une fois que le bouton de recherche est cliqué sur le zone de texte valeur du mot-clé est récupéré. Je suis en train d'utiliser cette valeur dans la requête de sélection pour récupérer les enregistrements, et à afficher dans la même page ..

Comment faire ..

Answer 1

Pls changer le type de bouton

Voici le code modifié:

<script language="javascript" type="text/javascript"> 
function formfn() 
{ 
    var str = document.getElementById('TitleSearch').value; 
    alert(str); 
} 
</script> 

<form name="f1" method="post"> 
    <p><label for="TitleSearch">Keywords:</label> 
    <input title="Keyword" size="40" value="" id="TitleSearch" 
     name="TitleSearch"></p> 
     <p> <input type="button" id="im-search" value="Search" name="im-search" 
     onClick="formfn();"></p> 
</form> 

Answer 2

Vous devez regarder dans AJAX

Voici la version simple de W3Schools http://www.w3schools.com/PHP/php_ajax_database.asp

alternative est jQuery: La première des liens ici peut vous amener à l'étape suivante - Google pour php ajax jQuery

Answer 3

Cette base de données est AJAX. Voir http://www.w3schools.com/php/php_ajax_database.asp ce qui donne des détails vraiment spécifiques. Vous avez besoin d'une page PHP séparée pour appeler votre DB.

J'ai fait cette fonction avant. Assurez-vous simplement que votre page PHP n'est pas accessible et sûre.