Associer au clic d'une image un style CSS

Bonjour tout le monde,

J'ai ce code :

Code:

---

1 2 3 4 5 6 7

<style type="text/css" media="print"> div.page { writing-mode: tb-rl; height: 80%; margin: 10% 0%; } </style>

---

Qui devrait normalement me permettre d'imprimer en paysage.

Sauriez-vous me dire comment je dosi faire pour que ce code soit appeler lorsque je clique sur une image ?

J'aimerais donc associer ce code au clic d'une image et pourquoi pas que ce style soit enregistré dans un fichier à part, cela me permettra de ne pas devoir le taper dans chaque page où je dois imprimer mais seulement de l'appeler.

Merci d'avance.

beegees

Bonjour,
je comprends pas bien ce que tu veux faire...
Attention la propriété writing-mode est une propriété Microsoft qui ne fonctionne qu'avec IE, donc non standard et invalide.

Citation:

---

Envoyé par Erwan31

Bonjour,
je comprends pas bien ce que tu veux faire...
Attention la propriété writing-mode est une propriété Microsoft (qui ne fonctionna qu'avec IE donc), donc non standard et invalide.

---

Bonjour,

Merci pour ta réponse.

J'ai l'image d'une imprimante, je voudrais que quand on clique dessus, qu'un style CSS soit appeler et qu'une ligne de code javascript imprime le document.

Le CSS permettrait simplement d'imprimer en paysage.

Par contre je ne savais pas que ça tournerait qu'en IE.

Merci encore.

beegees

En fait lorsque tu imprimes, la présentation du document switch
automatiquement sur les style de la CSS print et uniquement celle-ci si tu as précisé le média screen sur la CSS écran, donc tu n'as pas à l'appeler,
c'est le navigateur qui s'en charge via l'attribut media.

Pour l'impression en paysage, il y avait la propriété size mais elle a été retiré de CSS2.1.

Citation:

---

Envoyé par Erwan31

En fait lorsque tu imprimes, la présentation du document switch
automatiquement sur les style de la CSS print et uniquement celle-ci si tu as précisé le média screen sur la CSS écran, donc tu n'as pas à l'appeler,
c'est le navigateur qui s'en charge via l'attribut media.

Pour l'impression en paysage, il y avait la propriété size mais elle a été retiré de CSS2.1.

---

Merci Erwan pour ta réponse.

Mais je dois bien indiquer quelque part que ce style CSS existe dans le document ?

Dois-je le mettre en header ?

Comment précisé le media screen ?

Encore merci
beegees

Il vaut mieux que tu créés un CSS spécifique pour l'impression appelé sur toute les pages:

Code:

---

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

---

Ben pour le media screen ça fonctionne pareil mais avec media="screen"
Si tu ne précises pas de media ça équivaut à media="all" mais il vaut
mieux le préciser quand même.

EDIT

Citation:

---

Mais je dois bien indiquer quelque part que ce style CSS existe dans le document ?
Dois-je le mettre en header ?

---

Oui. Je crois que tu as quelques bases que tu n'as pas encore acquis ;)

Citation:

---

Envoyé par Erwan31

Il vaut mieux que tu créés un CSS spécifique pour l'impression appelé sur toute les pages:

Code:

---

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

---

Ben pour le media screen ça fonctionne pareil mais avec media="screen"
Si tu ne précises pas de media ça équivaut à media="all" mais il vaut
mieux le préciser quand même.

---

Merci Erwan pour ta réponse.

Je présûme que ce tu m'as donné ce n'est que l'appel du style, je dois maintenant le créer ?

beegees