codeigniter charge de vue, sans en-tête html pour l'impression

php

function print(){
    $data=$this->session->userdata('print_data');
    $this->load->view('printer',$data);
}

Html (imprimante vue)

<div id='printerwrapper'>
......
</div>
<style>.....</style>
<script>windows.print();</script>

quand j'ai vue ce et l'imprimer, l'impression de la page entière et la div est redimensionnée à devenir petite partie de la page , donc j'ai vérifié dans le code html de la page trouvé que celui ci n'a pas seulement rendu la vue, mais il a aussi ajouté toutes les balises meta et le html de base structure de la page.

<html><head><title></title></head><body>......</body></html>

ici est un exemple de la page im essayant d'imprimer
codeigniter charge de vue, sans en-tête html pour l'impression
tout ce que je veux imprimer est ce Div, pas toute la page !

est-il quelque chose que je devrais savoir sur la façon de faire une version imprimable des pages ?

  • CI ne pas ajouter de son propre code HTML de votre point de vue, c'est peut-être à venir à partir de votre navigateur?
  • +1 @stef en chrome au moins, il y a une option pour désactiver l'impression de l'en-tête/pied de page
InformationsquelleAutor Zalaboza | 2013-01-14
  1. 9

    Vous pouvez facilement imprimer une Sélectionné div par JavaScript. Regardez le code suivant....

    D'abord ajouter le code JavaScript dans la tête...

    <script type="text/javascript">
function printDiv(divName) {
    var printContents = document.getElementById(divName).innerHTML;
    var originalContents = document.body.innerHTML;
    document.body.innerHTML = printContents;
    window.print();
    document.body.innerHTML = originalContents;
}
</script>

    et puis la vue de la page sont comme suit...

    <div id="printableArea">
       Your Content here.....
</div>


<input type="button" onclick="printDiv('printableArea')" value="Print Invoice" />

    Lorsque vous cliquez sur l'Impression de la Facture Bouton. Ensuite, il permet d'imprimer avec le DIV id Printablearea

    De l'essayer. Espérons que cela fonctionnera. Le meilleur de la chance.

    • c'est bon, mais quand j'ai l'impression de la page est en train de changer
    InformationsquelleAutor Sharif
  2. 2

    Je pense que c'est le navigateur dont l'objectif est de faire une impression similaire à la façon dont elle regarde sur l'écran, à moins d'avis contraire. Cela dit, peut-être que vous devriez considérer à l'aide d'une feuille de style CSS spécifiquement pour l'impression en utilisant @media print. Je suis allé et trouvé un article pour vous que je me souviens avoir vu il y a quelques temps en ce qui concerne l'impression des requêtes de média.

    Cela dépend vraiment de votre objectif si. Si vous souhaitez que l'écran de la version à regarder comme il le fait maintenant, mais la version imprimée pour un look différent, je pense que c'est le chemin à parcourir. Si elle n'a pas d'importance la façon dont il regarde sur l'écran, peut-être que vous pourriez se débarrasser de votre printerwrapper tout à fait et juste flotter choses à gauche et à droite.

    InformationsquelleAutor Wesley