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

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

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.