begin process at 2012 02 06 02:20:29
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Divers

 > IMPRESSION D'UNE IMAGE OU AUTRE

IMPRESSION D'UNE IMAGE OU AUTRE


 Information sur la source

Note :
7,5 / 10 - par 2 personnes
7,50 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Divers Niveau :Débutant Date de création :24/05/2005 Vu :7 493
Auteur : PROTECTIONNISTE

Ecrire un message privé
Commentaire sur cette source (10)
Ajouter un commentaire et/ou une note

 Description

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

  • <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>
<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).


 Sources de la même categorie

COLONNES ADAPTABLES EN HAUTEUR par dronoide
Source avec Zip VECTEURS ET MATRICES: OUTILS GRAPHIQUES UTILES par william voirol
Source avec Zip Source avec une capture HTML5 PLAYER par kazma
Source avec Zip Source avec une capture SCROLLBAR PERSONNALISABLE par kazma
Source avec Zip INFO BULLE par RudiRatlos
Toutes les sources de la catégorie Divers

Commentaires et avis

Commentaire de darkman2 le 24/05/2005 16:29:17

je trouve k t'as bien
tu tu t'es basé sur la visisbilité no_print.style.visibility
c bien joué

Commentaire de la_pin le 24/05/2005 17:39:09

c'est tout con mais vraiment utile...
Sympa comme tout ce ptit' code

Commentaire de la_pin le 24/05/2005 17:41:33

et juste pour l'info, ça marche pas avec les navigateurs gerko (netscape, mozilla...), toute la page s'imprime.

Commentaire de PROTECTIONNISTE le 24/05/2005 19:58:01

no_print.style.visibility
peut être remplacé par
document.body.style.visibility
ce qui peut vous éviter de mettre une balide div

Commentaire de darkman2 le 28/05/2005 08:18:00

je voudrai dire à la_pin que j'ai commis une faute
je m'excuse sincérement

Commentaire de la_pin le 28/05/2005 10:07:58

c'est bon, pas de probleme.
Les admins se sont empréssés de supprimer nos commentaires dare-dare !

Commentaire de coucou747 le 28/05/2005 11:12:49 administrateur CS

?? j'ai encore raté le troll ??

bon, pas grave, en tout cas, je dis simplement que le CSS est plus aproprié que le javascript ici...

Commentaire de sounboul le 21/03/2006 13:42:34

j'affirme que c'est un bon travail.
mais pour l'instant j'utilise le Css, sa m'evite pas mal de problèmes.
bon courage et n'esites pas de nous aider avec tes solutions.

Commentaire de araboss le 14/03/2007 01:09:29

svp comment supprimer le deux lignes en haut et en bas de la page qui s'ajoutent a l'impression

Commentaire de zaineb1 le 14/06/2007 13:14:39

svp comment je peut imprimer des rapport

 Ajouter un commentaire

Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

Photo Waterfall in Kauai Hawaii With RainbowPhoto Green Energy Solutions With Light Bulb Morphed Into Landscape
Photo Beautiful El Capitan Yosemite National Park 

Visiter la photothèque
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 3,385 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)