Fonction JS et CSS

**sheira** · 16/11/2009, 11h20

Bonjour à tous !

J'utilise le script ci-dessous pour m'imprimer une zone de ma page aspx.
Le script fonctionne parfaitement, mais ne prend pas en charge ma mise en page...

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
 
function imprime_zone()
   {
      // Définit la zone à imprimer
      var zi = document.getElementById("divZone").innerHTML;
      var Headers = '<!DOCTYPE HTML PUBLIC ><HTML><HEAD></HEAD><BODY onload="window.print();window.close()">';
      var Footers = "</body></html>";
      // Ouvre une nouvelle fenetre
      var f = window.open("", "ZoneImpr", "height=500, width=500,toolbar=0, menubar=0, scrollbars=1, resizable=1, status=0, location=0, left=10, top=10");
 
      // Définit le Style de la page
      f.document.body.style.color = '#000000';
      f.document.body.style.backgroundColor = '#FFFFFF';
      f.document.body.style.padding = "10px";
 
      // Ajoute les Données
 
      f.document.write ("" + Headers + zi + Footers);
      f.document.close();
      // Imprime et ferme la fenetre
 
 
      return;
   }

Donc, ma question est : comment est-ce que je peux garder le style CSS que j'ai défini pour ma page ? Où insérer dans le code JS l'appel à ma CSS ?

Merci d'avance de vos réponses tout à fait pertinentes !

Sheira

**E.Bzz** · 16/11/2009, 16h04

Bonjour,
pourquoi ne pas, tout simplement, définir pour ta page, une feuille de style pour l'écran (media="screen") et une spécifique pour l'impression (media="print") ?
En Javascript, ta fonction n'aura plus qu'à définir le contenu (sans document.write() ça serait mieux

) ...

A+

**sheira** · 16/11/2009, 17h01

la feuille de style est là même...j'ai juste besoin de lui préciser quelle classe css utiliser. Comment faire?

**E.Bzz** · 16/11/2009, 17h07

Envoyé par sheira

la feuille de style est là même...

Ben non : il n'y en a pas dans ta pop (pas de <style> dans le <head>)

A+

**sheira** · 17/11/2009, 14h26

var Headers = '<!DOCTYPE HTML PUBLIC ><HTML><HEAD><link rel="StyleSheet" type="text/css" href="css/content.css"></HEAD><BODY onload="window.print();window.close()">';

Voili voilou!

Fonction JS et CSS

JavaScript

Discussions similaires

Partager

Partager