Java Reference
In-Depth Information
</head>
<body>
<h1>Herzlich Willkommen bei RJS EDV-Know</h1>
<h2>Beratung, Schulung, Publikation</h2>
<h3>Dipl. Math. Ralph Steyer</h3>
<a href="mailto:ralph.steyer@rjs.de"> Schicken Sie mir eine E-Mail</a>
</body>
</html>
Sie erkennen, dass eine externe JavaScript-Datei eingebunden und in dem nachfolgenden
Skriptbereich eine Funktion aufgerufen wird. Diese wird die Referenzen auf Style-Sheet-
Dateien in die Webseite schreiben, denn in der Webseite ist keine hartkodierte Notation auf
eine CSS-Datei vorhanden. Hier ist die JavaScript-Datei
(kap7_7.js)
:
Listing 7.18■
Die JavaScript-Datei
function stil() {
if (new Date().getHours() < 12) {
document.write('<link rel="stylesheet" href="lib/css/kap7_7_1.css"
type="text/css">');
} else {
document.write('<link rel="stylesheet" href="lib/css/kap7_7_2.css"
type="text/css">');
}
}
Zuerst wird ein Datumsobjekt mit dem aktuellen Systemdatum des Besuchers erzeugt
und mit der Methode
getHours()
überprüt, ob es vor 12:00 Uhr ist (
if(new Date().
getHours() < 12)
). In Abhängigkeit davon wird die Style-Sheet-Datei eingebunden.
Das erfolgt einfach, indem mit
document.write()
das entsprechende HTML-Tag
(
<link rel="stylesheet" href=[Name der CSS-Datei]" type="text/css">
) in die Web-
seite geschrieben wird. Die nachfolgenden HTML-Tags sind so gewählt, dass Sie mit den
Formatierungen in den externen Style-Sheet-Dateien beeinlusst werden. Und die Regeln
der CSS-Datei wirken, da wir die Referenz direkt in den Header der Webseite schreiben.
Firebug zeigt sehr anschaulich, dass im Code, den der Browser verarbeitet, die CSS-Datei so
eingebaut ist, als ob sie hartkodiert hineingeschrieben wäre.
Bild 7.3■
Die dynamisch referenzierte CSS-Datei ist verfügbar.
Search WWH ::
Custom Search