WCM Forum

WCM Forum (http://www.wcm.at/forum/index.php)
-   Programmierung (http://www.wcm.at/forum/forumdisplay.php?f=17)
-   -   bildschirmaufloesung/css-frage (http://www.wcm.at/forum/showthread.php?t=69050)

gnagflow 06.09.2002 18:16

bildschirmaufloesung/css-frage
 
hallo, forianer!

bin gerade, inspiriert von der browser-umfrage, dabei eine einfache moeglichkeit zu suchen, per javascript zwei versionen einer homepage einlesen zu lassen.
die idee ist ja nicht neu, dahinter stehen jedoch meist zwei verschiedene versionen der hompepage (oder zumindest der startseite)
meine variante dazu waere folgende: fuer jede browser-aufloesung soll eine eigene css-datei geladen werden, die (zumindest) die schriftgroesse(n) fuer die jeweilige aufloesung optimiert.
ich bin leider kein programmierer, daher meine frage: wie muss ein solcher js-code (odere eine externe js-datei)aussehen, wenn die dazugehoerigen dateien 800.css bzw 1024.css heissen?

danke fuer eure antworten!

käptn 06.09.2002 19:51

Ver such mal Folgendes:
Code:

<head>
[...]
<script language="JavaScript" type="text/javascript">
<!--
if (window.screen.width > 800)
{
    document.writeln('<link rel="StyleSheet" type="text/css" href="1024.css" />');
}
else
{
    document.writeln('<link rel="StyleSheet" type="text/css" src="800.css" />
}
//-->
</script>
<noscript>
<link rel="StyleSheet" type="text/css" href="800.css" />
</noscript>
[...]
</head>

HTH

~

gnagflow 06.09.2002 20:38

danke käptn!

gnagflow 06.09.2002 22:36

@ käptn:

vielleicht nennen es manche pingelig, aber: ich habe 2 syntaxfehler im code entdeckt:

CODE:
<head>
[...]
<script language="JavaScript" type="text/javascript">
<!--
if (window.screen.width > 800)
{
document.writeln('<link rel="StyleSheet" type="text/css" href="1024.css" />');
}
else
{
document.writeln('<link rel="StyleSheet" type="text/css" href="800.css" />');
}
//-->
</script>
<noscript>
<link rel="StyleSheet" type="text/css" href="800.css" />
</noscript>
[...]
</head>

nicht boese sein!

käptn 07.09.2002 00:12

Na wenigstens hast du's getestet :lol: ;)

~


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:33 Uhr.

Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
© 2009 FSL Verlag