Feuille CSS en fonction de la resolution [Résolu]
chapy21
- Messages postés
- 4
- Date d'inscription
- jeudi 18 février 2010
- Dernière intervention
- 17 avril 2012
- Messages postés
- 4
- Date d'inscription
- jeudi 18 février 2010
- Dernière intervention
- 17 avril 2012
A voir également:
- Feuille css en fonction de la resolution
- Changement de css fonction du navigateur ✓ - 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
- Messages postés
- 656
- Date d'inscription
- samedi 30 décembre 2000
- Dernière intervention
- 20 juillet 2012
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 !
Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire
98 internautes nous ont dit merci ce mois-ci
- Messages postés
- 82
- Date d'inscription
- jeudi 22 avril 2004
- Dernière intervention
- 1 avril 2011
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.