Trucsweb.com

Trucsweb.com

Javascript

Impression d’une page HTML

RDFFav

Impression d’une page HTML - Avec la méthode print()

La méthode print() de l’objet Window simule un clic sur le bouton Imprimer ou Print du navigateur. Elle dit au navigateur d’ouvrir la boîte de dialogue d’impression. Cette méthode permet d’imprimer la page courante. Noter que ce n’est pas compatible Opera.impression print imprimer frame cadre bouton imprimante page method méthode window document objet changement saut page-break-before alwaysImpression d’une page HTML - Avec la méthode print()

  • · Niveau : DÉBUTANT
  • · Compatibilité : IE 4+ / Netscape 4+

La méthode print() de l’objet Window simule un clic sur le bouton "Imprimer" ou "Print" du navigateur. Elle dit au navigateur d’ouvrir la boîte de dialogue d’impression. Cette méthode permet d’imprimer la page courante. Noter que ce n’est pas compatible Opera.

<a href="#" OnClick="javascript:window.print()">Imprimer</a>

avec un formulaire

<form>
<input type="button" value="Imprimer" onClick="window.print()">
</form>

 

Une page dans un "cadre" (frame)
Vous pouvez spécifier l’impression d’un cadre. Vous devez en premier lieu donner le "focus" sur le cadre à imprimer, ensuite il suffit d’imprimer la page qui a le "focus"

onClick="parent.NomduCadre.focus();window.print()"

 

Forcer le changement de page (IE uniquement)
Vous pouvez forcer l’imprimante à changer de page en ajoutant cette balise.

<div style="page-break-before:always">
Nouvelle page
</div>

Django (Oznog) Blais
Dernière mise à jour :

