Discussion :

[cmail]

Dans cette page, comment réintégrer correctement le "fields : w" qui correspond à l'affichage de l'image geoportail/api/js/2.0.2/theme/geoportal/img/loading.gif lors de la recherche comme dans le fonctionnement de base

[tcoupin]

L'affichage de cette image est normalement géré par la méthode loadContent de LocationUtilityService qui est redéfinit dans notre exemple. Pour réintégrer cette image, voici les modifications à apporter au 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
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
var gazetteer= new Geoportal.Control.LocationUtilityService.GeoNames(olsLayer, {
        // force drawLocation
        drawLocation:true,
        // suffix of all fields' form - suffixe des champs du formulaire
        id:'Gazetteer',
        outsideViewport:true,
        // place where to display results - endroit où lister les résultats
        resultDiv: OpenLayers.Util.getElement('resultsGazetteer'),
        fields:{
            'q0':'name',
            'c' :null,
            's' :'search',
            'w' :'wait'
        },
        activate: function() {
            this.layer.selectCntrl.deactivate();
            this.layer.destroyFeatures();
            this.loadContent(OpenLayers.Util.getElement('gpSearch'));
            if (!this.layer.map) {
                this.map.addLayer(this.layer);
            }
            this.resultDiv.innerHTML= '';
            this.resultDiv.style.display= 'none';

            // turn auto-completion on :
            if (this.autoCompleteControl) {
                this.map.addControl(this.autoCompleteControl);
            }

        },
        deactivate: function() {
            this.layer.cleanQueries();
        },
        loadContent: function(form) {
            // add mapping :
            this.inputs[this.fields.q0]= OpenLayers.Util.getElement('nameGazetteer');
            this.buttons[this.fields.s]= OpenLayers.Util.getElement('searchGazetteer');
            this.wImg= this.buildImageButton(form,this.fields.w,Geoportal.Util.getImagesLocation()+'loading.gif');
            this.wImg.style.display= 'none';
            // add listeners :
            var e= this.buttons[this.fields.s];

• "wait" sert à la traduction du label de l'image

• Geoportal.Util.getImagesLocation()+'loading.gif' permet d'accéder à l'image par défaut, on peut très bien la personnalisée.

• this.wImg.style.display= 'none' permet de cacher l'image tant qu'il n'y a pas de recherche

[cmail]

Merci beaucoup.
Réponse très précise comme je les aime!