[Résolu] Version imprimable

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !

Modérateur : Asumbaa

Répondre
EmmaZL
Lézard à collerette
Messages : 245
Enregistré le : 07 août 2004, 00:43

[Résolu] Version imprimable

Message par EmmaZL » 08 nov. 2005, 22:52

Bonjour,

J'ai beaucoup d'articles sur mon site, et j'aimerais créer un script pour avoir un lien "Version imprimable". Quand on clique dessus, j'aimerais que l'article apparaisse dans une page "printer friendly". J'ai trouvé quelque chose en ASP mais je n'aime pas trop ASP (en plus mon serveur est sous linux et il n'y a pas de logiciels mikro$oft installés). Je pensais que c'était faisable en Javascript, mais je ne sais pas comment m'y prendre.

Est-ce que quequ'un a une idée ?

Merci d'avance.

Amicalement,

Emma.
Modifié en dernier par EmmaZL le 10 nov. 2005, 23:21, modifié 1 fois.
S'il n'y a pas de solution, c'est qu'il n'y a pas de problème. (devise Shadok)
Ma configuration

Avatar du membre
Mori
Animal mythique
Messages : 13306
Enregistré le : 30 avr. 2004, 19:17

Message par Mori » 09 nov. 2005, 01:14

[HS]

dans ta signature de ce forum, on a ce site-là : http://www.angeldustdesign.com/ under heavy construction. :P
Linux Lubuntu 20.04 (x86_64) Focal Fossa

Kristal_be
Salamandre
Messages : 41
Enregistré le : 28 avr. 2005, 18:07

Message par Kristal_be » 09 nov. 2005, 16:06

Salut.

Tu peux faire ça avec les CSS ! :D

Par défaut tu as :

Code : Tout sélectionner

<link href="style.css" rel="stylesheet" type="text/css" />
n'est-ce pas ? :wink:

Et bien, dans le header de tes pages, mets ceci à la place :

Code : Tout sélectionner

<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<link href="style2.css" rel="stylesheet" type="text/css" media="print" />
Il ne te restera plus qu'à paramètrer ta feuille CSS pour l'impression comme tu l'entends (supprimer les couleurs, mettre les titres en plus grand, réarranger la disposition des éléments, etc). Et lorsque tu cliqueras sur "Fichier => Aperçu avant impression", tu verras le résultat de ta page en version imprimable. :)

calimo
Animal mythique
Messages : 14118
Enregistré le : 26 déc. 2003, 11:51

Message par calimo » 10 nov. 2005, 09:10

Kristal_be a écrit :

Code : Tout sélectionner

media="screen"
Attention ! Il n'y a pas que l'écran. Je me souviens toujours du prof qui, voulant montrer un site, se rend compte qu'il est parfaitement brut sur le projecteur :?

Code : Tout sélectionner

media="print, tv, projection"
Le plus sur est peut-être encore de mettre un media="all" et de redéfinir ce qu'il faut dans la feuille print (attention aux position:absolute qui font foirer l'impression)[/code]

EmmaZL
Lézard à collerette
Messages : 245
Enregistré le : 07 août 2004, 00:43

Message par EmmaZL » 10 nov. 2005, 22:02

Bonjour !!

Désolée pour ma signature, en fait mon site c'est celui-ci : www.barf.ch (je vais changer ma signature).

Alors finalement, j'ai trouvé qqch en PHP qui fonctionne bien ! Voilà, c'est ici pour ceux qui veulent voir : http://www.barf.ch/croquettes.htm

J'avais pensé à CSS mais je trouvais que c'était plus compliqué.

En tout cas merci pour vos réponses. :D

PS @ calimo : calimo, ton nouvel avatar me fait peur... Image :lol: J'avoue que je préférais l'ancien.
S'il n'y a pas de solution, c'est qu'il n'y a pas de problème. (devise Shadok)
Ma configuration

Bacchus_non_connecter

Message par Bacchus_non_connecter » 10 nov. 2005, 22:54

Félicitation!

Maintenant, il te reste à faire un css propre à l'impression, par exemple pour les "grostitre", au lieu de mettre ceci:

Code : Tout sélectionner

<span class="grostitre">Ce qu'il y a réellement dans<br>
     les aliments commerciaux<br>
   </span>
Tu devrais utiliser de vrais titre hx (h1, h2, h3, etc...) parce que dans la version imprimable, c'est difficile de faire la différence (et ça fais pas très professionel :p )

http://www.barf.ch/web2printer4w.php

EmmaZL
Lézard à collerette
Messages : 245
Enregistré le : 07 août 2004, 00:43

Message par EmmaZL » 10 nov. 2005, 23:15

Bacchus_non_connecter a écrit :Félicitation!

Maintenant, il te reste à faire un css propre à l'impression, par exemple pour les "grostitre", au lieu de mettre ceci:

Code : Tout sélectionner

<span class="grostitre">Ce qu'il y a réellement dans<br>
     les aliments commerciaux<br>
   </span>
Tu devrais utiliser de vrais titre hx (h1, h2, h3, etc...) parce que dans la version imprimable, c'est difficile de faire la différence (et ça fais pas très professionel :p )

http://www.barf.ch/web2printer4w.php
Oui tu as raison. Je vais m'en occuper. Je vais également désactiver les liens.

Merci de ton aide ! :wink:
S'il n'y a pas de solution, c'est qu'il n'y a pas de problème. (devise Shadok)
Ma configuration

calimo
Animal mythique
Messages : 14118
Enregistré le : 26 déc. 2003, 11:51

Message par calimo » 11 nov. 2005, 08:36

http://phnk.com/blog/index.php?2004/05/21/52-print
L'utilisation de php et la gestion d'une version séparée est probablement la pire des chose. Les moteurs de recherche vont l'indexer préférentiellement, au détriment de la page originale. Tes visiteurs arriveront donc principalement sur tes pages d'impression.

En plus certains visiteurs ne penseront pas à aller sur la page d'impression.

Mieux vaut passer un peu de temps pour faire une belle CSS :wink:

Hoaxyde
Lézard à collerette
Messages : 207
Enregistré le : 27 févr. 2004, 21:24

Message par Hoaxyde » 11 nov. 2005, 20:43

Moi qui désactive les referrer, je ne peux pas imprimer ta page :wink:

Je ne comprend toujours pas pourquoi tu n'utilises pas les CSS... c'est quand même pas bien compliqué de changer ta mise en page pour l'impression...
Hoaxyde :lol:

Dessin de l'avatar par L.L. de Mars . Colorisation, arrangements et tout le reste par moi...

Répondre

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 2 invités