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;
}
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;
}