Version imprimable avec entete, pied de page et url des liens imrpimées

Soyez le premier à donner votre avis sur cette source.

Vue 12 869 fois - Téléchargée 6 631 fois

Description

On trouve un très grand nombre de script permettant de faire uen version imprimable d'une page de son site.
Ha il est loin le temps ou on se paluché les pages imprimables à la main.

ALors il y a les défenseur du tout HTML et ceux du tout Javscript. Personnellement je n'est pas une réelle préférence bien que je trouve que pour des site hautement graphique il est déjà assez compliqué de produire une feuille de style fonctionnant sous plusieurs navigateur.

De tout les scripts que j'ai pu rapidement survolé aucun n'abordé un problème qui m'a souvent mis or de moi... Je m'explqiue:
Si comme moi vous aimez bien imprimmer certaines références, certains bons scripts, et gardé ainsi une trace papier ne vous est-il jamais arrivé de relire ces impressions et de vous retrouvez fasse a des liens imprimmées... du genre "cliquez ici"... vous pourrez essayer ca ne marche pas sur le papier. Alros on se dit pas grave à l'impression l'url de la page a automatiquement était mise en entête... erf zut elle ce termine par trois petit points. On ouvre google, et plus moyen de retrouver le page... bref ce magnifique "cliquez-ici" ne sert a rien... votre papier ne sert a rien... l'amzonie a disparue pour strictement rien.

Et voila avant de complètement devenir chèvre je vous propose ce script qui va trasnformé tous les liens du style "cliquez-ici" en "cliquez-ici http://codessources.votre-web.com" C'est pas grand chose mais c'est tellement plus appaisant :)

Deplus le script vous permet d'ajoute une entête et un pied de page.

Enfin le script se dévrouille tous seule avec les feuilles de style... voir plus loin les explications.

Source / Exemple :


Explications détaillées:
------------------------
http://codessources.votre-web.com/js/printableVersion/

Démonstration en ligne:
-----------------------
Sur toute les pages de http://codessources.votre-web.com

Conclusion :


Pour la mise en place du script suffit de lancer la fonction printable_version(); en ayant auparavant définit le div qui doit etre imprimmé via:
var divPrintableContentId='monDivId';

Si vous avez des problème n'hésitez pas à le dire.

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

coucou747
Messages postés
12336
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
27 -
sans regarder, j'ai déja plusieurs remarques :
-le javascript n'est pas super super pour le référencement, si on a du php, mieux vaut l'utiliser si tu veux réellement faire une version imprimable...
-et en CSS, grace à l'instruction media="print" ou media="screen", chaque page peut être à la fois une version imprimable et une version affichable...
-t'as plein de fichiers qui ne servent à rien : thumbs.db et tes .psd, on s'en moque, on veut juste du code... d'autant plus que pour les ouvrir faut avoir photoshop...

en lisant le code :
return;
ça sert à rien, en javascript, une fonction qui ne renvoi rien n'a pas besoin de return

et ouais, ça a beau être pas trop mal codé, en CSS, c'est plus propre qu'en javascript...
cs_MaX3315
Messages postés
170
Date d'inscription
mercredi 18 juin 2003
Statut
Membre
Dernière intervention
11 mai 2009
-
Si tu avais quand meme un tout petit peut regardé tu aurait lu que je disait que c'était possible en CSS... Mais mettre les url a l'impression j'attends de voir ca en css.

Concernnat le référencement je comprends vraiment pas le problème... j'ai jamais vu qu'on référencé les version imprimmable! Au contraire ca perturbe le référencement et la navigation.

Pour les fichiers dans le zip je vais faire le menage j'ai pas fais trop attention. Désolé.
coucou747
Messages postés
12336
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
27 -
une version imprimable n'a pas de liens vers l'extèrieur (seulement des urls affichés) si elle est faite en php. Mais elle peut avoir des liens internes pour augmenter son référencement, ainsi, elle est mieux référencé qu'une page classique...

IE et mozilla firefox ajoutent automatiquement l'adresse du site lors d'une impression... et si t'en est pas convaincu :
dans un CSS avec media="screen"
.justprint{
display:none;
}
dans un CSS avec media="print"
.justprint{
display:block;
}
bon, et ensuite, dans une page :
http://monURL
la_pin
Messages postés
277
Date d'inscription
mercredi 11 août 2004
Statut
Membre
Dernière intervention
15 décembre 2005
-
A part tous les fichiers qui ne servent a rien dans le zip, le script est vraiment pas mal du tout et vraiment bien expliqué.
Super cool !
cs_MaX3315
Messages postés
170
Date d'inscription
mercredi 18 juin 2003
Statut
Membre
Dernière intervention
11 mai 2009
-
Merci LA_Pin

>>coucou47, quand je dis que j'ajoute les URL c'est pas celle de la page. C'est pas du tout ce que fais ce script. La c'est tout les liens de type Google qui vont être transformé en Google (http://www.google.com).

Ici le but de ce script et de strictement rien préparé pour l'impression! Zéro fichier a créer simplement un include javascript et un boutton appelant la fonction à mettre quelque part.

Et enfin ce script n'a absolument rien d'incompatible avec les différents média du CSS et rien n'empeche d'utiliser des définitions spécifique pour le print.

Concernnant le référencement j'ai vraiment du mal à comprendre ton explication sur le pourquoi ca va augmenter le référencement. Pour moi augmenter son référencement c'est pas indéxer plus de pages... c'est indéxer correctement les vrai page de contenu.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.