fonction qui ne marche pas

**Donatelli** · 30/07/2007, 10h42

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 ?

**Donatelli** · 30/07/2007, 11h21

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

. Merci beaucoup

**bobgeldof7** · 30/07/2007, 11h25

Ce code fct chez moi.

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
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>

**Donatelli** · 30/07/2007, 13h26

Par contre sous IE ca marche pas

Edit pour en dessous moi en 5.5 ca marche pas !

**bobgeldof7** · 30/07/2007, 14h03

sisi ca marche aussi sous IE 6

fonction qui ne marche pas

JavaScript

Vue hybride

Discussions similaires

Partager

Partager