11548 sujets

JavaScript, DOM et API Web HTML5

Fonction imprimer une page

Bonjour !
Désolé si je ne suis pas dans le bon forum !
J'ai plusieurs demande pour imprimer des pages de mon site!
J'ai utilisé le script :
<a href="javascript:window.print()">Imprimer cette page</a>

Mais de toutes évidences cela n'imprime qu'une partie de la page !
Le site est en CSS !
Pouvez vous m'aider !
Merci
Paul
Modifié par paul (14 Oct 2005 - 16:55)
Ce script en censé imprimer la fenêtre ou le cadre actif en cours.
Tu risque s d'avoir des problèmes si tu utilises des frames ou des iframes, mais sinon, ça devrait aller comme sur des roulettes.
Bonjour !
Tu parles du script que j'ai cité !!
oui il marche mais n'imprime que la partie visible de l'écran !
autrement non je n'ai pas de frame tout est en css avec des <div class="bloc"></div>
Par contre je viens de trouver un script qui peut me permettre d'imprimer uniquement un div sélectionné, mais l'image du bouton est laid !
Ton avis merci !!

<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></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();' src='button' style='font-family:arial; font-size:11px' value='Imprimer cette page'></div>"); 
} 
</script>

Paul
Modifié par paul (14 Oct 2005 - 16:55)
Re !
je suis vraiment nul, tu entends quoi par coller le onclick,
j'ai fait :

} 
if ( window.name != "PSR_f1" && document.body.parentNode ) { 
  document.write("<div align='right' id='PSR_print'><a href =input onclick='PSR_imprimer();'><img src='image/fermer.gif'/></a></div>"); 
}

cela ouvre bien une fenêtre pour l'impression mais ferme aussi la page !!
De plus dans la fenêtre il n'y a pas de lien impression il faut aller le chercher dans fichier-imprimer, si mes visiteurs sont aussi nul que moi !!
Paul Smiley confused
Modifié par paul (14 Oct 2005 - 16:54)
RE !
Bon ne sachant comment faire le lien image je suis allé par le css et j'ai donné des valeurs couleurs à input !!
Bien maintenant avant de retravailler toutes mes pages pour ajouter sur les pages technique la fonction imprimer j'aimerai savoir si le chemin que j'emprunte et valable.
Mon site se présente en css avec
div conteneur pour l'ensemble et des div de positionnement
style
<div class="conteneur">
<div class="header">
le titre
</di>
<div class="menu">navigation à gauche et texte dans la frame
</div>
<div class="frame">
le corps du document et différents blocs de positionnement
<div class=bloc">
image ou vue technique
</div>
<div class="bloc1">
pub ou autre
</div>
</div> je ferme la frame
<div class="footer">
fin
</div>
</div> je ferme le conteneur

je compte donc inclure tous les blocs imprimables dans un div general pris dans le conteneur
ce qui donnerai :
<div conteneur
<div menu
</div fermeture menu
<div frame
<div general
le texte
<div bloc
</div fermeture bloc
</div fermeture general
<div bloc pub
</div fermeture pu
</div fermeture frame
<div footer
</div fermeture footer
</div fermeture conteneur

cela vous semble logique, oui j'en demande beaucoup !!
Paul
Modifié par paul (14 Oct 2005 - 16:52)
Paul si tu pouvais pour que ca soit plus agréable à comprendre lire les règles du forum avant de poster, et ainsi tu comprendra qu'il faut mettre ton code entre balise de code ! Merci
Bonjour !
Oui j'ai testé mais cela bouscule beaucoup ma présentation web,
Du coup je pense que je vais faire des pages en pdf en plus pour tout les parties techniques, avec une présentation impression !
Paul
Sujet clos
Aller à