JS-Menü Historie

JS-Menü Historie
Programm und Dokumentation von Ansgar Federhen / Rhein@Net
aktuelle Programmversion: 1.4.1 deutsch vom 22. Februar 2000
JS-Menü im Internet: http://www.Rheinbreitbach.net/js-menue/ (Englisches Original OmenTree von Colin Tucker / Omensoft)
JS-Menü-Forum: http://www.Rheinbreitbach.net/js-forum/
E-Mail an den Autor: JS-Menue@Rheinbreitbach.net

Was sich seit der Version 1.0 geändert hat:

neu in Version 1.4.1 (Februar 2000):

Geänderte Anzeige der Statuszeile beim Link-Eintrag:
Bei den Link-Einträgen wird in der Statuszeile der beim Parameter <STATUSTEXT> eingetragene Wert angezeigt; falls dieser Wert leer ist, wurde bisher die URL zum Link angezeigt.
Gerade bei sehr umfangreichen Menüs wie z.B. bei Online-Shops blähen die Statustexte den Code auf, andererseits gibt es dort oft kryptische URLs durch CGI- oder JavaScript-Aufrufe, so dass man den Wert nicht leer lassen sollte.
Ab sofort kannst Du mit dem Parameter StatURL bei den Menü-Layout-Angaben steuern, ob bei einem leeren Parameter <STATUSTEXT> der bei dem Parameter <URL> oder bei dem Parameter <TEXT> eingetragene Wert in der Statuszeile angezeigt wird. Dadurch erübrigt sich oft ein Eintrag bei <STATUSTEXT>, was sich vor allem in einer kleineren JS-Menü-Datei und dadurch verkürzter Ladezeit bemerkbar macht.

Anzeige des Änderungsdatums einer Datei:
Einige JS-Menü-Benutzer verwenden das auf meiner Website benutzte Script zum Anzeigen des Änderungsdatums einer Datei (siehe auch am Ende dieser Seite). Ich habe dieses Script in die index.htm aufgenommen, so dass es jetzt auf jeder Seite aufgerufen werden kann (siehe unter Tips & Tricks).

Name/Titel Deiner Site:
Der Name/Titel Deiner Site ist jetzt in der Menü-Layout-Angabe Titel anzugeben. Der <Title>-Tag wird dann mit JavaScript automatisch erstellt.

Standard-Statuszeilen-Text:
Bisher wurde (zur Codereduzierung) beim Verlassen eines Links mit der Maus (OnMouseOut) nicht wieder der Standard-Statuszeilen-Text (Menü-Layout-Angabe StatZeile) angezeigt; dies wurde jetzt geändert. Falls der Standard-Statuszeilen-Text gleich dem Namen/Titel Deiner Site (Menü-Layout-Angabe Titel) ist, kannst Du die Menü-Layout-Angabe StatZeile leer lassen.

Unterstützung von Cascading Style Sheets:
JS-Menü unterstützt jetzt Cascading Style Sheets (CSS) in einer externen Style-Sheet-Datei (siehe Datei beispiel.css). Wenn für das JS-Menü (menuFrame und klappFrame) eine CSS-Datei berücksichtigt werden soll, gib den Namen (und ggf. Pfad) der Datei bei der Menü-Layout-Angabe CSS an. Du solltest aber trotzdem bei den Menü-Layout-Angaben die Werte für Schrift und Farbe ausfüllen, da ältere Browser kein CSS kennen. Ein Beispiel-CSS-Datei ist als beispiel.css beigefügt.

Anpassung der Ladereihenfolge, Codeoptimierung:
Einige Benutzer der Version 1.4 haben sich (zu Recht) über die umständliche und lange Ladeprozedur von JS-Menü in der Version 1.4 beschwert. Jetzt gibt es nur noch eine Startdatei mit allen Informationen auch für Browser, die kein JavaScript und/oder Frames unterstützen. Die Datei jsindex.htm (bzw. nojsindx.htm in früheren Versionen) fällt dadurch weg, was ebenfalls zu einer kürzeren Ladezeit beitragen sollte.
Daneben habe ich den JavaScript-Code weiter optimiert, was zwar zu einer schlechteren Lesbarkeit des Codes, aber ebenfalls zur Verkleinerung der Datei index.htm und damit zum schnelleren Laden beiträgt.

