Feuille de style selon le navigateur

Version imprimable

Salut !

Je voudrais appliquer des css différents selon le navigateur et la résolution. J'ai fait un petit script mais il n'applique pas les feuilles de style désignées

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
<script language="javascript"> 
	  var Nom = navigator.appName;
	  var mf = (Nom == 'Firefox');
      var ie = (Nom == 'Microsoft Internet Explorer');
      var nav = navigator.userAgent.toLowerCase();
      var ver = parseInt(navigator.appversion);
	  var wid=screen.width;
      var hei=screen.height;
      if (mf)
	  {
	  alert ('Firefox');	
	  document.write('<link href="./style/mf.css" rel="stylesheet" type="text/css">'); 
	  if ((wid<800)) { alert('ATTENTION: Ce site a ete concu pour un affichage de 800x600 supérieur a 65535 couleurs! \n réglez votre écran SVP.')}
	  if ((wid>=800) & (wid<1024)) { document.write('<link href="./style/mf-800.css" rel="stylesheet" type="text/css">');}
	  if ((wid>=1024) & (wid<1280)) { document.write('<link href="./style/mf-1024.css" rel="stylesheet" type="text/css">');}
	  if ((wid>=1280)) { document.write('<link href="./style/mf-1280.css" rel="stylesheet" type="text/css">');}
	  }
      if (ie)
	  {
	  if ((wid<800)) { alert('ATTENTION: Ce site a ete concu pour un affichage de 800x600 supérieur a 65535 couleurs! \n réglez votre écran SVP.')}
	  if ((wid>=800) & (wid<1024)) { document.write('<link href="./style/ie-800.css" rel="stylesheet" type="text/css">');}
	  if ((wid>=1024) & (wid<1280)) { document.write('<link href="./style/ie-1024.css" rel="stylesheet" type="text/css">');}
	  if ((wid>=1280)) { document.write('<link href="./style/ie-1280.css" rel="stylesheet" type="text/css">');}
      document.write('<link href="./style/ie.css" rel="stylesheet" type="text/css">');
	  }
    </script>

Quelqu'un peut m'aider svp ?

Merci d'avance...

Ma solution marche désormais :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
<script language="javascript"> 
	  var Nom = navigator.appName;
	  var ns = (Nom == 'Netscape');
      var ie = (Nom == 'Microsoft Internet Explorer');
	  var wid=screen.width;
      var hei=screen.height;
	  alert ('Début');
      if (ns)
	  {
	  alert ('Netscape');	
	  document.write('<link href="./style/mf.css" rel="stylesheet" type="text/css">'); 
	  if ((wid<800)) { alert('ATTENTION: Ce site a ete concu pour un affichage de 800x600 supérieur a 65535 couleurs! \n réglez votre écran SVP.')}
	  if ((wid>=800) & (wid<1024)) { document.write('<link href="./style/mf-800.css" rel="stylesheet" type="text/css">');}
	  if ((wid>=1024) & (wid<1280)) { document.write('<link href="./style/mf-1024.css" rel="stylesheet" type="text/css">');}
	  if ((wid>=1280)) { document.write('<link href="./style/mf-1280.css" rel="stylesheet" type="text/css">');}
	  }
      if (ie)
	  {
	  alert ('Internet Explorer');
	  if ((wid<800)) { alert('ATTENTION: Ce site a ete concu pour un affichage de 800x600 supérieur a 65535 couleurs! \n réglez votre écran SVP.')}
	  if ((wid>=800) & (wid<1024)) { document.write('<link href="./style/ie-800.css" rel="stylesheet" type="text/css">');}
	  if ((wid>=1024) & (wid<1280)) { document.write('<link href="./style/ie-1024.css" rel="stylesheet" type="text/css">');}
	  if ((wid>=1280)) { document.write('<link href="./style/ie-1280.css" rel="stylesheet" type="text/css">');}
      document.write('<link href="./style/ie.css" rel="stylesheet" type="text/css">');
	  }
	  alert ('Fin');
    </script>

Une question c'est bizarre quand je récupère le nom du navigateur en naviguant avec Firefox ça me trouve Netscape avec navigator.appname comment ça se fait svp ? Quelqu'un a une idée svp ?

03/09/2007, 20h36
yvesall

parce que firefox est anciennement basee sur netscape meme si la tendance tend a s inverser