menue mit öffnen (sliden)

geos

Mitglied
von einem Top-Menü sollen die jeweiligen Untermenüpunkte
von links (außerhalb des Bildschirms) ein- bzw. ausgefahren
werden. Hierzu habe ich als Test Beispiel entsprechende
<div ... mit Id angelegt und
eine Funktion slideX und eine slideXBack erstellt sowie eine
Funktion changeMenue.

Die beiden slideFunktionen klappen einzeln gut, jedoch in Kombination mit der changefunktion slided aus aber nicht zurück.

Weder der IEX noch mozilla geben eine Fehlermeldung aus.

Als event habe ich onClick gewählt:

<div id="mainmenue01"><a href="#" onClick="javascript:changeMenue('menue01')">TOP 1</a></div>

Vielleicht kann mir jemand ein Tipp geben

Gruß Geos


function slideX(name,xstart,xziel)
{ layerName=name;
xpos=parseInt(xstart);
xwert=parseInt(xziel);
if (xpos < xwert) {
xpos += 5;
xpos=xpos+"px";
xwert=xwert+"px";
document.getElementById(layerName).style.left=xpos;
setTimeout("slideX(layerName,xpos,xwert)",30);
}
}


function slideXBack(name,xstart,xziel)
{ layerName=name;
xpos=parseInt(xstart);
xwert=parseInt(xziel);
if (xpos > xwert) {
xpos -= 5;
xpos=xpos+"px";
xwert=xwert+"px";
document.getElementById(layerName).style.left=xpos;
setTimeout("slideXBack(layerName,xpos,xwert)",30);
}
}

oldmenue="menue01";

function changeMenue(name)
{slideXBack(oldmenue,'0px','-150px');
slideX(name,'-150px','0px');
oldmenue=name;
}
 
Hab den Quelletxt nur überflogen, aber versuchs mal so:
PHP:
var oldmenue="menue01";
 
Ok, hab das Script zum laufen gebrach.

Hab es etwas umstrujturiert und den (teilweise) schlechten Stil verbessert.
 

Anhänge

  • menufade.txt
    1,1 KB · Aufrufe: 144
Vielen Dank für die Korrekturen,
bin erst beim Einstieg in JavaScript!

Versuche mal meine Fehler zu finden!

Gruß GeoS
 
Zurück