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

Soyez le premier à donner votre avis sur cette source.

Vue 12 932 fois - Téléchargée 6 634 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

cs_MaX3315
Messages postés
170
Date d'inscription
mercredi 18 juin 2003
Statut
Membre
Dernière intervention
11 mai 2009

Et voilà la nouvelle source est dans le zip avec un certain nombre d'amélioration (cf suivi des mise à jour sur cette page).
cs_MaX3315
Messages postés
170
Date d'inscription
mercredi 18 juin 2003
Statut
Membre
Dernière intervention
11 mai 2009

Il ne s'agit pas d'une popup intempestive puisque l'ouverture intervient sur une action utilisateur le 'clic'. Je vais télécharger un bloquer pour firefox et tester cela. Je pense que la fonction doit renvoyer false ou null... donc je pourrais certainement afficher une alerte décrivant le problème.

Je test et demain je mets a jour le Zip.

Merci d'avoir testé.
cs_SebLep
Messages postés
11
Date d'inscription
mardi 30 novembre 2004
Statut
Membre
Dernière intervention
26 novembre 2005

Ca marche !... Merci d'avoir corrigé. Attention tout de même, de plus en plus de navigateurs bloquent les fenêtres pop-up par défaut. Comment cela réagit dans ce cas ?
cs_MaX3315
Messages postés
170
Date d'inscription
mercredi 18 juin 2003
Statut
Membre
Dernière intervention
11 mai 2009

Je pense avoir trouvé une solution.

Quelqu'un qui avait des problème avant pourrait-il me confirmer cela sur mon site:
http://prodeon3.nuxit.net/codessources/js/printableVersion/index.php

Si cela fonctionne maintenant je mettrai à jour le zip.

Début de réponse:
------------------
popup=window.open('','','');
popup.write('toto');

En ecrivant les deux lignes ci-desous vous obtiendrez une popup qui n'arrive pas a acheve son chargement sous Firefox (le petit truc n'arrete pas de tournée pour signaler 'chargement...').

La solution sous firefox est donc simplement de declencher popup.stop(); une fois toute les actions effectués. J'ai pas encore testé si dans ce cas l'événement onLoad est corrctement géré. Pour l'instant j'appel la fonction a la fin du contenu de la popup ce qui reviet presque au meme dans ce ca sde figure.
cs_MaX3315
Messages postés
170
Date d'inscription
mercredi 18 juin 2003
Statut
Membre
Dernière intervention
11 mai 2009

Vous n'obtenez pas cette boïte de dialogue (cf capture d'ecran ci dessous) sous IE avec CTRL+P ?

http://prodeon3.nuxit.net/codessources//images/screenshots/screenshot_ctrl_p_IE.gif

NB: Ma config : IE 6 sous XP SP2 Pro

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.