JS-Menü - FrameSet-Beispiele

Einige Beispiele zu FrameSets mit JS-Menü

(mit Dank an Franz Körner für die Anregungen zu dieser Seite)

Zur Benutzung:
In der Aufstellung unten ist links immer ein Bild mit der Anordnung der Frames, rechts daneben im oberen Teil die erste FrameSet-Definition (A) in der Datei index.htm (für Browser mit aktiviertem JavaScript), darunter die zweite Frameset-Definition (B) in der Datei index.htm (für Browser ohne JavaScript).
Im Bild wird immer der klappFrame mit angezeigt, er kann aber einfach durch Setzen des Parameters KlapFrame="0" ausgeschaltet werden. Beim FrameSet-Aufbau und im Bild wird für jeden Frame der Framename und in Klammern der entsprechende Dateiname angezeigt.
Durch Klick auf den Link unter dem Bild oder den Quelltext (nur IE) wird der Quelltext der beiden FrameSet-Definitionen angezeigt.
Durch Klick auf die jeweilige Überschrift wird das JS-Menü mit dem entsprechenden FrameSet geladen (nur online bzw. nach Download der Datei fs.zip).
Bei zusätzlichen Frames oben und unten wird immer als einheitliche Höhe 60 Pixel angenommen, dies kannst Du natürlich ändern.
Zur Benutzung eines Beispiel-FrameSets den entsprechenden Quelltext anzeigen (oder die unter dem Bild angegebene Datei in den Editor laden) und die beiden FrameSet-Definitionen in der Datei index.htm ersetzen. Oder Du lädst Dir die Datei fs.zip auf Deinen Rechner, in der alle hier angegebenen FrameSet-Varianten der index.htm als fsxx.htm enthalten sind.

FrameSet 1 (Standard)
Frameset-Aufbau:
links: menuFrame (leer.htm)
darunter: klappFrame (leer.htm)
rechts: seiteFrame (seite.htm)

menuFrame (leer.htm)	seiteFrame (seite.htm)
klappFrame (leer.htm)

siehe Datei fs1.txt

