begin process at 2012 02 13 17:00:44
  Trouver un code source :
 
dans
 

8 commentaire(s) de Pascalitos sur des sources sur tout CodeS-SourceS

Déposé sur Imprimer une zone d'une page web ii

Bonjour

avec le code ci-dessous

<Style media="print" type="text/css">
.printzone {display:none}
</Style>

tu masques les éléments identifiés avec la classe .printzone
pour media="print" donc l'impression.

Pour obtenir l'effet que tu désires il faut faire l'inverse,
c'est à dire
dans une déclaration de styles : media="print"
tu peux masquer tous les éléments ne devant pas apparaître à l'impression avec une classe .noprint { display:none } appliquées à chacun de ces éléments
et ne pas appliquer cette classe aux éléments que tu souhaites imprimer.
Posté le : 15/10/2005 23:22:15

Déposé sur Imprimer une zone d'une page web ii

Comment intégrer le code dans toutes les balises DIV générées dynamiquement ?

Rappel sur le fonctionnement du script
Le script affiche dans une nouvelle fenêtre le contenu de la balise parente. Si la balise est un DIV , si le script est contenu dans cette balise le script pourra en afficher son contenu.
Si vous souhaitez pouvoir imprimer plusieurs zone DIV de la même page indépendamment, il faut insérer le script dans chaque zone


Pour revenir à la question
Cela dépend comment sont générées les balises DIV.
Avec un gestionnaire de contenu,
.vous pouvez insérer le script au niveau du formulaire de saisie des contenus, mais il faut répéter l'opération à chaque fois
.ou vous pouvez insérer le script au niveau du template (modèle) qui permet de générer la page dynamiquement, cette solution est préférable.
insérer le script
Posté le : 25/09/2005 13:18:52

Déposé sur Imprimer une zone d'une page web ii

Ajouter window.print()
Il faut lancer l'action window.print() à la fin du chargement du document, pour cela il faut déclencher une action avec onload dans la balise body.

Remplacer la ligne 14
PSR_f1.document.write("<html><head><title>" + PSR_title + "</title></head><body bgcolor='#ffffff'>"+PSR_content+"</body></html>");

par la ligne suivante
PSR_f1.document.write("<html><head><title>" + PSR_title + "</title></head><body bgcolor='#ffffff' onload='window.print()'>"+PSR_content+"</body></html>");
Posté le : 25/09/2005 13:07:55

Déposé sur Imprimer une zone d'une page web ii

Peut-on mettre une image à la place du bouton?
Réponse : oui

Il faut remplacer le bouton ( balise HTML <input type='button' ...>)
par une image ( balise HTML <img src="images/bouton.gif" ...>)
ou par un bouton de type image (balise HTML <input type='image' ...>) .
----------------------------------------------------------------------

Au final pour remplacer le bouton par une image avec une balise <img ...>

il faut remplacer la dernière partie du code :

if ( window.name != "PSR_f1" && document.body.parentNode ) {
  document.write ("<div align='right' id='PSR_print'><input onclick='PSR_imprimer();' type='button' style='font-family:arial; font-size:11px' value='Imprimer cette page'></div>");

par ce code :

if ( window.name != "PSR_f1" && document.body.parentNode ) {
  document.write ("<div align='right' id='PSR_print'><img onclick='PSR_imprimer();'  src='images/bouton.gif' style='cursor:pointer'></div>");

en corrigeant le lien pour l'image en fonction du nom du fichier image,
ici : src='images/bouton.gif'
Posté le : 29/06/2005 23:01:41

Déposé sur Imprimer une zone d'une page web ii

Réponse à Bleck

tu as placé le script en dehors des balises HTML
<html>...</html><script>....</script>
Il faut placer ce script dans la zone à imprimer c'est à dire par exemple à l'intérieur d'une balise td ou d'une balise div.

Mais dans le cas de ta page, cela ne présente pas d'intérêt car elle ne contient qu'une application Flash. Ce script ne présente un intérêt que lorsque l'on veut imprimer qu'une portion de la page.

Désolé
Posté le : 23/06/2005 16:57:47

Déposé sur Imprimer une zone d'une page web ii

Réponse pour ajouter une feuille de style au popup généré
il faut rajouter un lien vers la feuille de style dans la fonction à la ligne 14


<script language="javascript">
// ******************************************************************
// Impression d'une zone DOM: IE5+ Mozilla NN6 Win
// pascal.itos@wanadoo.fr
// http://www.dev35.com
// ******************************************************************

function PSR_imprimer () {
    var PSR_f1 = null;
    var PSR_content=document.getElementById('PSR_print').parentNode.innerHTML;
    var PSR_title=document.getElementsByTagName('title')[0].innerText;
    if (PSR_f1) {if(!PSR_f1.closed) PSR_f1.close();}
    PSR_f1 = window.open ('',"PSR_f1", "height=500,width=600,menubar=yes,scrollbars=yes,resizable=yes,,left=10,top=10"); ;
    PSR_f1.document.open();
    PSR_f1.document.write("<html><head><title>" + PSR_title + "</title><link href='fileadmin/print.css' rel='stylesheet' type='text/css'></head><body bgcolor='#ffffff'>"+PSR_content+"</body></html>");
    PSR_f1.document.close();
    PSR_f1.document.getElementById('PSR_print').style.visibility='hidden';
    PSR_f1.focus();
}
if ( window.name != "PSR_f1" && document.body.parentNode ) {
  document.write ("<div align='right' id='PSR_print'><input onclick='PSR_imprimer();' type='button' style='font-family:arial; font-size:11px' value='Imprimer cette page'></div>");
}
</script>
Posté le : 15/06/2005 12:46:31

Déposé sur Imprimer une zone dans une page web

Ce script a été amélioré pour être compatible Mozilla, Netscape 6 et Opera...

Voir "IMPRIMER UNE ZONE D'UNE PAGE WEB II"
Posté le : 06/05/2005 01:09:33

Déposé sur Imprimer une zone d'une page web ii

L'impression de la  zone d'une page peut effectivement être réalisée avec des styles CSS.

Mais tout le monde ne maîtrise pas forcément les styles et si le site existe déjà et contient de nombreuses pages avec des structures différentes cela peut demander de nombreuses reprises.

Ce script  permet d'ajouter facilement sans aucune connaissance en  programmation une fonctionnalité d'impression de zone dans des pages déjà existantes.
Posté le : 06/05/2005 01:06:40

1


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

 
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 : 0,468 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales