|
|
|
faire un lien pour imprimer
| ||||||||
Petit astucien | Bonjour a tous! je suis nouveau alors désolé si il y a des truc qui peuve m'échapper. Voila je voudrais faire un lien pour que celui ou celle qui clique dessus imprime un texte ou une photo choise. voila j'espère que vous m'avais compris.[hello]
| |||||||
Publicité | ||||||||
Astucien | Salut,
C'est tres simple, tu cherche un site ou ils le font et tu fais, sous Iinternet Explorer, Affichage/source pour voir le code de la page html, ensuite tu repere la ligne et voila.... | |||||||
Petit astucien | oui j'ai deja fais! mais c'est imvomprhesible! la formule est entrecoupé d'autre truc. | |||||||
Astucien | Pfiou c'est dur a choper sur le site de l'anpe, m'enfin bon, voila, ca devrait le faire:
<body marginheight="0" onload="window.print();setTimeout('back()',1000)" marginwidth="0" topmargin="0" leftmargin="0" bgcolor="white" vlink="#cccccc" alink="blue">
</body> | |||||||
Petit astucien | oui mais si je met sa qu'est ce que sa va imprimé? faut bien que je rentre quelque part l'url de mon image, non? | |||||||
Astucien | Bin apparement window.print() doit imprimer toute la page.
Donc le mieux c'est que tu ouvres une nouvelle page qui contient juste ton image, dans le genre:
<html>
<body bgcolor=black marginheight="0" onload="window.print();setTimeout('back()',1000)" marginwidth="0" topmargin="0" leftmargin="0" bgcolor="white" vlink="#cccccc" alink="blue">>
<img src="E:\database\images\bulletin.jpg"></p>
</body>
</html>
http://www.javascriptkit.com/howto/newtech2.shtml Modifié par breizhbugs le 29/05/2005 13:22 | |||||||
Petit astucien | malheuresement c'est un blog que j'ai... Bon merci beaucoup! je vais garder sa dans un coin et dès que j'aurai mon site je m'en servirai! aller merci beaucoup![hello] | |||||||
Astucien | Salut,
Cette question aurait été beaucoup mieux à sa place sur le forum des webmasters (ou tu aurais d'ailleurs eu plein de réponses rapides [clindoeil])
Tu devrais pouvoir la déplacer toi meme en cliquant sur le bouton "modifier" de ton premier post, et, sinon, tu peux demander à un des gentils modérateurs de le faire (en suivant le lien "prévenir la modération"...
ceci dit, la solution est toute simple...
il suffit de créer un lien <a href="#" onclick="print(document);" title="Imprimer cette page"> du texte précisant que ca imprimera la page</a>
Il est à noter que l'attribut title n'est pas forcément obligatoire (il ne l'est que dans le cadre du HTML strict)...mais que ca apporte une infobulle sympa, qui, ici contiendra "imprimer cette page" (texte modifiable) et que tu peux remplacer "du texte précisant ce qua imprimera la page" par tout autre texte à ton gout ou par une image si tu le souhaites...
Sois aussi attentif au fait que, à moins de prévoir un "style spécial impression", la page sera imprimée exactement telle qu'elle apparait à l'écran: avec toutes les images, l'image et la couleur de fond, etc... ce qui risque de revenir cher en encre, et qui, en plus, risque de poser problème pour cerains élément trop larges (tableaux de taille fixe ou image, ea)
Par contre, il y a moyen, à l'aide des CSS de prévoir un style qui s'adaptera en fonction du support auquel on a affaire...
Ainsi, tu peux lier une CSS "normale" (avec des tailles en correpondance de la résolution, une couleur de fond, une image de fond etc) que signalera etre utilisée avec l'écran avec la balise
<link href="css/fichier_CSS_Ecran.css" rel="stylesheet" type="text/css" media="screen">
et une autre qui sera adaptée à l'impression (pas de couleur ou d'image de fond, les liens sans distinction du reste du contenu, certaines parties non imprimées, voir, certaines parties non visibles mais imprimées...) que tu signalera etre à utiliser avec l'imprimante par la balise
<link href="css/fichier_CSS_pour_impression.css" rel="stylesheet" type="text/css" media="print">
...
Evidemment fichier_CSS_Ecran et fichier_CSS_pour_impression sont des noms dont tu es seul maitre [clindoeil] | |||||||
Petit astucien | ou la la........... [triste]dsl mais la.... j'aVoue que j'ai RIEN COMPIS! | |||||||
Publicité | ||||||||
Astucien | Je reprends donc...
Pour créer un lien provoquant impression de la page, c'est a href="#" onclick="print(document);" title="Imprimer cette page"> du texte précisant que ca imprimera la page</a>
Ca, c'est simple...
Je mettais ensuite en garde contre le fait que ta page sera imprimée telle qu'elle est affichée par le navigateur:
si tu as mis un rouge petant en couleur de fond, la page imprimée aura un fond rouge pétant...
Si tu as mis une image du dernier starwars en image de fond, elle se retrouvera dans la page imprimée, etc...
Le menu, la banière, et tout ce qui permet la navigation dans ton site se retrouvera d'ailleurs exactement sur la page imprimée...
Seulement, tu avouera que la couleur de fond, l'image de fond, la banière, le menu de navigation etc ne sont peut etre pas intéressant à avoir sur une épreuve papier (ce que l'utilisateur veut imprimer, c'est avant tout le contenu qu'il trouve intéressant...et il ne saura quand meme pas utiliser les liens du menu de la version papier, en plus de la consomation d'encre que cela représente)...
De la meme manière, si tu crée, par exemple, un tableau de 90 pixels de large, il ne tiendra pas entièrement sur la page... car on ne trouve pas assez d'espace sur les 210mm du format DIN A4 pour y mettre 900 pixels...
La solution à ces différents problèmes, c'est de créer deux CSS différents.
L'une qui gérera l'apparence du site sur "écran" et l'autre qui gérera l'apparence du site sur "papier"...
Tu pourra alors donner libre cours à ton imagination pour les styles qui seront affichés à l'écran, et créer quelque chose de beaucoup plus dépouillé (et donc économe en encre) pour ce qui sera imprimé...
En plus, il peut arriver que tu souhaites voir quelque chose à l'écran, mais pas à l'impression, ou inversément...
Par exemple, tu peux vouloir l'affichage du menu à l'écran, mais pas à l'impression, ou, inversément, vouloir l'affichage d'une ligne du genre "cette page est tirée du site machin" à l'impression, mais estimer que cette phrase n'est pas utile/nécessaire pour l'affichage à l'écran...
Tout cela est gérable grace aux CSS.. | |||||||
Astucien | koala01 a écrit :
...
Tout cela est gérable grace aux CSS..
Mais dans un blog, on a des CSS? je crois pas...[confus] | |||||||
Petit astucien | mais c quoi les css!!!!!!!!! | |||||||
Astucien | CSS, c'est l'abréviation de cascade Style Sheets, ce qui se traduit par Feuilles de Style en Cascade.
Le principe est relativement simple:
Toutes les balises disposent de nombreux attributs qui permettent d'en modifier l'apparence à l'affichage.
Les attributs vont de la couleur de la police (et de la police à utiliser elle meme) à son positionnement vertical, horizontal, et meme à l'affichage ou non du contenu...
Leur liste est tellement longue qu'elle sort quelque peu du cadre d'un simple forum et mérite presque un site à elle toute seule, surout si on doit en aborder les valeurs et les explication [clindoeil]
Pour t'initier à ce concept, je te conseillerais de visiter valablement le site de [url]http://www.alsacreations.com[/url], qui t'en montrera en plus toute la puissance [clindoeil] | |||||||
| ||||||||
Les bons plans du moment PC Astuces | Tous les Bons Plans | |||||||||||||||
| ||||||||||||||||
| Forum PC Astuces | © 1997-2021 Webastuces |  |
À LA UNE
PRATIQUE
LOGITHÈQUE
TABLETTE ET MOBILE
BONS PLANS
FONDS D'ÉCRAN
JEUX
FORUM
