Détection du type de média en javascript - HTML/CSS - Programmation
Marsh Posté le 05-04-2006 à 12:44:42
Ca dépend ce que tu veux faire... Explique un peu, parce qu'il pourrait y avoir une solution détournée
Marsh Posté le 05-04-2006 à 13:05:43
Je serais preneuse même d'une solution détournée, mais c'est quand meme curieux qu'on ne puisse pas faire ça directement
Voici le problème:
J'ai fais un site intégralement en CSS, il y a principalement 3 DIVs comme ceci :
Les bords bleus ne bougent jamais, j'ai donc du adapter selon l'écran la DIV centrale pour qu'elle s'ajuste
en fonction de la taille restante entre les deux. Pour que ça fonctionne partout j'ai mis un javascript qui la redimensionne en cas
de changement de taille de la fenetre (j'ai voulu mettre un height:expression dans le css mais ça marche pas avec Firefox).
Nous y voila, j'ai donc un javascript qui redimensionne le container (DIV centrale) lorsque je suis en media screen (impec'), mais bien
que j'ai spécifié une taille maxi dans le media print, je me retrouve sous Firefox avec une impression du container réduite à la taille
hauteur de l'écran
D'ou mon test pour ne valider le javascript qu'en media screen ...
Marsh Posté le 05-04-2006 à 12:31:15
J'ai besoin de savoir quel est le type de média (screen/print) actuel de mes pages dans une fonction javascript,
seulement j'ai essayé des tonnes d'attributs diffèrents et y'en a aucun qui fonctionne
il y a bien
"document.styleSheets" mais aucune utilité puisque je n'ai qu'une feuille CSS avec @screen et @print dedans
et de toute façon Firefox ne renvoie toujours que screen (meme en faisant l'aperçu avant impression)
il y a aussi
var LINKs= document.all ? document.all.tags("LINK" ) : document.getElementsByTagName("LINK" )
mais "LINKs[0].media" renvoie la première feuille CSS située dans la page (toujours screen)
.... bref
merci d'avance !!!