anett
Threadersteller
Dabei seit: 06.12.2004
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Mo 07.02.2005 17:26
Titel [javascript]menue darstellungsproblem |
|
|
ich möchte gern ein menue mit "einigen" untermenues erstellen.
also, quelltext gefunden -> umgeschrieben -> funktioniert! *freu*
4 untermenues eingebaut -> funktioniert -> ABER darstellungsfehler.
das problem ist das daß untermenue 1.3 beim ersten mal, wenn man mit der mouse drüber fährt ganz normal ausgeblendet wird.
geht man aber ein zweites mal die menuestruktur entlang und klingt dann in den conten, bleibt der punkt 1.3 stehen und wird nicht mehr ausgeblendet.
könnt ihr mir BITTE helfen???????!!!!!
der html-code:
Code: |
<div id="portal" class="menu">
<table>
<tr>
<td>
<a href="\index.php">
<b>Portal</b>
</a>
</td>
</tr>
</table>
</div>
<div id="home" class="menu">
<table>
<tr>
<td>
<a href="#">
<b>Home</b>
</a>
</td>
</tr>
</table>
</div>
<div id="m2" class="menu">
<table>
<tr>
<td>
<a href="javascript:do_menu('m2x')" onmouseover="do_check('m2x')" onclick="test(this);">
<b>haupt</b>
</a>
</td>
</tr>
</table>
</div>
<div id="m2x" class="submenu">
<table>
<tr>
<td>
<a href="home.shtml" onmouseover="do_submenu()">unter 1</a><br>
<a href="home.shtml" onmouseover="do_submenu()">unter 1</a><br>
<a href="home.shtml" onmouseover="do_submenu()">unter 1</a><br>
<a href="#" onmouseover="do_submenu('m21x')">unter 1</a>
</td>
</tr>
</table>
</div>
<div id="m21x" class="subsubmenu">
<table>
<tr>
<td>
<a href="home.shtml" onmouseover="do_subsubmenu()">unter 1.2</a><br>
<a href="home.shtml" onmouseover="do_subsubmenu()">unter 1.2</a><br>
<a href="home.shtml" onmouseover="do_subsubmenu()">unter 1.2</a><br>
<a href="#" onmouseover="do_subsubmenu('m22x')">unter 1.2</a><br>
<a href="home.shtml" onmouseover="do_subsubmenu()">unter 1.2</a>
</td>
</tr>
</table>
</div>
<div id="m22x" class="subsubsubmenu">
<table>
<tr>
<td>
<a href="#" onmouseover="do_subsubsubmenu('m23x')">unter 1.3</a><br>
</td>
</tr>
</table>
</div>
<div id="m23x" class="subsubsubsubmenu">
<table>
<tr>
<td>
<a href="#" onmouseover="do_subsubsubsubmenu('')">
unter 1.4
</a><br>
<a href="#" onmouseover="do_subsubsubsubmenu('')">
unter 1.4 </a><br>
<a href="#" onmouseover="do_subsubsubsubmenu('')">
unter 1.4 </a><br>
</td>
</tr>
</table>
</div> |
der java script code:
[quote
function test(x) {
if (navigator.appName == 'Microsoft Internet Explorer')
x.blur();
}
function show_layer(x)
{
if(document.layers)
document.layers[x].visibility="show";
else
document.all[x].style.visibility="visible";
}
function hide_layer(x)
{
if(document.layers)
document.layers[x].visibility="hide";
else
document.all[x].style.visibility="hidden";
}
var old;
var memold;
var subold;
var subsubold;
var subsubsubold;
var subsubsubsubold;
if(document.layers)
{
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=do_out;
}
else
{
document.onmouseup=do_out;
}
function do_menu(x)
{
if(!old)
old=memold;
if(old!=x)
{
show_layer(x);
old=x;
} else
old="";
}
function do_check(x)
{
if(old && old!=x)
{
hide_layer(old);
show_layer(x);
old=x;
}
do_submenu();
do_subsubmenu();
do_subsubsubmenu();
do_subsubsubsubmenu();
}
function do_out()
{
if(old)
hide_layer(old);
memold=old; old="";
do_submenu();
do_subsubmenu();
do_subsubsubmenu();
do_subsubsubsubmenu();
}
function do_submenu(x)
{
if(subold)
{
hide_layer(subold);
subold="";
}
if(x)
{
show_layer(x);
subold=x;
}
}
function do_subsubmenu(x)
{
if(subsubold)
{
hide_layer(subsubold);
subsubold="";
}
if(x)
{
show_layer(x);
subsubold=x;
}
}
function do_subsubsubmenu(x)
{
if(subsubsubold)
{
hide_layer(subsubsubold);
subsubold="";
}
if(x)
{
show_layer(x);
subsubsubold=x;
}
}
function do_subsubsubsubmenu(x)
{
if(subsubsubsubold)
{
hide_layer(subsubsubsubold);
subsubsubold="";
}
if(x)
{
show_layer(x);
subsubsubsubold=x;
}
}
function lade(seite) {
parent.pageFrame.location.href = seite;
}
// -->[/quote]
|
|