Java Script: Alternative Programmierung

[Klaus27]

hallo!

ich habe eine frage, auf die ich bisher keine antwort gefunden habe: derzeit habe ich zwei homepages, die beide zumindest teilweise auf java sript basieren. das problem: hat ein user (aus verständlichen sicherheitsaspekten) java script deaktiviert, so kann er die menüleiste nicht sehen, die komplett durch java definiert ist.
kann man für solche fälle (derart wie no java script etc.) eine alternative routine mit html definieren, damit die seiten auch ohne java scipt laufen?

das ist übrigens eine der seiten: http://www.ikud.de

über tips wäre ich wirklich sehr dankbar

 

[Gumbo]

Du solltest die Navigationselemente zuerst in HTML auszeichnen und anschließend mit dem gewünschten Verhalten versetzen. Üblicherweise werden Navigationsmenüs in Litenform (ul-Elemente) deklariert. In deinem Fall wäre sogar eine nicht-JavaScript Variante durch CSS möglich.

 

[Klaus27]

danke für die schnelle antwort. aber das verstehe ich jetzt nicht ganz. also ich habe zwei elemente, die durch java script definiert sind: einmal das menü (<script language="JavaScript" src="menu.js"></script>) und einmal einen header (<script language="JavaScript" src="header.js"></script>)
der header ist nicht so wichtig, hauptsache die menüleiste ist vorhanden. also soll ich jetzt einfach eine menüleiste in html programmieren und dann (falls vorhanden) die java-scipt varianate einbauen? wenn ja, wo finde ich dafür eine anleitun (self-html o.ä.)?

 

[Gumbo]

Mein Vorschlag:

<ul id="nav">
	<li><a href="index.html">Home</a></li>
	<li><a href="orientierung.htm">Orientierung</a></li>
	<li><a href="kooperation.htm">Kooperation</a></li>
	<li><a href="publikationen.htm">Publikationen</a></li>
	<li><a href="termine.htm">Termine</a></li>
	<li><a href="kontakt.htm">Kontakt</a></li>
	<li><a href="links.htm">Links</a></li>
</ul>

#nav {
	list-style:		none;
}
#nav li {
	float:			left;
	border-right:		1px solid #fff;
}
#nav li:first-child {
	border-left:		1px solid #fff;
}
#nav li a:link,
#nav li a:visited {
	display:		block;
	padding:		0 .5em;
	color:			#fff;
	background:		#00f url(http://www.ikud.de/picts/button.gif) repeat-x;
}
#nav li a:hover {
	color:			#00f;
	background:		#eee url(http://www.ikud.de/picts/buttonon.gif) repeat-x;
}

 

[Klaus27]

WOW! das ist ja perfekt, versuche ich später gleich einzubauen (muss jezt erst mal kurz weg). kommt der zweite teil in den header oder in den body? bin mit java-script nich 100%ig gut vertraut und hatte vorher auf vorlagen und hilfe zurückgegriffen...

auf jeden fall schon einmal vielen, vielen dank!

 

[Gumbo]

Mein Vorschlag kommt ganz ohne JavaScript aus.

Zu deiner Frage: Das CSS wird am besten über eine externe Quelle in das Dokument eingebunden. (Vgl. SELFHTML: Stylesheets / CSS-Formate definieren / Stylesheets in HTML einbinden / Formate zentral in separater CSS-Datei definieren)