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