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
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
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
Merci beaucoup.
Réponse très précise comme je les aime!
![]()
Vous avez un bloqueur de publicités installé.
Le Club Developpez.com n'affiche que des publicités IT, discrètes et non intrusives.
Afin que nous puissions continuer à vous fournir gratuitement du contenu de qualité, merci de nous soutenir en désactivant votre bloqueur de publicités sur Developpez.com.
Partager