Bonjour je cherche a ce que mon site soit adapté quelques soit la resolution de l'utilisateur.
J'utilise javascript pour tester la resolution de l'utilisateur et selon celle ci une image de fond s'ouvre ainsi qu'une feuille de style adapté.
J'ai donc ce code
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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
<HTML>
<HEAD>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="style1024.css" />
<link rel="alternate stylesheet" media="screen" type="text/css" title="800" href="style22.css" />
<link rel="alternate stylesheet" media="screen" type="text/css" title="1024" href="style1024.css" />
<link rel="alternate stylesheet" media="screen" type="text/css" title="1280" href="style1280.css" />
 
<script language="Javascript">
function setActiveStyleSheet(title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if(a.getAttribute("title") == title) a.disabled = false;
    }
  }
}
function backg()
{
		alert(screen.width);
		if (screen.width == 800)
		document.body.background="800.jpg";
		setActiveStyleSheet('800');
		else if (screen.width == 1024)
		document.body.background="1024.jpg";
		setActiveStyleSheet('1024');
		else if (screen.width == 1280)
		document.body.background="1280.jpg";
		setActiveStyleSheet('1280');
		else 
		document.body.background="1024.jpg";
		setActiveStyleSheet('1280');
}
</script>
</HEAD>
<BODY onload="backg()" background="imageparDefaut.jpg">
bla bla bla la page
</BODY>
</html>

je ne rentre pas dans la fonction : le message alert(screen.width) ne fonctionne pas. Pouriez vous m'aidez ?