all html : Le portail des webmaster

liste des forums liste des discussions Participer à la discussion

Message publié le mardi 24 novembre 2009 - 17h31 par abdeslam1999.

Bonjour,

Comment peut-on autoriser la saisie dans la liste déroulante,j'ai déjà suivre un lien pour faire cela avec la technologie ajax mais je n'arrive pas à mon objectife.
merci

• participer

Message publié le jeudi 26 novembre 2009 - 11h19 par inca roads.

Bonjour ,

Il faut que tu recherches des scripts d'auto complétion utilisant Ajax

http://www.google.com/search?q=ajax+autocompletion

Il y'a quelques exemples

Ou plus pratique encore des scripts d'auto complétion utilisant la bibliothèque jQuery

http://www.google.com/search?q=ajax+jquery+autocompletion

http://www.nodstrum.com/2007/09/19/autocompleter/


Tu peux bien sure aussi développer entièrement les scripts nécessaires ,ce qui nécessite la connaissance des langages ,html/css ,javascript ainsi qu'un langage serveur tel que le php ou l'asp

Si tu essayes je te conseil l'utilisation du framework (bibliothèque) jQuery qui facilite le développement javascript

http://jquery.com/

Pas besoin de le télécharger et de l'installer sur ton serveur ,la bibliothèque jQuery est gracieusement hébérgé chez google ,tu peux donc directement l'insérer dans tes pages de cette façon

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

Dans le développement d'une auto complétion Ajax il faudra que tu fasses une requête vers le serveur à chaque modification d'un <input type="text" id="recherche "/> que tu peux insérer en tête d'un menu déroulant vertical html/css ,le reste du menu servant à l'affichage des résultats

Pour déclencher via Ajax une requête vers le serveur la meilleur solution d'après moi est de tester à intervalle régulier grâce à un timer une modification dans l'input de recherche

Tu peux modifier ce script pour y arriver

http://www.allhtml.com/forums/posts_list/topic:503196

Quand tu détecte la modification tu lances une requête Ajax sur ta base de données

Instruction jQuery

$.ajax({
&nbsp;&nbsp;type:'POST',
&nbsp;&nbsp;url:'monfic.php',/* fichier qui renvoi le résultat de ta requête */
&nbsp;&nbsp;data:'find='+strFind,
&nbsp;&nbsp;success:function(data)
&nbsp;&nbsp;&nbsp;&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;creMenu(data);
&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;});

En cas de succès (success) tu appelles par exemple une fonction creMenu(data) qui te générera dynamiquement ton menu css ayant pour premeir élément ton input de recherche

En gros les étapes de développement c'est ça ,tu auras pas mal de problèmes à résoudre ,je te conseil donc si tu as besoin de poser d'autres questions d'isoler tes problèmes séparément et de montrer les bouts de codes concérnés de ce que tu as déjà fait avant de poster

• participer

Message publié le jeudi 26 novembre 2009 - 11h24 par inca roads.

une petite erreur à l'affichage

Instruction jQuery

$.ajax({
type:'POST',
url:'monfic.php',/* fichier qui renvoi le résultat de ta requête */
data:'find='+strFind,
success:function(data)
{
creMenu(data);
}
});

• participer

liste des forums liste des discussions Participer à la discussion

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.