Javascript pour définir l'impression de la feuille de style

Comment puis-je modifier le style d'un objet pour l'impression de la feuille de style? Je suis à l'aide de jQuery, si c'est de l'aide.

En gros, j'ai envie de mettre un css propriété d'un objet, mais bien s'appliquer pour l'impression uniquement, pas d'écran. par exemple, $('#myobject').css('background','white','print');

Votre question est tout à fait incertaine. S'il vous plaît poster assez de votre code, de sorte que nous pouvons dire ce que vous êtes en train d'essayer de faire.

OriginalL'auteur Leticia Meyer | 2011-03-19

  1. 3

    Cette question est un peu vague, donc je ne sais pas si je suis ce que vous essayez de faire.
    Êtes-vous essayer de modifier dynamiquement le style d'un objet pour l'impression?

    Si oui, vous pouvez essayer d'ajouter des styles à la tête, comme suit:

    $('head').append('<style type="text/css" media="print">Whatever styles</style>');
    Si, en essayant d'atteindre ce, de façon dynamique, ce serait la voie à suivre. Si vous utilisez Jquery parce que vous ne connaissez pas un autre moyen, voir ma réponse ci-dessous.
    Basé sur l'exemple de code, il semble que vous pouvez simplement mettre en #myobject d'avoir un fond blanc dans une impression de la feuille de style spécifique dans la tête, comme <link type="text/css" media="print" href="print.css" /> je suis juste en train de s'assurer que vous n'utilisez pas inutile javascript pour accomplir quelque chose que vous pouvez faire avec les css.

    OriginalL'auteur Paul Sham

  2. 1

    Vous allez avoir besoin d'ajouter un CSSStyleSheet à document.styleSheets et définir la media type de print. https://developer.mozilla.org/en/DOM/stylesheet

    OriginalL'auteur Haochi

  3. 0

    Je pense que la seule façon de le faire est de définir un ID particulier ou une classe sur l'élément, puis de définir un style pour l'impression de la feuille de style:

    <html><head>
    <style type="text/css" media="print">
    .print_blue { color: blue; }
    </style>
</head><body>

<span id="to_change">This is black text.</span>
<a href="#" onclick="jQuery('#to_change').addClass('print_blue');return false">Click here</a>
to change it to blue for printing.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
</body></html>

    OriginalL'auteur Mark Eirich

  4. 0

    Créer de l'impression d'un fichier css dans votre application comme ceci:

    Nom de fichier: imprimer.css

    #myobject {
background-color: white;
}

    Dans votre application en-tête, inclure le fichier comme ceci:

    <link rel="stylesheet" href="print.css" type="text/css" media="print" />

    Note le media="print" quand j'ai compris la feuille de style. Cela permettra d'appliquer votre fond blanc de l'objet uniquement lors de l'impression.

    OriginalL'auteur Joel Friedlaender