Anpassung für Tripod-Homepages:
Tripod ist wegen seines kostenlosen Webspeicherplatzes beliebt; als Gegenleistung werden von Tripod Werbebanner in extra Fenstern eingeblendet. Damit diese Einblendungen auch angezeigt werden, fügt Tripod beim Hochladen der Seiten nach dem HTML-Tag <HEAD> ein JavaScript ein. Bei JS-Menü wurde dieses JavaScript bisher mehrfach eingefügt, da auch im Script selbst der Tag <HEAD> mehrfach vorkam. Dies wurde jetzt angepasst; das JS-Menü sollte also auch auf Tripod richtig laufen.

Erweiterte Erläuterungen und Beispiele für andere FrameSets:
Die Änderung des Standard-FrameSets z.B. durch Hinzufügen weiterer Frames oder andere Anordnung der Frames hat schon oft zu Fragen im Forum geführt. Ich habe deshalb (auf Anregung von Franz Körner) eine gesonderte Datei fs.htm mit verschiedenen Beispielen und den entsprechenden FrameSet-Definition erstellt. Die Datei index.htm liegt ebenfalls in verschiedenen Versionen mit den entsprechenden FrameSet-Definitionen zum Download als fs.zip vor.

Download: Version 1.4.1 (Februar 2000) als ZIP-Datei (90 KB)

neu in Version 1.4 (Dezember 1999):

neue Funktionen
Beim Öffnen eines Verzeichnisses schließen sich andere geöffnete Verzeichnisse:
Du kannst jetzt mit zwei Variablen unter 'Menü-Layout-Angaben' steuern, ob sich bereits geöffnete Verzeichnisse schließen, wenn ein anderes Verzeichnis geöffnet wird, und zwar in zwei Variationen:
- Beim Öffnen eines Verzeichnisses werden alle anderen Verzeichnisse geschlossen, oder
- Nur beim Öffnen eines Verzeichnisses in der Hierarchie direkt unter dem Hauptverzeichnis werden alle anderen Verzeichnisse geschlossen.
Diese Funktion macht besonders Sinn bei sehr langen Menüs, damit der Besucher nicht immer neu nach unten scrollen muss (Diese Funktion ist abschaltbar; siehe Menü-Layout-Angaben unter 'Schliessen').
Anzeige von einzelnen Seiten immer nur mit dem JS-Menü:
Erfolgt der Einstieg in die WebSite nicht über das Menü, kann durch einen Eintrag in der Datei das Menü nachgeladen werden. Oft sind mehrere Seiten einer Internetpräsentation in Suchmaschinen gelistet. Wird dann eine Seite aus einer Suchmaschine heraus aufgerufen, wurde bisher nur diese Seite angezeigt, das JS-Menü jedoch nicht. Jetzt kann durch ein kleines JavaScript in jeder Datei erreicht werden, dass beim Aufruf der Datei das JS-Menü geladen wird und die angeforderte Seite im seiteFrame angezeigt wird.
Anzeige des klappFrames:
Manche Benutzer wollen auf den klappFrame verzichten und mussten dazu bisher die FrameSet-Definition und das Script ändern. Jetzt reicht ein Eintrag beim Parameter 'KlapFrame' bei den Menü-Layout-Angaben.
Schriftstil:
Der Schriftstil kann jetzt in vier verschiedenen Arten angegeben werden: normal, fett, kursiv, fett kursiv.
Satuszeilen-Text:
Der in der Statuszeile des Browsers angezeigte Text kann jetzt besser angepasst werden. Der Standard-Text braucht nicht mehr im Script geändert werden, er wird über den Parameter StatZeile gesteuert.

