Modification de l'impression

**Zebulon777** · 01/04/2015, 15h22

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** · 01/04/2015, 16h17

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** · 02/04/2015, 09h23

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** · 02/04/2015, 12h27

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** · 02/04/2015, 16h16

Ha presque

Voila ce que ça donne :

Nom : ApImp00.png
Affichages : 330
Taille : 172,3 Ko

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

**Zebulon777** · 02/04/2015, 16h43

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** · 02/04/2015, 16h44

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...