 Pulldown-Menü für Frameset - Kombination Farbe + Datei
Innerhalb eines Framesets soll durch eine Auswahl eines Menüpunktes
a) der Inhalt eines Frames ausgetauscht und
b) die Hintergrundfarbe der Navigationsdatei geändert werden.
Mit einem Pulldownmenü im Frame 'nav' möchte ich die Dateien im Frame 'rechts' tauschen. Gleichzeitig möchte ich die Hintergrundfarbe im Menü der Hintergrundfarbe der nun angezeigten Themenseite angleichen.
Die Menüdatei im Frame 'nav' wird nicht ausgetauscht, lediglich die Hintergrundfarbe wird jedesmal geändert.
Dateien:
- 1 Datei für den Titel im Frame 'oben'
- 1 Datei für die Navigation im Frame 'nav'
- mehrere Dateien für die Themenseiten im Frame 'rechts'
 So soll das aussehen 
Kombination von zwei Beispielen im Frameset
Ich kombiniere hier 2 meiner Beispiele und ändere über ein Pulldownmenü die Datei im Frame 'rechts' und gleichzeitig die Hintergrundfarbe der Datei im Frame 'nav'
1) Auf dieses Beispiel baue ich auf
Da bisher das Pulldownmenü im Frame 'nav' lediglich für den Austausch der Dateien im Frame 'rechts' verantwortlich war, wurden über 'option' nur die beiden Informationen für Framename und Dateiname übergeben:
<option value="'rechts','hamburg.htm'">Hamburg</option>
2) Erweitern des Beispiels
Da nun auch die Hintergrundfarbe der Menüdatei verändert werden soll, muss dieser 3. Wert ebenfalls übermittelt werden. Dazu werden in der Optionszeile des Pulldownmenüs nun 3 Werte übergeben:
- Framename
- Dateiname
- Hintergrundfarbe
<option value="'rechts','hamburg.htm','#85D487'">Hamburg grün</option>
Erklärung der Funktion
Ein JavaScript übernimmt die 3 Werte und nutzt die ersten beiden Informationen (Framename und Dateiname) für den Austausch der Datei und die dritte Information (Farbangabe) für die Farbänderung der Datei im Menüframe.
An das Script über gebener Wert mit den 3 Informationen:
value="'rechts','hamburg.htm','#85D487'"
function Kombi(FrameName,DateiName,Farbe)
{
eval("parent."+FrameName+".location='"+DateiName+"'"); // Dateiwechsel
document.bgColor=Farbe; // Farbwechsel
}
Falls das zu theoretisch klingt schauen sie sich das Beispiel an. Sie erinnern sich, Absicht war die Menüfarbe den wechselnden Seitenfabnen anzupassen, ohne die Navigationsdatei auszutauschen.
Kombi-Beispiel ansehen
Downloads
Dieses Beispiel mit sämtlichen Dateien können als ZIP-Datei herunterladen. Siehe Download-Link oben.
Ein etwas ausführlicheres Beispiel, wobei zur farblichen Anpassung nicht die Hintergrundfarbe der Menüdatei sondern die Menüdatei selbst ausgetauscht wird, steht ihnen als Vorlage einer Homepage mit Framesets im Menü Downloads zur Verfügung (HP-Vorlage Frames 03)
 Menü Downloads
|
HOME
DOWNLOAD 
ZURÜCK