Änderungen bei den Parametern zu den einzelnen Einträgen
Parameter gelöscht bei Hauptverzeichnis-Eintrag:
Die Parameter <ZIEL> und <URL> des Hauptverzeichniseintrages wurden gelöscht. Als URL wird jetzt die bei Menü-Layout-Angaben unter Startseite angegebene Datei berücksichtigt, als Ziel wird der bei Menü-Layout-Angaben unter ZielFrame angegebene Frame verwendet.
Neuer Parameter bei Verzeichnis-Eintrag:
Der Verzeichnis-Eintrag hat einen neuen Parameter bekommen: <STATUSTEXT>. Dadurch ist es möglich, den in der Statuszeile angezeigten Text individuell für jeden Verzeichniseintrag anzugeben. (Für Benutzer vorheriger Versionen: Die Reihenfolge der Parameter wurde geändert!)

Bugfix:
Bei Angabe eines Hintergrundbildes zum Menü wurde dieses nicht für den klappFrame verwendet. Durch die neuen Menü-Layout-Angaben ist hier eine differenzierte Angabe möglich.>

Goodies:
Im Unterverzeichnis /moreicon/ gibt es zusätzlich rund 250 Icons zur Anpassung des JS-Menüs (z.T. lange Dateinamen!).

Menü-Layout-Angaben (bisher Benutzerdefinierte Variablen)
Die Benutzerdefinierten Variablen heißen jetzt Menü-Layout-Angaben.
Damit Du das Aussehen von JS-Menü besser an Deine Vorstellungen anpassen kannst, habe ich einige Menü-Layout-Angaben hinzugefügt:
(Die einzelnen Bezeichnungen wurden teilweise geändert, neue wurden hinzugefügt)

neu	alt	Bedeutung
Layout	-	Layout des Menüs (noch nicht verwendet)
hgStil	hintergrundStil	dunkler (=1) oder heller (=0) Hintergrund des Menüs
hgFarbe	hintergrundFarbe	Hintergrundfarbe des Menüs
hgBild	hintergrundBild	Hintergrundbild des Menüs
KhgFarbe	-	Hintergrundfarbe des Klappframes
KhgBild	-	Hintergrundbild des Klappframes
TextFarbe	textFarbe	Farbe von Text ohne hinterlegte Links (prefixHTML und suffixHTML)
LinkFarbe	linkFarbe	Farbe von Text mit hinterlegten Links (Menü)
aLinkFarbe	aLinkFarbe	Farbe von Text des aktiven Links (Menü)
bLinkFarbe	bLinkFarbe	Farbe von Text von bereits besuchten Links (Menü)
Menubreite	-	Breite des menuFrames in Pixeln
ZielFrame	standardZielFrame	Frame, in dem standardmäßig Seiten angezeigt werden (Frame-Name, nicht Datei-Name!)
BildURL	standardBildURL	Verzeichnis, in dem sich die Icons für das JS-Menü befinden
LinkBild	standardLinkBild	Name des Standard-Icons für Links
Schrift	MenuSchrift	Schriftart(en) für das Menü
SchriftGr	MenuSchriftGroesse	Schriftgröße für das Menü, klein (=1) oder groß (=2)
SchriftSt	MenuFett	Schriftstil: normal (=0), fett (=1), kursiv (=2), fett kursiv (=3)
Schliessen	-	Gibt an, ob beim Öffnen eines Verzeichnisses andere Verzeichnisse geschlossen werden
AllesZu	-	Gibt an, ob beim Öffnen eines Verzeichnisses auch andere Unterverzeichnisse geschlossen werden
KlapFrame	-	Gibt an, ob der klappFrame angezeigt werden soll (=1) oder nicht (=0)
VerzAuf	-	Standard-Mouseover- und Statuszeilentext bei geschlossenen Verzeichnissen
VerzZu	-	Standard-Mouseover- und Statuszeilentext bei geöffneten Verzeichnissen
VerzZuLink	-	Verzeichnis-Link wird auch beim Schließen des Verzeichnisses geöffnet (1=ja, 0=nein)
KlappAuf	-	Angezeigter Text, Mouseover- und Statuszeilentext im klappFrame
KlappZu	-	Angezeigter Text, Mouseover- und Statuszeilentext im klappFrame
Startseite	-	Dateiname (und Pfad) der Startseite
StatZeile	-	Standard-Statuszeilentext
prefixHTML	prefixHTML	"Kopfzeile" des Menüs
suffixHTML	suffixHTML	"Fußzeile" des Menüs

