Discussion :

[clavier12AZQSWX]

bonjour,

je souhaite ajouter une propriété css d'impression en mode paysage (landscape) de façon dynamique.

concrêtement, à la volée, en jquery (ou javascript dom si possible), je souhaite ajouter cela :

Code css :

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

1
2
3
4
5
@media print {
  @page {
    size: landscape;
  }
}

j'ai trouvé plein d'exemples pour ajouter des attributs ou propriété css aux élements grâce à jquery, mais aucun exemple pour ce cas là s'appliquant au document, à la page.
Est-ce possible de modifier le choix de size en utilisant jquery sinon javascript ?

[SpaceFrog]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var css = '@page { size: landscape; }',
    head = document.head || document.getElementsByTagName('head')[0],
    style = document.createElement('style');
 
style.type = 'text/css';
style.media = 'print';
 
if (style.styleSheet){
  style.styleSheet.cssText = css;
} else {
  style.appendChild(document.createTextNode(css));
}
 
head.appendChild(style);

[clavier12AZQSWX]

merci SpaceFrog, i feel the heat maintenant !

vous venez de m’apprendre en plus qu'on peut utiliser document.getElementsByTagName pour des tags en dehors du BODY, je n'en n'avais aucune idée !