Commentaires

  • <form><input type="image" src="photos/imprimante.gif" onClick="parent.yeux.focus();parent.xxxxx.focus();parent.xxxx.focus();window.print()" alt="Impression"></form> pourqoi il imprime seulement la premiere frame ? ce programme il n'est pas encore sur mon site. Merci pour la réponse papyStef
    64x64
    Stefano Palmieri
    Date (GMT) : 2021-04-08 17:21:52 (UTC +0000)
    Date local : Thu Apr 08 2021 19:27:37 GMT+0200 (heure d’été d’E
    • Salut, Ça dépend du navigateur. C'est sûr que changer le focus entre plusieurs frames ne fonctionne pas. Certain utilise ce script, tu peux essayer : try { document.execCommand('print', false, null); } catch(e) { window.print(); }
      64x64
      oznog
      Date (GMT) : 2021-04-08 20:31:40 (UTC +0000)
      Date local : Thu Apr 08 2021 16:37:23 GMT-0400 (heure avancée d
      • Bonjour, merci pour la réponse mais je ne vois pas ou mettre votre soluce. Ceci fonctionne mais sur trois pages..... comment enlever le saute de page ? <!--<td width="30%" align="left" colspan=3><form><input type="image" src="photos/imprimante.gif" onClick="parent.yeux.focus();window.print();parent.xxxxx.focus();window.print();parent.xxxx.focus();window.print()" alt="Impression"></form> MERCI
        64x64
        Stefano Palmieri
        Date (GMT) : 2021-04-09 10:18:12 (UTC +0000)
        Date local : Fri Apr 09 2021 12:23:56 GMT+0200 (heure d’été d’E
        • Salut, C'est tes trois focus qui posent problème. Mais il me faudrait un exemple (une adresse URL) pour bien comprendre. Sinon, voilà comment intégrer le code. Dans une des pages. Le bouton qui appelle la fonction JavaScript : <button onclick="twImprime();">Imprimer</button> <script> function twImprime() { try { document.execCommand('print', false, null); } catch(e) { window.print(); } } </script>
          64x64
          oznog
          Date (GMT) : 2021-04-09 11:23:29 (UTC +0000)
          Date local : Fri Apr 09 2021 07:29:12 GMT-0400 (heure avancée d




    • Bonjour, c'est encore moi, dans ce programme j'aimerais pouvoir créer un compteur. Avoir une variable que je puisse incrémenter et lire à la fin en affichant le totale (de réponses exactes). Merci, je cherche depuis longtemps .... html, css, javascript ????? papystef
      64x64
      Stefano Palmieri
      Date (GMT) : 2021-04-08 17:30:07 (UTC +0000)
      Date local : Thu Apr 08 2021 19:35:51 GMT+0200 (heure d’été d’E
      • Je suis désolé, ce message n'est pas relatif au sujet du tutoriel, il sera détruit. Merci.
        64x64
        oznog
        Date (GMT) : 2021-04-09 11:25:04 (UTC +0000)
        Date local : Fri Apr 09 2021 07:30:47 GMT-0400 (heure avancée d


      • J'ai fait un CV par HTML et CSS Mais je ne sais pas l'imprimer correct . Je trouve plusieurs éléments sont disparu et ils ne sont pas en ordre comme je les ai crées lorsque je demande d'imprimer le CV Si vous pouviez m'aider pour arriver à l'imprimer correctement Merci
        64x64
        Aida Alkiali
        Date (GMT) : 2022-07-16 12:03:24 (UTC +0000)
        Date local : Sat Jul 16 2022 14:03:22 GMT+0200 (Central Europea
        • Salut, Un conseil, mieux vaut avoir une page simple si tu veux l'imprimer! Une conception adaptative, c'est à dire en pourcentage sans largeur fixe. Ça doit être la raison pourquoi certains éléments ne s’impriment pas, ils doivent être à l’extérieur de la page. Quoi qu'on ne peut pas deviner sans exemple. L'ordre aussi, c'est de haut en bas, si certains éléments ne s'impriment pas dans le bon ordre, c'est aussi à cause de la structure de la page. Impossible de t'aider sans avoir un exemple, un bout de code. Bonne chance.
          64x64
          oznog
          Date (GMT) : 2022-07-16 13:36:12 (UTC +0000)
          Date local : Sat Jul 16 2022 09:36:09 GMT-0400 (heure avancée d


        Ajouter un commentaire
        Votre adresse de courriel ne sera pas publiée. * L'astérisque indique les champs obligatoires.
        Votre évaluation du tutoriel

               Visites : 45542 - Pages vues : 80668

        En ligne depuis 27 ans (1997-2024)

        Le plus vieux site francophone pour freelances!

        Il y a 10 types de personnes, ceux qui comprennent le binaire et ceux qui ne le comprennent pas ;-)

        RSS

        Aider les Trucsweb

        PayPal - la solution de paiement en ligne la plus simple et la plus sécurisée !
        aiement en ligne sécurisée PayPal Vérifié par PayPal
        Étiquettes
        impressionprintimprimerframecadreboutonimprimantepagemethodméthodewindowdocumentobjetchangementsautpage-break-beforealways
        outils
        1. Generateur Trucsweb
        2. Glossaire
        3. jQuery : Équivalent Javascript
        4. HTML5 : Liste des balises
        5. HTML5 : Formation pour débutant
        6. AbuseIPDB AbuseIPDB
        7. Phishing-initiative Initiative hameçonnage (Phishing initiative)
        Références
        1. W3C HTML5
        2. W3C HTML 4.0
        3. W3C CSS Level 3
        4. W3C CSS LEVEL 2.1
        5. W3C XHTML 1.0
        6. W3C SMIL 2.0
        7. W3C XML 1.0
        8. W3C The Extensible Stylesheet Language Family (XSL)
        9. W3C XPath 3.0
        10. W3C XSL Version 1.1
        11. W4C XSLT 2.0
        12. RFC Editor Site
        13. Web Design Group
        14. Treehouse: Development Courses
        15. W3Schools
        16. W3CTutorial
        17. XML Cover Pages
        18. The W3C Markup Validation Service
        19. Validateur de syntaxe Javascript Esprima
        20. Validateur JavaScript Lint
        21. Le meilleurs Validateur JavaScript Code Beautify
        22. Real Favicon checker
        23. Local Business Schema Generator
        24. Générateur de microdonnées
        25. Testing Tool — Google Developers
        26. Google - Outil de test du balisage d'e-mails
        27. Google - Search Console (webmasters/tools)
        28. PageSpeed Insights
        29. RDFa Distiller and Parser
        30. RDF extracteur (pyRDFa)
        31. Soumettre votre URL à Google
        32. Soumettre votre URL à Bing
        33. Soumettre votre URL à Yahoo
        34. FXSL - Functional Programming Library for XSLT
        35. Wikipedia - Internet media type
        1. Mozilla Developer Network JavaScript reference
        2. VBScript Quick Reference
        3. ASP.NET Reference
        4. JCSS & Javascript Character Entity Calculator
        5. JScript Reference
        6. Hammer.min.js
        7. ASP Object Quick Ref.
        8. ADO API Reference
        9. IIS Configuration Reference
        10. MSDN Library
        11. Bootstrap
        12. Bootsnipp
        13. Bootstrap Cheat Sheets
        14. Iconic
        15. Zurb Foundation 5
        16. Skeleton
        17. Responsive CSS Framework Comparison
        18. HTML5 Boilerplate
        19. Modernizr
        20. Normalize.css
        21. Eric Meyer's CSS reset
        22. Bootstrap (français)
        23. Jasny Bootstrap
        24. jQuery
        25. DataTables | Table plug-in for jQuery
        1. HTML 4.0 code de caractères
        2. Unicode fonts
        3. Manuel PHP
        4. Documentation Perl
        5. ActionScript® 3.0 Reference
        6. MySQL Reference Manuals
        7. Find My Facebook Page ID
        8. Get a User's Twitter ID
        9. Share Link Generator!
        10. Validation de courriel
        11. G Suite Toolbox Check MX
        12. G Suite Toolbox Messageheader
        13. SPF Syntax Validator
        14. SPF Record Testing Tools
        15. La Loi canadienne anti-pourriel
        16. DNS / nameserver (requête en ligne)
        17. Whatsmydns.net (Propagation DNS globale)
        18. MXtoolbox.com
        19. DNSstuff.com
        20. SHAAAAAAAAAAAAA - Détection de certificat SHA-1
        21. Décoder Hachage MD5, SHA-1, LM, NTML
        22. Get Lat Long from Address
        23. Java Language Spec.
        24. Sun Java
        25. JSP Standard Tag Library
        26. C++ Language Reference
        27. C# Reference
        28. Les Navigateurs
        29. Terminologie d'Internet
        30. IP Location tools
        31. Open Port Check Tool
        32. Webfont generator
        33. HSL picker
        34. Zone Accro
        35. Dictionnaire de la langue française de l'internaute.com
        36. Glossaire informatique anglais/français
        37. Correcteur d'orthographe et grammaire Reverso
        38. Google Traduction
        39. JavaScript: Escaping Special Characters
        40. Online JavaScript/CSS Compression Using YUI Compressor
        41. Minify your CSS
        42. JS & CSS Minifier
        43. CSS Inliner Tool
        44. Base64 encoder and decoder
        45. Hachage MD5, SHA-1, LM, NTML
        46. Javascript HTML Page Encoder
        47. Winmail.dat Reader
        Oznog

        Blogueur, analyste-programmeur et designer Web!
        Conception Oznogco Multimédia
        X

        Trucsweb.com Connexion

        Connexion

        X

        Trucsweb.com Mot de passe perdu

        Connexion

        X

        Trucsweb.com Conditions générales

        Conditions

        Responsabilité

        La responsabilité des Trucsweb.com ne pourra être engagée en cas de faits indépendants de sa volonté. Les informations mises à disposition sur ce site le sont uniquement à titre purement informatif et ne sauraient constituer en aucun cas un conseil ou une recommandation de quelque nature que ce soit.

        Aucun contrôle n'est exercé sur les références et ressources externes, l'utilisateur reconnaît que les Trucsweb.com n'assume aucune responsabilité relative à la mise à disposition de ces ressources, et ne peut être tenue responsable quant à leur contenu.

        Droit applicable et juridiction compétente

        Les règles en matière de droit, applicables aux contenus et aux transmissions de données sur et autour du site, sont déterminées par la loi canadienne. En cas de litige, n'ayant pu faire l'objet d'un accord à l'amiable, seuls les tribunaux canadien sont compétents.

        X

        Trucsweb.com Trucsweb

        X

        Trucsweb.com Glossaire

        X

        Trucsweb.com Trucsweb

        X

        Trucsweb.com Trucsweb

        Conditions

        Aucun message!

        Merci.

        X
        Aucun message!
        X

        Trucsweb.com Créer un compte

        Créer un compte

        .
        @