Download: Version 1.4 (Dezember 1999) als ZIP-Datei (151 KB)

neu in Version 1.3 (Mai 1999):

neue Funktionen
Anzeige einer neuen Seite auch beim Klick auf einen geschlossenen Verzeichnis-Eintrag:
Bei den Verzeichnis-Einträgen ist ein Parameter hinzugekommen: <URL>.
Die zu diesem Parameter eingetragene Datei wird angezeigt, wenn auf den geschlossenen Verzeichniseintrag geklickt wird; es öffnet sich dann im Menü das entsprechende Verzeichnis und im seiteFrame wird die angegebene Datei angezeigt. Ist der Parameter leer, bleibt der bisher im seiteFrame angezeigte Inhalt bestehen; wird auf den geöffneten Verzeichniseintrag (zum Schließen) geklickt, bleibt der Inhalt in seiteFrame ebenfalls erhalten. Siehe Verzeichnis-Einträge.
Verteilung des Textes von Link-Einträgen auf zwei Zeilen:
Manchmal ist der für einen Link-Eintrag anzuzeigende Text so lang, dass er die Breite des Menü-Frames übersteigt und dadurch lästige Bildlaufleisten angezeigt werden. Jetzt besteht die Möglichkeit, den Text von Link-Einträgen auf zwei Zeilen zu verteilen. (Dank an Axel Kostulski für den Tip). Siehe Link-Einträge.
Fettschrift im Menü
Bei den Benutzerdefinierten Variablen ist die Variable <MenuFett> hinzugekommen, mit der man den Text in menuFrame und klappFrame fett formatieren kann. Siehe Benutzerdefinierten Variablen.
Anpassungen für 'Weiterleitungs-Domains' und Free-Webspace-Anbieter
Zur Zeit werden de-Domains ohne eigenen Speicherplatz verramscht (z.B. Puretec, Strato). Diese Domains 'zeigen' auf ein bestehendes Unterverzeichnis eines anderen Providers, die Weiterleitung erfolgt durch ein automatisch erstelltes Frameset.
Daneben gibt es verschiedene Anbieter von kostenlosem Web-Speicherplatz. Die Refinanzierung erfolgt durch Werbeeinblendungen, die ebenfalls in einem automatisch erstellten Frameset angezeigt werden.
Auch spezielle Umleitungsdomains sind derzeit populär wie z.B. http://come.to/irgendwas oder http://surf.to/sonstwas; auch hier erfolgt die Umleitung mittels eines Framesets.
Mit diesen Framesets hatte JS-Menü Probleme, weil es bei der Referenzierung der einzelnen Frames davon ausging, dass das von JS-Menü erstellte Frameset das einzige war. Die Probleme treten hoffentlich mit dieser Version nicht mehr auf.

Download: Version 1.3 (Mai 1999) als ZIP-Datei (113 KB)

neu in Version 1.2 (März 1999):

