Discussion :

[cmail]

Quelques tuyaux pour changer le contenu (pas le style via css déjà bien référencé par l'exemple ici) de la boite à outils, à savoir:

1. Changer l'intitulé de cette boite pour que "Outils" devienne "Chose".
2. Introduire dans cette boite un texte html.

Merci

[dgrichard]

Quelques tuyaux pour changer le contenu (pas le style via css déjà bien référencé par l'exemple ici) de la boite à outils, à savoir:

1. Changer l'intitulé de cette boite pour que "Outils" devienne "Chose".

Code :

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

Geoportal.Lang['fr']['gpControlToolBox.label']= 'ton texte';

A faire avant le chargement du viewer (début de initGeoportalMap() par exemple).

1. Introduire dans cette boite un texte html.

Tu peux utiliser Geoportal.Control.Toolbox.createControlAnchor(), sans aucun paramètre, puis remplir la div qui t'est retournée.

[cmail]

Tu peux utiliser Geoportal.Control.Toolbox.createControlAnchor(), sans aucun paramètre, puis remplir la div qui t'est retournée.

Mais encore? Comme tu le sais, je suis une grosse nouille. Et je n'arrive à rien (surtout parce que je ne comprends pas bien ce que tu me dis et que mes connaissances js sont limitées)

Connais-tu un exemple pour m'y référencer?

[dgrichard]

Connais-tu un exemple pour m'y référencer?

Non, mais je ferais comme cela :

Code :

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

1
2
3
4
var tbx= viewer.getMap().getControlsByClass('Geoportal.Control.ToolBox')[0];
var htmlDiv= tbx.createControlAnchor(/*'idDeMonSuperText','classCSS'*/);
htmlDiv.innerHTML= 'Mon super texte';

[cmail]

Merci beaucoup pour ce déblocage. ...

Et pour enlever soit les icones (zoom, pointeur) en haut, soit la barre de zoom en dessous?

[dgrichard]

Et pour enlever soit les icones (zoom, pointeur) en haut, soit la barre de zoom en dessous?

Toujours du poisson ...

Ce sont des contrôleurs Geoportal.Control.NavToolbar, Geoportal.Control.GraphicScale.

A-toi de trouver comment les cacher

Si tu avais appris à pêcher, tu aurais écrit ta propre classe Geoportal.Viewer.PasdeMoletteNiMenuCoucheNiNavNiEchelleEtc.js

[cmail]

Dur!
1/ J'ai bien retrouvé quelques messages dans le forum autour de la modification de cette boite à outils (notamment avec Unusual ici par exemple). Il y a aussi la page de mga_geo qui rajoute (et hélas, non le contraire) des outils dans sa page ici...

2/ Je crois avoir compris par exemple que

Code :

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

var essai1=viewer.getMap().getControlsByClass('Geoportal.Control.NavToolbar')[1];

me renvoie sur l'objet "zoom sur zone"

3/ Dans ces conditions incertaines, je bidouille, candidement et sans grande réussite, autour d'une des instructions suivantes

essai1.deactivate();
essai1.destroy(); essai1.hide();

Voire même essai1.visibility (false); qui me parait plus improbable...

Tu imagines les déceptions...

[dgrichard]

Tu imagines les déceptions...

Surtout pour ça :

Code :

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

1
2
3
4
        var ntb= viewer.getMap().getControlsByClass('Geoportal.Control.NavToolbar')[0];
        ntb.deactivate();
        ntb.div.style.display= 'none';

et hop, plus de NavToolbar

[cmail]

Merci pour tes conseils... Voilà ce à quoi j'arrive ici

Mais cela m'amène à te poser (encore!) des questions pour mieux cerner la procédure :

1. Pour NavToolbar, est-ce que la désactivation est obligatoire. Un travail uniquement sur la feuille de style (avec "display: none" sur la div en question) n'aurait pas été suffisant?
2. Pour GraphicScale, en fait j'ai opéré comme cela (car j'avais quelques problèmes bizarres à sa désactivation). J'ai bidouilléuniquement ma feuille de style. Y vois-tu quelques problèmes?
3. J'ai quelques difficultés avec le signe + et - devant le label de la ToolBox. Il me semble que ce n'est pas une image... Mais quelle est le nom de cette div?

[dgrichard]

Merci pour tes conseils... Voilà ce à quoi j'arrive ici

Mais cela m'amène à te poser (encore!) des questions pour mieux cerner la procédure :

1. Pour NavToolbar, est-ce que la désactivation est obligatoire. Un travail uniquement sur la feuille de style (avec "display: none" sur la div en question) n'aurait pas été suffisant?

Non, oui

1. Pour GraphicScale, en fait j'ai opéré comme cela (car j'avais quelques problèmes bizarres à sa désactivation). J'ai bidouilléuniquement ma feuille de style. Y vois-tu quelques problèmes?

