par
sadeq » 26 janv. 2006, 15:50
Regarde le code javascript suivant :
il suppose que selon la résolution, 3 feuilles de styles existent sur le serveur http: //localhost/test/styles_dynamiques/
Le programme récupère la résolution largeur/hauteur et détermine la feuille de style à charger.
Pour réaliser le chargement d'une feuille de style, une balise <link> est prévue.
Code : Tout sélectionner
<link id="style" rel="stylesheet" type="text/css" href="" >
<script>
//Récupèrer la résolution de l'écran
var largeur = screen.width;
var hauteur = screen.height;
//Résolution 1024*768
if (largeur == 1024 && hauteur == 768) document.all["style"].href = "http://localhost/test/styles_dynamiques/style_1024_768.css";
//Résolution 800*600
else if (largeur == 800 && hauteur == 600) document.all["style"].href = "http://localhost/test/styles_dynamiques/style_800_600.css";
//Résolution inconnue
else document.all["style"].href = "http://localhost/test/styles_dynamiques/style_default.css";
</script>
Regarde le code javascript suivant :
il suppose que selon la résolution, 3 feuilles de styles existent sur le serveur http: //localhost/test/styles_dynamiques/
Le programme récupère la résolution largeur/hauteur et détermine la feuille de style à charger.
Pour réaliser le chargement d'une feuille de style, une balise <link> est prévue.
[code]<link id="style" rel="stylesheet" type="text/css" href="" >
<script>
//Récupèrer la résolution de l'écran
var largeur = screen.width;
var hauteur = screen.height;
//Résolution 1024*768
if (largeur == 1024 && hauteur == 768) document.all["style"].href = "http://localhost/test/styles_dynamiques/style_1024_768.css";
//Résolution 800*600
else if (largeur == 800 && hauteur == 600) document.all["style"].href = "http://localhost/test/styles_dynamiques/style_800_600.css";
//Résolution inconnue
else document.all["style"].href = "http://localhost/test/styles_dynamiques/style_default.css";
</script>[/code]