neue Funktionen
Statuszeilen-Text und 'MouseOver'-Text:
Sowohl beim Hauptverzeichnis-Eintrag als auch bei den Link-Einträgen ist ein Parameter hinzugekommen: <STATUSTEXT>.
Der zu diesem Parameter eingetragene Text wird einerseits in der Statuszeile (anstatt des Links) angezeigt, wenn man mit der Maus über diesen Link-Eintrag fährt, und zusätzlich als Popup-Text angezeigt, wenn man mit der Maus über das Icon des Link-Eintrags fährt.
Dieser Wert ist optional (kann also leer bleiben). Wer von Version 1.1 updaten will, muss beim Hauptverzeichniseintrag und bei jedem Link-Eintrag noch ,' ' hinzufügen oder halt den entsprechenden Statustext.
Hover-Effekt:
Dieser Effekt bewirkt, dass der gerade mit der Maus überfahrene Link seine Farbe ändert (dies wird jedoch nur vom Internet Explorer ab Version 4.x interpretiert!)
Goodies:
Newsletter:
Jeder, der eine E-Mail an JS-News-Abo@Rheinbreitbach.net mit dem Betreff 'ABOSTART' schickt, erhält automatisch Infos über neue Versionen und Tips und Tricks (Abmelden mit Betreff 'ABOSTOP').
JS-Menü-Forum:
In diesem Forum kannst Du über JS-Menü herziehen, Fragen stellen und auf Antwort hoffen oder selbst Anregungen geben. Auch die Adresse Deiner Website, wo Du JS-Menü benutzt, kannst Du hier bekanntmachen. Werbe- und andere Einträge, die nichts mit JS-Menü zu tun haben, werden gelöscht.
JS-Menü-Sites:
Wenn Du Anregungen für die Gestaltung Deines Webbereichs mit JS-Menü suchst, schau Dir die Liste der JS-Menü-Sites an (Urheberrechte beachten!).
Bugfixes:
- Bei Netscape-Browsern wurde bei einer Größenänderung des Fensters das Menü nicht mehr dargestellt. Die neue Funktion neumalen() sollte dies beheben.
- Der Internet-Explorer zeigte einen unvollständigen Ladevorgang (in der Statuszeile) an, auch der Nescape Navigator zeigte unter 'Seiteninformation' an, dass die Seite nicht komplett geladen war. Ursache war eine nicht richtig beendete Javascript-Funktion [maleKlappFrame()].
- Der Version-1.1-Code war nicht ganz W3-konform. Ich habe z.B. einige Apostrophs (') in 'maskierte' Anführungszeichen (\") abgeändert.
- Alle Dateinamen wurden auf 8.3-Format gekürzt, damit eine Bearbeitung auch unter DOS und Windows 3.x möglich ist bzw. JS-Menü auch auf Servern läuft, die keine langen Dateinamen unterstützen.

Download: Version 1.2 (März 1999) als ZIP-Datei (106 KB)

neu in Version 1.1 (Oktober 1998):

Sprache:
Ich habe nicht nur die Dokumentation vom Englischen ins Deutsche übersetzt, sondern auch die Namen von Funktionen etc. sowie die Kommentare in der Datei index.htm angepasst.
Links:
In der englischen Version werden nur die Grafiken im Menü mit Links hinterlegt, in der deutschen werden auch die bei den Menü-Einträgen angegebenen Werte für die Attribute <TEXT> mit dem Link hinterlegt, allerdings explorer-like ohne Unterstreichung, was jedoch nur in neueren Browsern klappt (Wer die Verlinkung des Textes nicht haben will, muß im Bereich der Funktion maleVerz die HTML-Tags </A> nach vorne vor die Zeichenfolge '&nbsp' setzen; wer die verlinkten Texte lieber unterstrichen haben möchte, löscht die Zeichenfolge STYLE='TEXT-DECORATION: NONE')
Funktionen:
Ich habe noch die Funktion allesaufzu() hinzugefügt. Mit dieser Funktion werden alle Verzeichnisse gleichzeitig geöffnet bzw. geschlossen. Der Aufruf der Funktion erfolgt in einem zusätzlichen kleinen Frame namens klappFrame unterhalb des Menü-Frames, der von der Funktion maleKlappFrame() erstellt wird.

Download: Version 1.1 (Oktober 1998) als ZIP-Datei (92 KB)

Download: Version 1.0 englisch (Januar 1998) als ZIP-Datei (29 KB)

So, das ist die Geschichte von JS-Menü.

Ich hoffe, JS-Menü gefällt Dir und wird Deine Web-Site aufwerten! Gutes Gelingen wünscht Dir

Ansgar Federhen