Bonjour à tous.
J'ai bien lu quelques éléments à ce sujet sur cet excellent forum, mais néanmoins je n'ai pas trouvé de solution à mon probleme.
Je désire gérer l'impression d'une page html via des alternate css media 'print.
Ainsi l'utilisateur aurait le choix de plusieur type d'impression de sa page simplement en cliquant sur l'un des boutons 'imprimer' à sa disposition.
Chaque bouton permetant donc d'associer la css media print voulu.
Mon procédé fonctionne bien sous Firefox mais pas sou IE6
link des css:
le tres classique javascript que l'on trouve un peu partout...
Le passage du parametre "title" se fait via un onclick
etc...
J'ai bien essayé des tas de solutions en associant par exemple des css media print et une css media screen ayant le meme "title.
bref, je me heurte toujours au meme probleme : Ca ne fonctionne pas sous IE6. Comme si IE6 ne comprenait pas le disable=false ou true sur les css ayant un media 'print' ???
Auriez vous une idée ?
merci
Modifié par Gaoul (13 Jul 2007 - 09:31)
J'ai bien lu quelques éléments à ce sujet sur cet excellent forum, mais néanmoins je n'ai pas trouvé de solution à mon probleme.
Je désire gérer l'impression d'une page html via des alternate css media 'print.
Ainsi l'utilisateur aurait le choix de plusieur type d'impression de sa page simplement en cliquant sur l'un des boutons 'imprimer' à sa disposition.
Chaque bouton permetant donc d'associer la css media print voulu.
Mon procédé fonctionne bien sous Firefox mais pas sou IE6
link des css:
<link href="master.css" rel="stylesheet" type="text/css" >
<link href="impression1.css" rel="alternate stylesheet" type="text/css" title="impression1" media="print">
<link href="impression2.css" rel="alternate stylesheet" type="text/css" title="impression2" media="print" >
<link href="impression3.css" rel="alternate stylesheet" type="text/css" title="impression3" media="print">
le tres classique javascript que l'on trouve un peu partout...
<script type="text/javascript">
/* activation des alternate style sheet */
function activeStyleSheet(title) {
var i, a, main;
for(i=0; (a = document.getElementsByTagName("link")); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
/*alert(a.getAttribute("href")+ " - disabled true");*/
a.disabled = true;
if(a.getAttribute("title") == title) {
a.disabled = false;
/*alert(a.getAttribute("href")+ " - disabled false");*/
}
}
}
/* print();*/
}
</script>
Le passage du parametre "title" se fait via un onclick
<a href="#" onClick="activeStyleSheet('impression1');">imprimer le Contenu</a>
etc...
J'ai bien essayé des tas de solutions en associant par exemple des css media print et une css media screen ayant le meme "title.
bref, je me heurte toujours au meme probleme : Ca ne fonctionne pas sous IE6. Comme si IE6 ne comprenait pas le disable=false ou true sur les css ayant un media 'print' ???
Auriez vous une idée ?
merci
Modifié par Gaoul (13 Jul 2007 - 09:31)