Discussion :

[Zebulon777]

Bonjour à tous,

j'utilise le module d'impression comme avec la générateur.

Code javascript :

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

1
2
3
 
var nv = viewer.getMap().getControlsByClass("Geoportal.Control.NavToolbar")[0];
nv.addControls([new Geoportal.Control.PrintMapDOM()]);

Je voudrai savoir s'il est possible de le modifier ; par exemple, on me demande de supprimer la zone de commentaire ?

Merci d'avance.

[gcebelieu]

Bonjour,

idéalement, il faudrait passer par les CSS utilisées pour fabriquer la page html d'impression. Seulement, les classes CSS utilisées sont générées automatiquement et comportent des identifiants non prédictibles.

Du coup, la solution est de surcharger le code de la classe Geoportal.Control.PrintMapDOM qui est utilisé pour qu'il génère le html voulu pour la page.

Le code de la classe est là :

http://api.ign.fr/geoportail/api/js/...PrintMapDOM.js

Typiquement, la méthode qui écrit la zonne de texte pour les commentaires est :

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
    /**
     * APIMethod: prolog
     * Build the header of the page or URL to print.
     *      Defaults to a textarea for putting comments in.
     *
     * Returns:
     * {String} HTML code of the prolog.
     */
    prolog: function() {
        var html=
'<div id="pProlog'+this.tick+'">\n'+
  '<form name="pPrologFrm'+this.tick+'" action="javascript:(void)0;">\n'+
    '<div>\n'+
      '<textarea id="pPrologComments'+this.tick+'" name="pPrologComments'+this.tick+'" cols="80" rows="2">'+
OpenLayers.i18n('gpControlPrintMap.comments')+
      '</textarea>\n'+
    '</div>'+
  '</form>\n'+
'</div>';
        return html;
    },

L'idée est d'écrire le code qui génère un bout de html différent et le mettre dans une fonction que l'on va déclarer dans notre application au lancement de la page et qui va écraser le code d'origine :

Code :

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

1
2
3
4
5
6
Geoportal.Control.printMapDOM.prolog= function() {
    // ici le code modifié.
    var html="" ; // ou autre si besoin
   return html ;
}

[Zebulon777]

Oula ça va trop loin pour moi

Donc, si j'ai bien compris il suffit d'ajouter la fonction juste avant l'appel de l'impression :

Code :

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

1
2
3
4
5
6
Geoportal.Control.printMapDOM.prolog= function() {
    // ici le code modifié.
    var html="" ; // ou autre si besoin
   return html ;
}

Ce qui donnerait :

Code :

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

1
2
3
4
5
6
7
8
9
//Ajout du contrôle d'impression
Geoportal.Control.printMapDOM.prolog= function() {
    // ici le code modifié.
    var html="" ; // ou autre si besoin
   return html ;
}
var nv = viewer.getMap().getControlsByClass("Geoportal.Control.NavToolbar")[0];
nv.addControls([new Geoportal.Control.PrintMapDOM()]);

C'est bien ça ?

(Je ne suis pas à mon bureau pour tester, donc j'essaye juste de prévoir le maximum de chose pour tester dés que je rentre)

[cmail]

Plutôt, il me semble:

Code :

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

1
2
3
Geoportal.Control.PrintMapDOM.prototype.prolog = function () {    var html = '';
    return html;
};

[Zebulon777]

Ha presque

Voila ce que ça donne :



On a plus les commentaires, mais une partie de la carte aussi

[Zebulon777]

Bon, j'ai réussit à trouver quelque chose qui fonctionne, mais je ne suis pas certain que ce soit très orthodoxe, je laisse les pros me le dire :

Code javascript :

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

1
2
3
4
5
Geoportal.Control.PrintMapDOM.prototype.prolog = function () {
   var html = '&nbsp;<p>&nbsp;</p>';
   return html;
};

Alors, combien s'arrache les cheveux ?

[cmail]

Il faut alors analyser le dom avec firebug et ajouter des div corrects en conséquence ou modifier les autres parties de la page à imprimer sur le même principe de surcharge de Control.PrintMapDOM...

[Zebulon777]

Oui, c'est ce que je crois avoir fait dans mon message du dessus (nos messages se sont croisés).

[cmail]

var html = '&nbsp;<p>&nbsp;</p>'; Au minimum.

Mais plus beau en rajoutant par exemple le nom de ta société, l'heure, ou un logo, etc.

[Zebulon777]

Ha voui, le logo, je n'y avais pas (encore ) pensé mais c'est une super idée.
Merci beaucoup pour ton aide.

[Zebulon777]

Et hop, encore une question de résolue, je ne dirai jamais assez merci au forum, donc merci les gars.