Non

1. J'ai quelques difficultés avec le signe + et - devant le label de la ToolBox. Il me semble que ce n'est pas une image... Mais quelle est le nom de cette div?

Il faudrait vraiment que tu apprennes à utiliser un déboggueur (firebug est déconcertant de faciliter d'utilisation avec FF), les réponses sont dedans ...

Ce sont des images 11x11 pixels:

* theme/geoportal/img/ico_win_moins.gif ;
* theme/geoportal/img/ico_win_plus.gif;

Ce n'est pas contrôlé par CSS. Je vais voir ce que je peux faire ...

[cmail]

Le rendu sous IE8 n'est pas extra...

Pour firebug, je ne le maitrise pas au top en effet... Tu fais allusion à l'onglet DOM dans lequel je me perds si facilement...

Sinon, j'ai retrouvé Geoportal_ToolBox_MinimizeDiv par l'onglet HTML... Merci.
Mais faut que j'améliore mon rendu sous IE

[dgrichard]

Pour firebug, je ne le maitrise pas au top en effet... Tu fais allusion à l'onglet DOM dans lequel je me perds si facilement...

Le développeur va chercher dans l'onglet DOM certes, mais l'onglet le plus utile est HTML associé à l'inspecteur (petit rectange avec un cursor à gauche à côté de l'icône firebug). Ce mode de sélection permet de voir dans les fenêtres firebug les styles (y compris hérités), la taille, position, etc ...

Pour IE, bon courage ...

De mon côté, j'ai fait la CSSification des boutons +, -, x.

[cmail]

Bon, je crois que c'est bon sous IE (A part quelques babioles qui viendront petit à petit)

Le texte suivant a été écrit avant de lire le tien à quelques minutes près

Ce n'est pas contrôlé par CSS. Je vais voir ce que je peux faire ...

Ce qui serait bien c'est que le div gpControlToolBox (idem pour le panneau couche) devienne sensible et qu'un clik sur ce div (à la manière classique des onglets) ferme ou ouvre le panneau.
Car aller chercher la petite image 11*11 pour ouvrir ou fermer ce n'est pas top. C'est un jeu de précision pas très intuitif pour le grand public!




Et encore un grand merci pour ta réactivité et ta constance.

[dgrichard]

Ce qui serait bien c'est que le div gpControlToolBox (idem pour le panneau couche) devienne sensible et qu'un clik sur ce div (à la manière classique des onglets) ferme ou ouvre le panneau.

J'y penserai plus tard ...

[dgrichard]

J'y penserai plus tard ...

Emballé et pesé

Y a plus les + et - de 11x11pixels (il en reste une dans les fenêtres flottantes pour fermer la popup ...). Au final, une cinquantaine de lignes de codes en moins, un arbre DOM plus simple. Merci.

T'es bien l'expert ergonomie

[cmail]

Confus de te mettre à l'ouvrage si souvent.

Sinon on va attendre la prochaine sortie. As-tu quelques infos pour la date de la mise en ligne de la version 1? Cela se rapproche?

[dgrichard]

Sinon on va attendre la prochaine sortie. As-tu quelques infos pour la date de la mise en ligne de la version 1? Cela se rapproche?

La réponse a été donnée sur le forum

[Zébulon-21]

Je recherche la méthode permettant de gérer par CSS les signes "+" et "-" qui figuraient auparavant par défaut sur les onglets "Outils" et "Couches".

L'ancienne image qui contient les 2 signes est réinstallée dans cette page et il faudrait donc faire réapparaître le "-" lorsque l'onglet est développé.

Merci par avance.

[dgrichard]

Je recherche la méthode permettant de gérer par CSS les signes "+" et "-" qui figuraient auparavant par défaut sur les onglets "Outils" et "Couches".

L'ancienne image qui contient les 2 signes est réinstallée dans cette page et il faudrait donc faire réapparaître le "-" lorsque l'onglet est développé.

* Geoportal.Control.LayerSwitcher :

il te faut surcharger les méthodes maximizeControl(e) et minimizeControl(e), la div qui contient le label est accessible via this.dataLbl ...

Le canevas est :

Code :

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

1
2
3
4
5
6
7
8
9
Geoportal.ControlLayerSwitcher.prototype.maximize= function(e) {
        this.showControls(false);
        this.dataLbl.style.top= ;// à toi de jouer
        if (e != null) {
            OpenLayers.Event.stop(e);
        }

}

De la même façon, minimizeControl(e) doit remettre le top correctement

* Geoportal.Control.ToolBox :

Même manip sauf que la div qui contient le label est un peu plus complexe à trouver :

Code :

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

1
2
var div= OpenLayers.Util.getElement(this.labelDivID);