Discussion :

[Adevy135]

Bonjour,

J'ai crée un site avec wordpress et je souhaite modifier l'autocompletion.
Mon soucis est qu'une variable (pourtant globale) n'est pas accepté par la fonction d'autocomplétion.

Voilà un extrait du code :

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
jQuery(document).ready(function($) {
 
var catInput = $( "#category" );
 
var tab_loc[12] = ...
 
catInput.autocomplete({
minLength: 0,
source: tab_loc[id_parent],
focus:...
})
catInput.click(function(){
var window.id_parent = document.getElementById('id_element').value;
...
});

La variable "id_parent" n'est pas accepté par source : tab_loc[id_parent].
J'avais testé la variable en faisant un alert et tout fonctionne, la variable est mis à jour lorsqu'on clique sur l'élément catInput.

Merci d'avance

[Adevy135]

Bonjour,

J'ai testé ceci mais sans réussite :

Code :

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

1
2
3
4
5
6
var locInputID = $( "#id_element" );
...
catInput.autocomplete({
    minLength: 0,
    source: tab_loc[locInputID.val()],
...

La valeur est bien récupérer, j'ai testé avec des alert mais l'autocompletion ne fonctionne que si je met un véritable nombre.

Merci à vous

[danielhagnoul]

Bonsoir

var window.id_parent .

Soit var id_parent.
Soit window.id_parent ce qui est une très mauvaise idée (variable globale)

[Adevy135]

Merci pour votre aide mais cela ne fonctionne pas.

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
jQuery(document).ready(function($) {
tab_loc['25'] = [{ value: "41", label: "Culoz" },{ value: "89", label: "Neuville-sur-Ain" },{ value: "73", label: "Versailleux" },{ value: "57", label: "Villereversure" }];
tab_loc['21'] = [{ value: "85", label: "Challes-la-Montagne" },{ value: "69", label: "Condeissiat" },{ value: "53", label: "Crans" },{ value: "37", label: "Saint-Denis-en-Bugey" }];
 
var catInput = $( "#category" ),
catInputID = $( "#category-id" ),
locInput = $( "#location" ),
locInputID = $( "#location-id" );
 
catInput.autocomplete({
     minLength: 0,
     source: tab_loc[locInputID.val()], //La source que je ne comprends pas
     focus: function( event, ui ) {...},
     select: function( event, ui ) {...}
}).data( "ui-autocomplete" )._renderItem = function( ul, item ) {...};

Aucune de mes variables n'est accepté par la source.

J'ai aussié essayé en faisant appel à une source externe mais je reviens sur le même problème :

Code :

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

source: 'http://monlien?id='+id_parent,

id_parent ou locInputID.val() ne retourne rien pour la source.

[danielhagnoul]

Exemple :

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
$( function(){ // forme abrégée de $(document).ready(function(){
 
    var tabLoc = {
        25 : [
            { 
                "value" : 41, 
                "label" : "Culoz"
            },
            { 
                "value" : 89, 
                "label" : "Neuville-sur-Ain" 
            },
            { 
                "value" : 73, 
                "label" : "Versailleux" 
            },
            { 
                "value" : 57, 
                "label" : "Villereversure" 
            }
        ],
        21 : [
            {
                "value" : 85, 
                "label" : "Challes-la-Montagne" 
            },
            { 
                "value" : 69, 
                "label" : "Condeissiat"
            },
            { 
                "value" : 53, 
                "label" : "Crans" 
            },
            { 
                "value" : 37, 
                "label" : "Saint-Denis-en-Bugey"
            }
        ]
    };
 
    // debug, console touche F12
    // console.log( tabLoc, tabLoc[ 21 ] );
 
    var jObjCategory = $( "#category" ),
        jObjLocation = $( "#location" );
 
 
    jObjLocation.autocomplete({
         "source" : tabLoc[ jObjCategory.val() ]
    });
});

[Adevy135]

Merci mais j'ai finalement trouvé la solution en encadrant ma fonction d'autocompletion par un .focus ce qui ma permis d'utiliser la variable. Je ne comprend pas pourquoi avant ça ne fonctionnait pas avec une variable globale mais c'est pas grave, j'y réfléchirai plus tard.

Merci encore