Feuille CSS en fonction de la resolution [Résolu]
chapy21
4
Messages postés
jeudi 18 février 2010Date d'inscription
17 avril 2012
Dernière intervention
-
15 juil. 2010 à 21:33 - Dernière réponse :
chapy21
4
Messages postés
jeudi 18 février 2010Date d'inscription
17 avril 2012
Dernière intervention
- 23 juil. 2010 à 10:42
- Feuille CSS en fonction de la resolution
- Detecter resolution d'ecran et charger un .css en fonction » Forum - Javascript / DHTML
- Renvoyer le visiteur sur une page en fonction de sa résolution... » Codes sources - Javascript (Fenêtre & Pop-up)
- Optimiser la taille de la page en fonction de la résolution d'écran » Codes sources - Javascript (Navigation)
- Tableau dynamique simple sans mysql + création d'1 .php + feuille css en 4 étapes (200 lignes) » Codes sources - PHP (Astuces)
- Taille de texte en fonction de la résolution » Codes sources - Javascript (Effets)
5 réponses
Meilleure réponse
Ton erreur est ici :
Le "=" n'a pas sa place :
document.write est une fonction et non une propriété.
JDMCreator
--------
Participez au nouveau projet : la wiki sur le javascript !
document.write=('<link rel="stylesheet" media="screen" type="text/css" href="../Style/style1.css" />');
Le "=" n'a pas sa place :
document.write('<link rel="stylesheet" media="screen" type="text/css" href="../Style/style1.css" />');
<head>
<script language="javascript">
if (screen.width <=640)
document.write('<link rel="stylesheet" media="screen" type="text/css" href="../Style/style1.css" />');
else if (screen.width >= 800)
document.write('<link rel="stylesheet" media="screen" type="text/css" href="../Style/style2.css" />');
</script>
</head>
document.write est une fonction et non une propriété.
JDMCreator
--------
Participez au nouveau projet : la wiki sur le javascript !
Avec quelques mots c'est encore mieux Ajouter un commentaire
a aidé 90 internautes ce mois-ci
Salut.
Il y a une solution: stocker la résolution dans des variables PHP, pour ensuite s'en servir dans une condition PHP qui fera ceci:
Vas voir ici pour plus de détails.
Mais dans tous les cas, je pense que switcher de css en fonction de la résolution n'est pas une bonne idée.
Le mieux serait que tu retouches ta feuille css afin qu'elle s'adapte le mieux possible quelque soit la taille de la fenêtre.
Je sais que c'est chiant mais c'est la solution la plus propre.
-- message approuvé par Jean-Claude Van Damme --
Il y a une solution: stocker la résolution dans des variables PHP, pour ensuite s'en servir dans une condition PHP qui fera ceci:
<head>
<?php
if(isset($_GET['Largeur'])) {
if($_GET['Largeur']) <=640){
echo '<link rel="stylesheet" media="screen" type="text/css" href="../Style/style1.css" />';
}
else if ($_GET['Largeur']) >= 800){
echo '<link rel="stylesheet" media="screen" type="text/css" href="../Style/style2.css" />';
}
}
?>
</head>
Vas voir ici pour plus de détails.
Mais dans tous les cas, je pense que switcher de css en fonction de la résolution n'est pas une bonne idée.
Le mieux serait que tu retouches ta feuille css afin qu'elle s'adapte le mieux possible quelque soit la taille de la fenêtre.
Je sais que c'est chiant mais c'est la solution la plus propre.
-- message approuvé par Jean-Claude Van Damme --
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.