Simuler une pr�visualisation

Version imprimable

21/11/2007, 15h41
pubeldy

Simuler une pr�visualisation

Bonjour,

j'aimerais afficher la page courante dans sa version printer-friendly, dans une autre fen�tre, mais sans reg�n�rer la page du c�t� serveur... Cela signifie aussi qu'il faut changer la CSS utilis�e (pour utiliser la CSS d�di�e � l'impression) � la vol�e, �tant donn� que la page n'est pas recr��e... est-ce que vous pourriez m'aider?

Merci.

Il n'est pas n�cessaire de changer la CSS utilis�e :

Dans un seul fichier CSS il suffit de cr�er des sections
Code:

1 2 3 4 5 6 7 8 9 10 11 12 @media screen { /* Code CSS utilisé lors d'un affichage écran */ } @media print { /* Code CSS utilisé lors de l'utilisation de la fonction Imprimer ou Aperçu avant impression }

22/11/2007, 09h26
pubeldy

Hello Frochard,

merci, pour ta r�ponse. Par contre, je connais cette astuce et dans mon cas elle ne me sert pas �tant donn� que dans le fen�tre qui affiche la "pr�visualisation" tout se passe � l'�cran... le CSS d�di� � l'impression (<style type="text/css" media="print" ...>) n'est donc pas appel�!
Mon id�e, c'�tait d'afficher ma page actuelle (sans la reg�n�rer c�t� serveur) et de forcer l'utilisation de la CSS d�di�e � l'impression pour visualiser le r�sultat � l'�cran...
est-ce possible?

Je n'ai jamais fait, mais regarde / modifie le contenu de :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
var numCSS = 0;     // Index de la feuille de style
var numRegle = 0;   // Numéro de la règle
 
var IsIE	= (((navigator.appVersion.indexOf('MSIE 6') != -1) || (navigator.appVersion.indexOf('MSIE 7') != -1)) && (document.getElementById) && (navigator.userAgent.indexOf('Opera') == -1));
 
 
if (IsIE) {
 
if (document.styleSheets.length > numCSS)
    if (document.styleSheets[numCSS].rules.length > numRegle){
        alert (document.styleSheets[numCSS].rules[numRegle].selectorText);
        alert (document.styleSheets[numCSS].rules[numRegle].style.cssText);
    }
} else {
 
if (document.styleSheets.length > numCSS)
    if (document.styleSheets[numCSS].cssRules.length > numRegle){
        alert (document.styleSheets[numCSS].cssRules[numRegle].selectorText);
        alert (document.styleSheets[numCSS].cssRules[numRegle].style.cssText);
    }
}

Une autre piste que je verais : Ouvrir une page web vide avec les d�clarations CSS pretes et ensuite effectue une copie des noeuds HTML contenu dans le document.body de la fen�tre 1 vers la fen�tre 2

26/11/2007, 09h52
pubeldy

merci pour ta r�ponse frochard, malheureusement, depuis, j'ai chang� mon optique. Je suis arriv� � la m�me conclusion que toi: faire du parsing de ma page1 vers la page2 et changer � la vol�e le CSS... propre, pratique et �conomique.
Le fait est que j'ai d� parer au plus press� et �tant donn� que je ne suis pas tr�s call� en JavaScript j'ai pr�f�r� remettre � plus tard cette belle d�monstration th�orique. Pour l'instant, je reg�n�re donc ma page et en fonction d'un simple flag, je cr�� ma page en version printer-friendly ou pas...
Quand j'aurai le temps, j'essayerai de parser... un jour!