Discussion :

[vince29]

Bonjour à tous,

voilà , c'est la première fois que j'utiise jquery, et j'ai un souci très mineur que je n'arrive pas à résoudre : comment appeler une fonction jquery sur un évènement d'un input :

voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
<script src="../../jquery/jquery-1.7.2.min.js"></script>
<script src="../../jquery/jquery.autocomplete.js"></script>
 
	<script type="text/javascript">
	function load(valeur) {
		$.getJSON('/admin/loadnom?nom='+valeur, function(data) { }
 
	    $("input#client").autocomplete({source:data});
	}
    </script>

et mon input :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="text" name="client" id="client" onKeyUp="load(this.value);" class="formulaireInputRecherche" value="" />

Pouvez-vous me dire ce que je ne fais pas correctement?

Merci
Vince

[SpaceFrog]

tu as juste oublié de mettre l'initialisation de l'autocomplete dans le ready ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<script src="../../jquery/jquery-1.7.2.min.js"></script>
<script src="../../jquery/jquery.autocomplete.js"></script>
<script type="text/javascript">
	$(document).ready {
	    $("#client").autocomplete({serviceUrl:'/admin/loadnom?nom='+valeur);
	})
</script>

et l'autocomplete n'a pas besoin d'être declaré sur le keyup ...

[vince29]

je ne comprend pas, ça ne fonctionne pas, mon action loadnom n'est même pas appelé.

Je rectifie, ça fonctionne, mais seulement au load de la page, j'aimerais que ce soit appelé dès que je saisi un caractère dans mon input 'client' ... une solution

J'ai modifié mon script comme indiqué :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<script type="text/javascript">
	$(document).ready {
	    $("#client").autocomplete({serviceUrl:'<?php echo ROOT_URL;?>admin/loadnom?nom='+valeur);
	}
 
    </script>

[vince29]

j'ai réussi de la façon suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function load(){
			$.getJSON('<?php echo ROOT_URL;?>admin/loadnom?nom='+$("#client").val(), function(data) { });
			$("#client").autocomplete({serviceUrl:'<?php echo ROOT_URL;?>admin/loadnom?nom='+$("#client").val()});
		}

et mon input

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="text" name="client" id="client" class="formulaireInputRecherche" value="" onKeyUp="load();" />

[SpaceFrog]

un peu de lecture
http://www.devbridge.com/projects/autocomplete/jquery/