fonction qui ne marche pas

Version imprimable

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:

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 ?

30/07/2007, 11h21
Donatelli

Oh merci beaucoup mais quand je l'effectue j'obtient toujours rien : la console d'erreur ne me met plus 2 erreurs mais plus qu'une seul :
Erreur : backg is not defined
Mon site est hebergé chez Free ,cela me parait bizard mais es ce qu'il y aurais une inscidence sur la chose?

Edit Eureka CA MARCHE :yaisse2:. Merci beaucoup

Ce code fct chez moi.

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
29
30
31
32
33
34
35
36
37
38
39
40
41
 
<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>

30/07/2007, 13h26
Donatelli

Par contre sous IE ca marche pas :(
Edit pour en dessous moi en 5.5 ca marche pas !
30/07/2007, 14h03
bobgeldof7

sisi ca marche aussi sous IE 6 ;)