Impression d'une image ou autre

Commenter

Contenu du snippet

Ce code très simple que j'ai fais suite à une demande sur un forum,
permet d'imprimer un seul élément.

Par exemple :
--------
blablabla
une sublime image
blablabla
--------

le visiteur peut imprimer l'image seul sans le blablabla autour (interface du site, texte, etc)

Source / Exemple : 


<html>
<!--
Auteur : Popeye
Date : mardi 24 mai 2005
Script : Impression pour fichier image uniquement
Mail / MSN : cyrhades@free.fr
Site : http://cyrhades.free.fr					//-->
<head>
<title>Impression image</title>
</head>
<script>
<!--
function impression() {
	no_print.style.visibility = 'hidden';	// Rend invisible le div
	window.print(); 			// Lance l'impression
	no_print.style.visibility = 'visible';	// Remet la visibilité du document
	}
//-->
</script>
<body>
<div id="no_print">
<!-- 
Ici on met une image avec un style visible qui
empechera celle ci de disparaitre au moment de la fonction impression()
//-->
<img src="image.gif" name="image" alt="image" title="une image imprimable" style="visibility:visible;">
<a href="javascript:impression();">Bouton d'impression</a>
Ici un texte qui sera totalement invisble lors de l'impression
</div>
</body>
</html>

Conclusion :


Tout simplement
le (ou les) élément(s) autorisé à l'impression : style="visibility:visible;">
et tout le reste est rendu un invisible (tout le contenu du div).

A voir également

S'inscrire maintenant

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.