Discussion :

[figatelliSTI]

Bonjour à tous ,

Je souhaite affecter un nouveau style à une div suivant la résolution de l'utilisateur.

J'ai le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<SCRIPT language="JavaScript">
<!--
if ((screen.width>=1024) && (screen.height>=768))
{
 //Ici je ne sais pas affecter un nouveau style a un div
}
else
{
// Pareil je veux affecter un autre style
}
//-->
</SCRIPT>

le div en question serai celui la :

<div id="calendrier"><?php echo $this->render('calendar.phtml'); ?>
</div>

Voila Merci beaucoup

[nabab]

Il faut que tu appliques le style une fois ta page chargée.
Soit tu crées une classe différente pour chaque résolution, soit tu appliques tes styles a l'élément:

Dans le HEAD

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
window.onload = function(){
  if ((screen.width>=1024) && (screen.height>=768)){
    // 1ere solution avec la classe
    document.getElementById('calendrier').className = 'MaClasse1';
    // OU BIEN
    // 2eme solution avec les styles
    document.getElementById('calendrier').style.width = '1000px';
  }
  else{
    // 1ere solution avec la classe
    document.getElementById('calendrier').className = 'MaClasse2';
    // OU BIEN
    // 2eme solution avec les styles
    document.getElementById('calendrier').style.width = '800px';
  }
}

[figatelliSTI]

Merci beaucoup de ta reponse je vais essayer