Discussion :

[hannibal974]

Bonjour,

je vous explique mon problème. J'ai voulu réaliser une auto-complétion sur un champ de saisie de texte en html grâce à un script java.
Jusque là pas de souci, l'auto-complétion fonctionne parfaitement. Mon problème est que pour l'une de mes zones de saisie, je dois passer à mon script la chaîne de texte sasie dans une autre zone de saisie pour pouvoir faire ma requête dans le fichier que j'appelle. Or, je ne vois pas comment passé cette variable dans mon script et comment la récupérer dans mon fichier.

Voilà mon code :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<label for="dept">Département</label>
<br/>
<input type="text" name="dept" id="dept" />
<!-- Auto-complétion-->
<script>
    $('#dept').autocomplete({
        source: 'listeDEPT.php'
    });
</script>
<!-- Fin auto-complétion-->
<br/>
<label for="serv">Service</label>
<br/>
<input  type="text" name="serv" id="serv"/>
<!-- Auto-complétion-->
<script>
    $('#serv').autocomplete({
        source: 'listeSERV.php',
        // Passage de la chaine de caractère depuis le input dept
    });
</script>
<!-- Fin auto-complétion-->

[SpaceFrog]

.val()

[hannibal974]

Donc mon code devrair ressembler à sa pour pouvoir récupérer la chaine de caractère saisie par l'utilisateur?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<label for="serv">Service</label>
<br/>
<input  type="text" name="serv" id="serv"/>
<!-- Auto-complétion-->
<script>
    $('#serv').autocomplete({
        source: 'listeSERV.php',
        var dept = $('#dept').val;
    });
</script>
<!-- Fin auto-complétion-->

Du coup comment je peux récupérer cette variable dans mon fichier listeSERV.php ?

[SpaceFrog]

j'ai mis .val() pas .val

[hannibal974]

Oui pardon un oublie de frappe ^^
Et dans mon fichier listeSERV comment je peux appeller cette variable ?

[SpaceFrog]

c'est pourtant bein documenté
http://jqueryui.com/autocomplete/#remote-jsonp

source = fonction ... ajax

[hannibal974]

Je ne vois toujours pas comment je pourrais récupérer cette chaine de caractère et l'affecter dans mon fichier listeSERV

[SpaceFrog]

si tu mets en source de ton autocomplete une fonction qui fait un ajax en passant des paramètres, tu recupèreras un json conditionné aux paramètres reçus, comme montré sur l'exemple

[hannibal974]

Mon script ressemblerait donc à ça ?

Code :

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

1
2
3
4
5
6
7
8
9
 
<script>
$('#serv').autocomplete ({
     source:'listeSERV.php',
     $('#dept').function({
          $term=$_GET['term'];
          echo json_encode($term);
     });
});

[SpaceFrog]

Tu mélanges tout là ...

ta fonction de source doit pointer vers une page de traitement php
c'est la page php qui doit faire le json encode ...

le code de l'exemple est pourtant assez explicite ...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 source: function( request, response ) {
$.ajax({
url: "http://ws.geonames.org/searchJSON",
dataType: "jsonp",
data: {
featureClass: "P",
style: "full",
maxRows: 12,
name_startsWith: request.term
},
success: function( data ) {
response( $.map( data.geonames, function( item ) {
return {
label: item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName,
value: item.name
}