Tweet
hi
ich versuche mir grad ein menu mit unterverzeichnissen zu basteln...das klappt soweit auch schon ganz gut.
ich hab allerdings noch 2 probleme die ich bisher nicht in den griff bekommen konnte:
1. wenn 1 layer bereits visible ist, moechte ich dass er SOFORT verschwindet, sobald ich einen 2. oeffne. (hab das mit hide(id) versucht...klappt aber irgendwie nicht...)
und
2. wenn der mauszeiger von einem link auf einen link im layer und wieder zurueck bewegt wird, wird die funktion do_out_break ignoriert...
kann mir jmd. von euch weiterhelfen?
<head>
<style type="text/css">
#container1 {position:absolute; top:10; left:100;width:200px; height:130px; background-color:#3399ff;
visibility:hidden }
#container2 {position:absolute; top:150; left:100;width:200px; height:130px; background-color:#ccccff;
visibility:hidden }
</style>
<script language="JavaScript">
ie=(document.all)?1:0
ns=(document.layers)?1:0
v4=(ie||ns)
function show(id) {
if (ns) {document.layers[id].visibility = "show";return}
if (ie) {document.all[id].style.visibility = "visible";return}
document.getElementById(id).style.visibility="visible"}
function hide(id) {
if (ns) {document.layers[id].visibility = "hide";return}
if (ie) {document.all[id].style.visibility = "hidden";return}
document.getElementById(id).style.visibility="hidden";}
function do_out(x){
aktiv=window.setTimeout("hide('container1')",500);}
function do_out2(x){
aktiv=window.setTimeout("hide('container2')",500);}
function do_out_break(x){
window.clearTimeout(aktiv);}
</script>
</head>
<body>
<a href="#" onmouseover="show('container1')"; "do_out_break('container1')";"hide('container2'); onmouseout="do_out('container1');">link1</a>
<br><br>
<div id="container1">
<a href="#" onmouseover="do_out_break('container1')" onmouseout="do_out('container1');">blablabla</a><br>
<a href="#" onmouseover="do_out_break('container1')" onmouseout="do_out('container1');">blablabla</a><br>
<a href="#" onmouseover="do_out_break('container1')" onmouseout="do_out('container1');">blablabla</a><br>
<a href="#" onmouseover="do_out_break('container1')" onmouseout="do_out('container1');">blablabla</a><br>
</div>
<a href="#" onmouseover="show('container2')"; "do_out_break('container2')";"hide('container1'); onmouseout="do_out2('container2');">link2</a>
<div id="container2">
<a href="#" onmouseover="do_out_break('container2')" onmouseout="do_out2('container2');">blablabla</a><br>
<a href="#" onmouseover="do_out_break('container2')" onmouseout="do_out2('container2');">blablabla</a><br>
<a href="#" onmouseover="do_out_break('container2')" onmouseout="do_out2('container2');">blablabla</a><br>
<a href="#" onmouseover="do_out_break('container2')" onmouseout="do_out2('container2');">blablabla</a><br>
</div>
ich versuche mir grad ein menu mit unterverzeichnissen zu basteln...das klappt soweit auch schon ganz gut.
ich hab allerdings noch 2 probleme die ich bisher nicht in den griff bekommen konnte:
1. wenn 1 layer bereits visible ist, moechte ich dass er SOFORT verschwindet, sobald ich einen 2. oeffne. (hab das mit hide(id) versucht...klappt aber irgendwie nicht...)
und
2. wenn der mauszeiger von einem link auf einen link im layer und wieder zurueck bewegt wird, wird die funktion do_out_break ignoriert...
kann mir jmd. von euch weiterhelfen?
<head>
<style type="text/css">
#container1 {position:absolute; top:10; left:100;width:200px; height:130px; background-color:#3399ff;
visibility:hidden }
#container2 {position:absolute; top:150; left:100;width:200px; height:130px; background-color:#ccccff;
visibility:hidden }
</style>
<script language="JavaScript">
ie=(document.all)?1:0
ns=(document.layers)?1:0
v4=(ie||ns)
function show(id) {
if (ns) {document.layers[id].visibility = "show";return}
if (ie) {document.all[id].style.visibility = "visible";return}
document.getElementById(id).style.visibility="visible"}
function hide(id) {
if (ns) {document.layers[id].visibility = "hide";return}
if (ie) {document.all[id].style.visibility = "hidden";return}
document.getElementById(id).style.visibility="hidden";}
function do_out(x){
aktiv=window.setTimeout("hide('container1')",500);}
function do_out2(x){
aktiv=window.setTimeout("hide('container2')",500);}
function do_out_break(x){
window.clearTimeout(aktiv);}
</script>
</head>
<body>
<a href="#" onmouseover="show('container1')"; "do_out_break('container1')";"hide('container2'); onmouseout="do_out('container1');">link1</a>
<br><br>
<div id="container1">
<a href="#" onmouseover="do_out_break('container1')" onmouseout="do_out('container1');">blablabla</a><br>
<a href="#" onmouseover="do_out_break('container1')" onmouseout="do_out('container1');">blablabla</a><br>
<a href="#" onmouseover="do_out_break('container1')" onmouseout="do_out('container1');">blablabla</a><br>
<a href="#" onmouseover="do_out_break('container1')" onmouseout="do_out('container1');">blablabla</a><br>
</div>
<a href="#" onmouseover="show('container2')"; "do_out_break('container2')";"hide('container1'); onmouseout="do_out2('container2');">link2</a>
<div id="container2">
<a href="#" onmouseover="do_out_break('container2')" onmouseout="do_out2('container2');">blablabla</a><br>
<a href="#" onmouseover="do_out_break('container2')" onmouseout="do_out2('container2');">blablabla</a><br>
<a href="#" onmouseover="do_out_break('container2')" onmouseout="do_out2('container2');">blablabla</a><br>
<a href="#" onmouseover="do_out_break('container2')" onmouseout="do_out2('container2');">blablabla</a><br>
</div>
Kommentar