document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 onLoad="start()" onResize="neumalen()" COLS="'+Menubreite+',*">')
if(KlapFrame==1){document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 ROWS="*,60">')}
document.write('<FRAME NAME="menuFrame" SRC="nojsmenu.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto">')
if(KlapFrame==1){document.write('<FRAME NAME="klappFrame" SRC="leer.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="No">')}
if(KlapFrame==1){document.write('</FRAMESET>')}
document.write('<FRAME NAME="'+ZielFrame+'" SRC="'+(location.search?location.search.substring(1):Startseite)+'" MARGINWIDTH="8" MARGINHEIGHT="8" SCROLLING="Auto">')
document.write('</FRAMESET>')

FrameSet 2
Frameset-Aufbau:
oben: kopfFrame (kopf.htm)
links: menuFrame (leer.htm)
darunter: klappFrame (leer.htm)
rechts: seiteFrame (seite.htm)

kopfFrame (kopf.htm)
menuFrame (leer.htm)	seiteFrame (seite.htm)
klappFrame (leer.htm)

siehe Datei fs2.txt

document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 onLoad="start()" onResize="neumalen()" ROWS="60,*">')
document.write('<FRAME NAME="kopfFrame" SRC="kopf.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto">')
document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 COLS="'+Menubreite+',*">')
if(KlapFrame==1){document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 ROWS="*,60">')}
document.write('<FRAME NAME="menuFrame" SRC="nojsmenu.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto">')
if(KlapFrame==1){document.write('<FRAME NAME="klappFrame" SRC="leer.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="No">')}
if(KlapFrame==1){document.write('</FRAMESET>')}
document.write('<FRAME NAME="'+ZielFrame+'" SRC="'+(location.search?location.search.substring(1):Startseite)+'" MARGINWIDTH="8" MARGINHEIGHT="8" SCROLLING="Auto">')
document.write('</FRAMESET>')
document.write('</FRAMESET>')

FrameSet 3
Frameset-Aufbau:
links: menuFrame (leer.htm)
darunter: klappFrame (leer.htm)
rechts: kopfFrame (kopf.htm)
darunter: seiteFrame (seite.htm)

menuFrame (leer.htm)	kopfFrame (kopf.htm)
menuFrame (leer.htm)	seiteFrame (seite.htm)
klappFrame (leer.htm)	seiteFrame (seite.htm)

siehe Datei fs3.txt

document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 onLoad="start()" onResize="neumalen()" COLS="'+Menubreite+',*">')
if(KlapFrame==1){document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 ROWS="*,60">')}
document.write('<FRAME NAME="menuFrame" SRC="nojsmenu.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto">')
if(KlapFrame==1){document.write('<FRAME NAME="klappFrame" SRC="leer.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="No">')}
if(KlapFrame==1){document.write('</FRAMESET>')}
document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 ROWS="60,*">')
document.write('<FRAME NAME="kopfFrame" SRC="kopf.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto">')
document.write('<FRAME NAME="'+ZielFrame+'" SRC="'+(location.search?location.search.substring(1):Startseite)+'" MARGINWIDTH="8" MARGINHEIGHT="8" SCROLLING="Auto">')
document.write('</FRAMESET>')
document.write('</FRAMESET>')

FrameSet 4
Frameset-Aufbau:
links: kopfFrame (kopf.htm)
darunter: menuFrame (leer.htm)
darunter: klappFrame (leer.htm)
rechts: seiteFrame (seite.htm)

kopfFrame (kopf.htm)	seiteFrame (seite.htm)
menuFrame (leer.htm)
klappFrame (leer.htm)

siehe Datei fs4.txt

document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 onLoad="start()" onResize="neumalen()" COLS="'+Menubreite+',*">')
if(KlapFrame==1){document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 ROWS="60,*,60">')}
else{document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 ROWS="60,*">')}
document.write('<FRAME NAME="kopfFrame" SRC="kopf.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto">')
document.write('<FRAME NAME="menuFrame" SRC="leer.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto">')
if(KlapFrame==1){document.write('<FRAME NAME="klappFrame" SRC="leer.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="No">')}
document.write('</FRAMESET>')
document.write('<FRAME NAME="'+ZielFrame+'" SRC="'+(location.search?location.search.substring(1):Startseite)+'" MARGINWIDTH="8" MARGINHEIGHT="8" SCROLLING="Auto">')
document.write('</FRAMESET>')

FrameSet 5
Frameset-Aufbau:
links: menuFrame (leer.htm)
darunter: klappFrame (leer.htm)
rechts: seiteFrame (seite.htm)
unten: fussFrame (fuss.htm)

menuFrame (leer.htm)	seiteFrame (seite.htm)
klappFrame (leer.htm)
fussFrame (fuss.htm)

siehe Datei fs5.txt

document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 onLoad="start()" onResize="neumalen()" ROWS="*,60">')
document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 COLS="'+Menubreite+',*">')
if(KlapFrame==1){document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 ROWS="*,60">')}
document.write('<FRAME NAME="menuFrame" SRC="leer.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto">')
if(KlapFrame==1){document.write('<FRAME NAME="klappFrame" SRC="leer.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="No">')}
if(KlapFrame==1){document.write('</FRAMESET>')}
document.write('<FRAME NAME="'+ZielFrame+'" SRC="'+(location.search?location.search.substring(1):Startseite)+'" MARGINWIDTH="8" MARGINHEIGHT="8" SCROLLING="Auto">')
document.write('</FRAMESET>')
document.write('<FRAME NAME="fussFrame" SRC="fuss.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto">')
document.write('</FRAMESET>')

FrameSet 6
Frameset-Aufbau:
links: menuFrame (leer.htm)
darunter: klappFrame (leer.htm)
rechts: seiteFrame (seite.htm)
darunter: fussFrame (fuss.htm)

menuFrame (leer.htm)	seiteFrame (seite.htm)
klappFrame (leer.htm)	fussFrame (fuss.htm)

siehe Datei fs6.txt

document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 onLoad="start()" onResize="neumalen()" COLS="'+Menubreite+',*">')
if(KlapFrame==1){document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 ROWS="*,60">')}
document.write('<FRAME NAME="menuFrame" SRC="leer.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto">')
if(KlapFrame==1){document.write('<FRAME NAME="klappFrame" SRC="leer.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="No">')}
if(KlapFrame==1){document.write('</FRAMESET>')}
document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 ROWS="*,60">')
document.write('<FRAME NAME="'+ZielFrame+'" SRC="'+(location.search?location.search.substring(1):Startseite)+'" MARGINWIDTH="8" MARGINHEIGHT="8" SCROLLING="Auto">')
document.write('<FRAME NAME="fussFrame" SRC="fuss.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto">')
document.write('</FRAMESET>')
document.write('</FRAMESET>')

FrameSet 7
Frameset-Aufbau:
links: menuFrame (leer.htm)
darunter: klappFrame (leer.htm)
darunter: fussFrame (fuss.htm)
rechts: seiteFrame (seite.htm)

menuFrame (leer.htm)	seiteFrame (seite.htm)
klappFrame (leer.htm)
fussFrame (fuss.htm)

siehe Datei fs7.txt

document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 onLoad="start()" onResize="neumalen()" COLS="'+Menubreite+',*">')
if(KlapFrame==1){document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 ROWS="*,60,60">')}
else{document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 ROWS="*,60">')}
document.write('<FRAME NAME="menuFrame" SRC="leer.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto">')
if(KlapFrame==1){document.write('<FRAME NAME="klappFrame" SRC="leer.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="No">')}
document.write('<FRAME NAME="fussFrame" SRC="fuss.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto">')
document.write('</FRAMESET>')
document.write('<FRAME NAME="'+ZielFrame+'" SRC="'+(location.search?location.search.substring(1):Startseite)+'" MARGINWIDTH="8" MARGINHEIGHT="8" SCROLLING="Auto">')
document.write('</FRAMESET>')

FrameSet 8
Frameset-Aufbau:
oben: kopfFrame (kopf.htm)
mitte links: menuFrame (leer.htm)
darunter: klappFrame (leer.htm)
mitte rechts: seiteFrame (seite.htm)
unten: fussFrame (fuss.htm)

kopfFrame (kopf.htm)
menuFrame (leer.htm)	seiteFrame (seite.htm)
klappFrame (leer.htm)
fussFrame (fuss.htm)

siehe Datei fs8.txt

document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 onLoad="start()" onResize="neumalen()" ROWS="60,*,60">')
document.write('<FRAME NAME="kopfFrame" SRC="kopf.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto">')
document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 COLS="'+Menubreite+',*">')
if(KlapFrame==1){document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 ROWS="*,60">')}
document.write('<FRAME NAME="menuFrame" SRC="leer.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto">')
if(KlapFrame==1){document.write('<FRAME NAME="klappFrame" SRC="leer.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="No">')}
if(KlapFrame==1){document.write('</FRAMESET>')}
document.write('<FRAME NAME="'+ZielFrame+'" SRC="'+(location.search?location.search.substring(1):Startseite)+'" MARGINWIDTH="8" MARGINHEIGHT="8" SCROLLING="Auto">')
document.write('</FRAMESET>')
document.write('<FRAME NAME="fussFrame" SRC="fuss.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto">')
document.write('</FRAMESET>')

FrameSet 9
Frameset-Aufbau:
oben: kopfFrame (kopf.htm)
mitte links: menuFrame (leer.htm)
darunter: klappFrame (leer.htm)
mitte: randFrame (rand.htm)
mitte rechts: seiteFrame (seite.htm)
unten: fussFrame (fuss.htm)

kopfFrame (kopf.htm)
menuFrame (leer.htm)	ra nd Fra me (ra nd. ht m)	seiteFrame (seite.htm)
klappFrame (leer.htm)
fussFrame (fuss.htm)

siehe Datei fs9.txt

document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 onLoad="start()" onResize="neumalen()" ROWS="60,*,60">')
document.write('<FRAME NAME="kopfFrame" SRC="kopf.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto">')
document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 COLS="'+Menubreite+',60,*">')
if(KlapFrame==1){document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 ROWS="*,60">')}
document.write('<FRAME NAME="menuFrame" SRC="leer.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto">')
if(KlapFrame==1){document.write('<FRAME NAME="klappFrame" SRC="leer.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="No">')}
if(KlapFrame==1){document.write('</FRAMESET>')}
document.write('<FRAME NAME="randFrame" SRC="rand.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto">')
document.write('<FRAME NAME="'+ZielFrame+'" SRC="'+(location.search?location.search.substring(1):Startseite)+'" MARGINWIDTH="8" MARGINHEIGHT="8" SCROLLING="Auto">')
document.write('</FRAMESET>')
document.write('<FRAME NAME="fussFrame" SRC="fuss.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto">')
document.write('</FRAMESET>')

FrameSet 10
Frameset-Aufbau:
links: menuFrame (leer.htm)
darunter: klappFrame (leer.htm)
mitte: randFrame (rand.htm)
rechts: seiteFrame (seite.htm)

menuFrame (leer.htm)	ra nd Fra me (ra nd. ht m)	seiteFrame (seite.htm)
klappFrame (leer.htm)

siehe Datei fs10.txt

document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 onLoad="start()" onResize="neumalen()" COLS="'+Menubreite+',60,*">')
if(KlapFrame==1){document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 ROWS="*,60">')}
document.write('<FRAME NAME="menuFrame" SRC="leer.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto">')
if(KlapFrame==1){document.write('<FRAME NAME="klappFrame" SRC="leer.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="No">')}
if(KlapFrame==1){document.write('</FRAMESET>')}
document.write('<FRAME NAME="randFrame" SRC="rand.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto">')
document.write('<FRAME NAME="'+ZielFrame+'" SRC="'+(location.search?location.search.substring(1):Startseite)+'" MARGINWIDTH="8" MARGINHEIGHT="8" SCROLLING="Auto">')
document.write('</FRAMESET>')

FrameSet 11
Frameset-Aufbau:
oben: kopfFrame (kopf.htm)
mitte links: seiteFrame (seite.htm)
mitte rechts: menuFrame (leer.htm)
darunter: klappFrame (leer.htm))
unten: fussFrame (fuss.htm)

kopfFrame (kopf.htm)
seiteFrame (seite.htm)	menuFrame (leer.htm)
	klappFrame (leer.htm)
fussFrame (fuss.htm)

siehe Datei fs11.txt

document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 onLoad="start()" onResize="neumalen()" ROWS="60,*,60">')
document.write('<FRAME NAME="kopfFrame" SRC="kopf.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto">')
document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 COLS="*,'+Menubreite+'">')
document.write('<FRAME NAME="'+ZielFrame+'" SRC="'+(location.search?location.search.substring(1):Startseite)+'" MARGINWIDTH="8" MARGINHEIGHT="8" SCROLLING="Auto">')
if(KlapFrame==1){document.write('<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0 ROWS="*,60">')}
document.write('<FRAME NAME="menuFrame" SRC="leer.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto">')
if(KlapFrame==1){document.write('<FRAME NAME="klappFrame" SRC="leer.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="No">')}
if(KlapFrame==1){document.write('</FRAMESET>')}
document.write('</FRAMESET>')
document.write('<FRAME NAME="fussFrame" SRC="fuss.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="Auto">')
document.write('</FRAMESET>')