window.print

**FraK** · 31/01/2008, 15h33

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)

**SpaceFrog** · 31/01/2008, 15h46

voir en css media print ...

**FraK** · 31/01/2008, 15h57

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 ?

**SpaceFrog** · 31/01/2008, 16h34

quelle que soit la methode d'impression ... même dans la barre de menu.

**FraK** · 31/01/2008, 16h42

ok c'est cool, merci, je vais tester alors.

**FraK** · 31/01/2008, 16h55

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 ?

**FraK** · 31/01/2008, 17h24

OK
problème fixé

Code :

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

1
2
  @page { size :21.0cm 29.7cm;
    margin: 2cm 2cm; }

à la place de

Code :

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

@page { size :portrait;}

Merci du tuyau ;p

**SpaceFrog** · 31/01/2008, 17h29

attention ce n'est pas crossbrowser !

**FraK** · 31/01/2008, 17h42

Je ne connais pas ce terme lol ^^

**SpaceFrog** · 31/01/2008, 17h45

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

**FraK** · 31/01/2008, 17h49

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.

**SpaceFrog** · 31/01/2008, 19h42

ben donnes la dimension au body pour le media print

**FraK** · 01/02/2008, 11h14

Bon, même avec un

body {width:700px;}

ca fait toujours la même chose ...
Seulement sur IE

**SpaceFrog** · 01/02/2008, 11h20

tu as ben défini un media screen et un media print ?

**FraK** · 01/02/2008, 11h29

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)

**FraK** · 01/02/2008, 12h14

Bon bah ca fait la même chose ... (A bas IE !!!!)

**FraK** · 01/02/2008, 12h30

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)

window.print

JavaScript

Discussions similaires

Partager

Partager