Discussion :

[reticulaire]

Bonjour,

J'ai un script (voir ci-après) pour l'affichage du site quel que soit la taille de l'écran. Pour la partie CSS que dois-je indiquer ?
Quelqu'un aurait une idée ?

Raphaëlle

Code :

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

1
2
3
4
5
6
7
8
9
10
 
window.onresize=ssc;
function ssc()
{
var a = document.documentElement.clientWidth;
document.body.className = (a<= 800) ? 'scr_small' :
(a<=1024) ? 'scr_average' :
(a<=1280) ? 'scr_high' :
'scr_wide';
}

[Bovino]

Récupérer la taille du navigateur dépend... de celui-ci. Tu peux la récupérer comme ça :

Code :

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

1
2
3
4
5
6
7
8
var a = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    a = window.innerWidth;
  } else if( document.documentElement && document.documentElement.clientWidth ) {
    //IE 6+ in 'standards compliant mode'
    a = document.documentElement.clientWidth;
  }

Ensuite, ta syntaxe ternaire n'est pas bonne... (ternaire === 3 éléments : une condition, un traitement si vrai, un traitement si faux) essaye plutôt comme ceci :

Code :

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

1
2
3
if(a<= 800){document.body.className = 'scr_small'}
else if(a<=1024){document.body.className = 'scr_average'}
else if(a<=1280){document.body.className = 'scr_high'}

[E.Bzz]

Ensuite, ta syntaxe ternaire n'est pas bonne...

Manquent juste quelques parenthèses et un argument pour qu'elle le soit

Code :

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

1
2
3
4
document.body.className = (a<= 800) ? 'scr_small' :
((a<=1024) ? 'scr_average' :
((a<=1280) ? 'scr_high' : 'scr_wide') ) :
'scr_wide';

A+