PHP gesteuerte StyleSheet-Notierung
Was aber auch mit JavaScript funktioniert
Nach wie vor besteht das Problem der fenstergrößen abhängigen Positionierung von Elementen. Das bleibt JavaScript vorbehalten.
Viele Seiten, die ich hier anbiete, basieren auf StyleSheet-Anweisungen im PHP-Code. Nun, dass dies auch mittels JavaScript möglich ist, will ich nur erwähnen. Die Schreibweise unterscheidet sich im Ausgabe-Aufruf. Dies mit bedingungsabhängigen Abfragen zu formulieren, ergibt dann auch den Sinn.
Bedingungen habe ich für die Seite allerdings nicht definiert!
<?php
if ( wenn == jawenn ){
echo "<style type='text/css'>
.php { color: #d20; font-weight: bold; }
</style>";
}
?>
<script>
if ( wenn == jawenn ){
var elem = "<style type='text/css'>" ;
elem += ".js { color: #0a0; font-weight: bold; }" ;
elem += "</style>";
document.write( elem );
}
</script>
Dass ich hier nur zwei Worte einfärbe, liegt einfach daran, dass wie erwähnt keine Bedingungen gelten. In der jeweilige ScriptSprache wird für die passenden Begriffe eine Farbe definiert. Die Worte befinden sich einem <span>-Element mit den entsprechen Klassenzuweisungen.
Innerhalb der „alternativen Navigation“ werden solche Bedingungen angewendet. Es gibt die sogenannte „nullte“ Seite für jeden Hauptordner und je nach ausgewähltem Unterordner werden Hintergründe für die inhaltstragenden <article>-Container oder auch im <header>-Container Veränderungen vorgenommen. Im Thema CSS spiele ich das mal richtig aus und gebe auch gleich die passende CSS-Definition an, wie sie für die Bedingungen dieser Seite gelten sollen.
Vielleicht noch eins: Nach diesem Text werden die im Code abgebildeten Notationen erst definiert. Somit werden auch eventuell bereits vorhandene Eigenschaften modifiziert. Um das noch einmal ganz klar auszudrücken: Aus den inhaltstragenden Seiten, also alles was sich in <article>, <section>, <div> oder <aside> befindet, können alle anderen Elemente wiederum beeinflusst werden, egal in welch logischer Reihenfolge sie notiert sind.