Modification style media print - HTML/CSS - Programmation
Marsh Posté le 11-01-2006 à 12:30:51
Le plus simple : tu définis une classe qui rend visible et tu met le reste en invisible par défaut.
Ensuite, en javascript, tu rajoutes ou enléve cette classe de la liste des classes de chaque élément à imprimer/ne pas imprimer.
Marsh Posté le 12-01-2006 à 12:04:32
En fait, je suis passé par document.styleSheets. Voici du JavaScript qui fonctionne très bien sous FireFox mais pas sous IE :
Code :
|
Bizarrement, sous IE, le bloc sur lequel est appliqué le display = "none"; est toujours imprimé, alors que si dans la CSS du media print, j'ai
Code :
|
le bloc n'est pas imprimé ......... Comme si la modification du style n'est pas appliqué (sachant que le style display est à 'block' par défaut dans la CSS).
A noter que si j'utilise l'attribut 'visibility', sous Firefox, j'avais un joli espace blanc à la place du composant, alors qu'avec display, la zone n'apparaît pas (euh, je suis clair, là ?) et ça ne fonctionne pas sous IE, de toute façon.
Si quelqu'un a une idée, je suis preneur.
Marsh Posté le 11-01-2006 à 07:46:44
Bonjour,
J'ai une page JSP tout à faire standard, basée sur du CSS, tout à fait standard.
Cette page affiche un certain nombre de graphique, de tableaux, de données en tout genre.
J'ai défini deux médias, l'un pour l'affichage (screen), l'autre pour l'impression (print).
Comme vous pouvez le voir, rien de bien sensationnel, que du basique, du standard.
L'utilisateur, via des <input> de type checkbox, a la possibilité d'imprimer les éléments qu'il veut.
Un script JavaScript est appelé via la méthode onClick de ces 'input'.
Dans ce script, je voudrais pouvoir accéder au style 'visibility' du media print.
Comment puis-je faire ?
Pour résumé, je voudrais pouvoir écrire qqch comme : le_composant.style.visibility = "visible" (ou "hidden" ) mais pour le media print.
Merci pour votre aide.
Franck