per JavaScript Bildschirmauflösung auslesen und dann die passende CSS Datei einbinden

rhodon · 09.11.2006, 20:17

hallo mein problem

ich möchte meine seite für die verschiedenen auflösungen anpassen

800 x 600

1024 x 768

1280 x1024

und will per javascript die auflösung abfragen und dann einfach die passende CSS Datei einbinden geht das überhaupt habe ein Script gefunden was wie ich denke in die richtige richtung geht aber ich habe keine ahnung von javascript

hier das script

<noscript>
Dieser Text wird ausgegeben, falls der Benutzer JavaScript deaktiviert hat.
<script language="JavaScript">
if (screen.width >= 1280)
document.write("<link href="style.css" rel="stylesheet" type="text/css">");
else if (screen.width >= 1024)
document.write("<link href="style_mittlere_aufloesung.css" rel="stylesheet" type="text/css">");
else if (screen.width < 1024)
document.write("<link href="style_kleine_aufloesung.css" rel="stylesheet" type="text/css">");
</script>

aber wie binde ich css damit ein

bitte bitte heft mir

mfg
_____

cssPanel · 10.11.2006, 21:37

Du mußt lediglich das Script im Dokument-Header einsetzen, der Rest läuft dann von alleine

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<script type="text/javascript">
if (screen.width == 800) {
document.write('<link rel="stylesheet" type="text/css" href="800.css">');
alert("StyleSheet für 800 x 600 wird geladen.");
}
else if (screen.width == 1024) {
document.write('<link rel="stylesheet" type="text/css" href="1024.css">');
alert("StyleSheet für 1024 x 768 wird geladen.");
}
else if (screen.width == 1280) {
document.write('<link rel="stylesheet" type="text/css" href="1280.css">');
alert("StyleSheet für 1280 x 960 wird geladen.");
}
</script>

</head>
<body>

<p>Aha</p>

</body>
</html>