de la fenêtre.print() print tous les div de contenu sans barre de défilement

je veux imprimer la page web avec la fonction javascript window.print()

la page comprennent div avec la barre de défilement

Mais l'impression est affiché seulement une partie de la div

J'ai essayé d'ajouter du css

@media print
{
 .myDiv
  { 
    height:100%;
  }

}

mais il ne fonctionne pas,

je veux montrer à tous div contenu sans barre de défilement
comment je le fais?

InformationsquelleAutor lealam | 2013-08-15
  1. 5

    Cette méthode vous permettra d'imprimer n'importe quel div.

    À l'aide de jQuery:

    function print(selector) {
    var $print = $(selector)
        .clone()
        .addClass('print')
        .prependTo('body');

    //window.print() stops JS execution
    window.print();

    //Remove div once printed
    $print.remove();
}

    Et un peu de CSS:

    body, html {
    width: 100%;
    height: 100%;
}

.print {
     position: fixed;
     overflow: auto;
     width: 100%;
     height: 100%;
     z-index: 100000; /* CSS doesn't support infinity */

     /* Any other Print Properties */
}
    InformationsquelleAutor Brian Peacock
  2. 3

    essayer cette

    Remarque:ne pas donner de style en ligne pour div 

      <head>
    <style type="text/css">
    .result{ height:200px;overflow:auto;}
    </style>
    <style type="text/css" media="print">
    @media print{ .result{ height:100%;overflow:visible;} } 
    </style>
    <title></title>
  </head>
  <body>
    <div class="result">
      content goes here..
    </div>
    <form>
      <input type="button" value="print" onclick="window.print();" />
    </form>
  </body>
    InformationsquelleAutor user4006122
  3. 1

    C'est le code pour imprimer div de contenu à l'aide de javascript.

     <script language="javascript" type="text/javascript">
    function printDiv(divID) {
        //Get the HTML of div
        var divElements = document.getElementById(divID).innerHTML;
        //Get the HTML of whole page
        var oldPage = document.body.innerHTML;

        //Reset the page's HTML with div's HTML only
        document.body.innerHTML = 
          "<html><head><title></title></head><body>" + 
          divElements + "</body>";

        //Print Page
        window.print();

        //Restore orignal HTML
        document.body.innerHTML = oldPage;


    }
</script>


<div id="printme" style="width: 100%; background-color: Blue; height: 200px">
    Print me I am in 1st Div
</div>   
<input type="button" value="Print" onclick="javascript:printDiv('printme')" />
    • Cela a eu un problème, après l'impression du oldPage aura perdu tous les événements javascript.
    InformationsquelleAutor Raghubar