Bouton
Résolu
franois
Messages postés
27
Date d'inscription
Statut
Membre
Dernière intervention
-
franois Messages postés 27 Date d'inscription Statut Membre Dernière intervention -
franois Messages postés 27 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Comme sur le site de Comment ça Marche, je souhaite offrir la possibilité aux internautes qui visitent mon site de pouvoir imprimer le contenu de mes pages web. La formule que j'ai utilisée permet cette impression mais le résultat n'est totalement satisfaisant et j'aurai besoin d'aide.
J'ai procédé de la façon suivante :
1- D'abord j'ai créé le bouton comme suit
<form><img style="border: 0px solid ; width: 16px; height: 16px;"
alt="envoie" src="images/printButton.png"
onclick="window.print();return false;" type="button">
2- Puis j'ai créé un fichier css que j'ai appelé print.css avec les élément suivants
body {visibility:hidden;}
.print {visibility:visible;}
3- Ensuite j'ai mentionné cette feuille de style entre les balises head de ma page
<head>….
<link rel="stylesheet" type="text/css"
href="print.css" media="print">
…</head>
4- Enfin j'ai indiqué le contenu à imprimer en créant une class="print" et j'ai mis ce contenu entre une balise <div class="print">blablabla</div>
Le résultat est que le contenu s'imprime mais pas en totalité avec le texte non centré sur la feuille qui sort de l'imprimante.
J'ai sans doute fait une erreur quelque part ou du oublier quelque chose dans le process.
Merci d'éclairer ma lanterne ou de m'indiquer une solution. Celle-ci m'apparaissait pourtant comme l'une des plus simples que j'ai trouvé.
Merci de votre attention et pour votre aide.
Cordialement
Comme sur le site de Comment ça Marche, je souhaite offrir la possibilité aux internautes qui visitent mon site de pouvoir imprimer le contenu de mes pages web. La formule que j'ai utilisée permet cette impression mais le résultat n'est totalement satisfaisant et j'aurai besoin d'aide.
J'ai procédé de la façon suivante :
1- D'abord j'ai créé le bouton comme suit
<form><img style="border: 0px solid ; width: 16px; height: 16px;"
alt="envoie" src="images/printButton.png"
onclick="window.print();return false;" type="button">
2- Puis j'ai créé un fichier css que j'ai appelé print.css avec les élément suivants
body {visibility:hidden;}
.print {visibility:visible;}
3- Ensuite j'ai mentionné cette feuille de style entre les balises head de ma page
<head>….
<link rel="stylesheet" type="text/css"
href="print.css" media="print">
…</head>
4- Enfin j'ai indiqué le contenu à imprimer en créant une class="print" et j'ai mis ce contenu entre une balise <div class="print">blablabla</div>
Le résultat est que le contenu s'imprime mais pas en totalité avec le texte non centré sur la feuille qui sort de l'imprimante.
J'ai sans doute fait une erreur quelque part ou du oublier quelque chose dans le process.
Merci d'éclairer ma lanterne ou de m'indiquer une solution. Celle-ci m'apparaissait pourtant comme l'une des plus simples que j'ai trouvé.
Merci de votre attention et pour votre aide.
Cordialement
A voir également:
- Bouton
- Diagnostic bouton photo - Accueil - Outils
- Bouton reinitialisation pc - Guide
- Bouton on/off comment savoir ✓ - Forum Matériel & Système
- Symbole arrêt marche - Forum Word
- Réinitialiser chromecast sans bouton - Guide
5 réponses
salut,
le media 'print' pas encore bien pris en charge par les navigateurs.
cet article te donnera plein d'infos.
le media 'print' pas encore bien pris en charge par les navigateurs.
cet article te donnera plein d'infos.
Bonjour Mathieu,
Merci pour cette réponse au combien concise, précise et au lien si développé.
Grâce à ton aide, j'ai pu régler le problème de positionnement du texte qui est maintenant centrée sur la feuille.
Il reste toujours :
* un Haut-de-page qui reste trop important (il doit correspondre à l'emplacement du Header)
* une impression d'une seule page.
Mais tes précieuses informations me permettent de faire avancer le schmilblik. Comme cela risque d'être un tout petit peu long, je ne saurais passer plus de temps pour t'exprimer ma gratitude.
Bien sur je te tiendrai informer de la suite de mes investigations
@+
Merci pour cette réponse au combien concise, précise et au lien si développé.
Grâce à ton aide, j'ai pu régler le problème de positionnement du texte qui est maintenant centrée sur la feuille.
Il reste toujours :
* un Haut-de-page qui reste trop important (il doit correspondre à l'emplacement du Header)
* une impression d'une seule page.
Mais tes précieuses informations me permettent de faire avancer le schmilblik. Comme cela risque d'être un tout petit peu long, je ne saurais passer plus de temps pour t'exprimer ma gratitude.
Bien sur je te tiendrai informer de la suite de mes investigations
@+
lol
salut,
oui je ne t'en ai pas ajouté parce que pour t'aider davantage il faudrait tous les codes.
de ce que je retiens du peu d'expériences que j'ai avec '@media:print' c'est qu'il faut garder un minimum de règles.
pour ton 'header' essaie '{display:none;}' et pour tout avoir sur une seule page, c'est à toi de voir !
ça peut loger ou pas ?
tu diminues les marges et la police, à part ça je je vois pas quel conseil te donner, je ne sais pas ce qu'il y a à imprimer !!!
bon courage !
salut,
oui je ne t'en ai pas ajouté parce que pour t'aider davantage il faudrait tous les codes.
de ce que je retiens du peu d'expériences que j'ai avec '@media:print' c'est qu'il faut garder un minimum de règles.
pour ton 'header' essaie '{display:none;}' et pour tout avoir sur une seule page, c'est à toi de voir !
ça peut loger ou pas ?
tu diminues les marges et la police, à part ça je je vois pas quel conseil te donner, je ne sais pas ce qu'il y a à imprimer !!!
bon courage !
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Salut,
Je fais suite à la réponse de Dalida à ma question sur le bouton d'impression de page
Je me suis servi de tes conseils et j'ai aussi intégré cette méthode qui vaut ce qu'elle vaut.
j'enregistre tous mes contenus dans des fichiers .inc.php. Puis j'utilise la fonction include pour faire apparaître les contenus aux endroits souhaités dans mes pages.
Pour l'impression, j'ai créé un bouton d'impression qui fait référence à mes fichiers .inc.php et la je n'ai plus de problème.
Voilà
Merci pour ton aide
@+
Je fais suite à la réponse de Dalida à ma question sur le bouton d'impression de page
Je me suis servi de tes conseils et j'ai aussi intégré cette méthode qui vaut ce qu'elle vaut.
j'enregistre tous mes contenus dans des fichiers .inc.php. Puis j'utilise la fonction include pour faire apparaître les contenus aux endroits souhaités dans mes pages.
Pour l'impression, j'ai créé un bouton d'impression qui fait référence à mes fichiers .inc.php et la je n'ai plus de problème.
Voilà
Merci pour ton aide
@+