window.print

Version imprimable

31/01/2008, 15h33
FraK

window.print

Salut la foule, je voulais savoir comment préciser la largeur pour imprimer une page ....
Je m'explique.
J'ai un bouton imprimer sur ma page, mais lorsque je clique dessus, ca me sort des feuilles nikel, mais la zone de texte est plus large que la feuille, donc il imprime pas tout ... :'(
Quelqu'un sait il comment modifier cela pour que tout soit dans la feuille ?
(si possible sans changer le width de mon td)
31/01/2008, 15h46
SpaceFrog

voir en css media print ...
31/01/2008, 15h57
FraK

Oui mais ca ne marchera que par le bouton "imprimer" situé dans fichier non ?
Est ce que mon <imput type="button"...> le prendra en compte ?
31/01/2008, 16h34
SpaceFrog

quelle que soit la methode d'impression ... même dans la barre de menu.
31/01/2008, 16h42
FraK

ok c'est cool, merci, je vais tester alors.
31/01/2008, 16h55
FraK

Bon a prioris ca fait pareil lol ^^

<link rel="stylesheet" media="print" href="print.css"> dans mon <head>..</head>

@page { size:portrait; } dans le print.css

<input type="button" value="Imprimer cette page" onClick="window.print()"> pour le bouton imprimer

mais ca change rien du tout ... toujours un coté mangé à l'impression

help ?
31/01/2008, 17h24
FraK
OK
problème fixé
Code:

1 2 @page { size :21.0cm 29.7cm; margin: 2cm 2cm; }
à la place de

Code:

@page { size :portrait;}

Merci du tuyau ;p
31/01/2008, 17h29
SpaceFrog

attention ce n'est pas crossbrowser !
31/01/2008, 17h42
FraK

Je ne connais pas ce terme lol ^^
31/01/2008, 17h45
SpaceFrog

ha oui oki j'avais cru que tu utilisais size:portrait ...
qui n'est pas compatible avec tous les navigateurs ...
mais tu as solutionné en indiquant la taille en cm .... tout va bien ^^
31/01/2008, 17h49
FraK

Bah nan en fait, tout va pas bien lol
Sous FF aucuns problèmes pour l'impression, ca rentre impeccable \o/
Par contre IE il aime pas lol, il fait la meme chose qu'au début du topic.
31/01/2008, 19h42
SpaceFrog

ben donnes la dimension au body pour le media print
01/02/2008, 11h14
FraK

Bon, même avec un

body {width:700px;}

ca fait toujours la même chose ...
Seulement sur IE
01/02/2008, 11h20
SpaceFrog

tu as ben défini un media screen et un media print ?
01/02/2008, 11h29
FraK

oui oui ...
J'ai peut être trouvé une alternative mais c'est moche lol :
Passer par une iframe et mettre un bouton "print" sur l'index qui va chercher le contenu de l'iframe. (en js)
01/02/2008, 12h14
FraK

Bon bah ca fait la même chose ... (A bas IE !!!!)
01/02/2008, 12h30
FraK

Bon, solution apportée : virer le bouton print ^^
Pour imprimer, il faudra selectionner le texte, et passer par fichier > imprimer > selection (la bonne vieille galère)