Détection du type de média en javascript

Détection du type de média en javascript - HTML/CSS - Programmation

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  :pt1cable:  
 
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)  :pt1cable:  
 
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)  :pt1cable:  
 
.... bref  :pt1cable:  :pt1cable:  :pt1cable:  
 
merci d'avance !!!

Reply

Marsh Posté le 05-04-2006 à 12:31:15   

Reply

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 [:dawa]

Reply

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 :
http://www.malicia.net/tmp.jpg
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  :sarcastic:  
 
D'ou mon test pour ne valider le javascript qu'en media screen ...
 
 :sweat:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed