Supportnet / Forum / Webseiten/HTML

Hallo, ich mal wieder. Ich bin gerade dabei mir eine richtig gute neue HP zu basteln. Dazu möchte ich gerne auf der linken Seite einen Frame haben, in dem sich eine Navigationsleiste für meine HP befindet. Der Frame bzw. eine "ganz einfache" Navigationsleiste ist ja gar kein Problem. Aber meine Vorstellung ist, daß diese Nav.-Leiste mit Buttons angelegt wird, welche in einer anderen Farbe aufleuchten, wenn man mit der Mouse darübergeht. Wie kann ich eine solche Nav.-Leiste anlegen? Muß ich erst alle Knöpfe manuell erstellen mit einem Button-Studio oder kann FrontPage das auch? Und wie oder wo stelle ich diesen mouse-over-effekt ein? Bei NOF ging das eigentlich von alleine.

weiß niemand etwas dazu?

meld dich mal - meine mail kommt immer zurück

mfg uwe

@jacobi21: werden die lösungen zu fragen jetzt gemailt, damit sie kein anderer lesen kann???? wäre nämlich möglich, dass die lösung auch andere interessiert, deswegen ist so ein sn eigentlich da. denk mal drüber nach, cu....

@ tschonn: hauptsache deine worte stehen von nun an in jedem thread, in dem irgendwo das wort mail erwähnt wird.
prinzipiell hast du nämlich schon recht, auch wenn du garnicht wissen kannst um was es in meiner mail so alles gehen könnt.... :-)

@ all: beispiel mit 2 menüpunkten und je 2 buttons pro menüpunkt
in den head:

<script language="JavaScript">
<!--
self.onerror = null;
var actPicture = "Empty";
<!-- Test,ob Netscape-Browser ab Version 3
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
var version="0";
if (document.images) version = "yes";
if (version == "yes")
{
menuPrev = ""

menu1on = new Image(180, 60);
menu1on.src = "img/Button_1b.gif";
menu1off = new Image(180, 60);
menu1off.src = "img/Button_1a.gif";

menu2on = new Image(84, 30);
menu2on.src = "img/Button_2b.gif";
menu2off = new Image(84, 30);
menu2off.src = "img/Button_2a.gif";



}

function img_act(imgName)
{
if ((document.images) && (imgName != actPicture))
{
imgOn = eval(imgName + "on.src");
document [imgName].src = imgOn;
}
}

function img_inact(imgName)
{
if ((document.images) && (imgName != actPicture))
{
imgOff = eval(imgName + "off.src");
document [imgName].src = imgOff;
}
}

//-->
</SCRIPT>
+++++++++++++

in die links:
(beispiellink)
<a href="ziel.html" onmouseover="img_act(menu1)" onmouseout="img_inact(menu1)" target="main"><img src="img/Button_1a.gif" width="180" height="60" border="0" alt="" name="menu1"></a>

++++++++++++++++++
anpassung:
im script:
menu1on = new Image(180, 60);
menu1on.src = "img/Button_1b.gif";
menu1off = new Image(180, 60);
menu1off.src = "img/Button_1a.gif";

die werte in den klammern (hier Zeile 1 und 3 = 180, 60)geben die größe des in der zeile 2 benannten bildes an,
die dateinamen in zeile 2 und 4 entsprechen denen, die im menüpunkt 1 gezeigt werden sollen, wobei die in zeile 2 angegebene datei bei onMouseOver gezeigt wird. die datei in zeile 4 entspricht der datei, die im link angeben ist.

das menü ist entsprechend den anforderungen der navigation beliebig erweiterbar. läuft in ns, ie opera-mehr nicht getestet

mfg uwe

@ tschonn: cu

ps: andere varianten gibts unter anderem auch hier:
http://www.jeej.de/ieindex.html
unter: javascript->navigation

uwe

• Transparente Navi-Leiste in Dreamweaver. Problem
• Navigationsleiste unten
• navigationsleiste - probleme
• Navigationsleiste nicht Zentral
• Masterseite