Javascript Popup Menü
eclapasson
- javascript
Hallo!
Ich möchte gerne ein Javaskript Popup Menü in meinem Forum. Alles läuft eigentlich so wie es sollte, doch kann ich den Code nicht verstecken. Mit visibility: hidden wird zwar das Menü nicht angezeit, doch an der Stelle wo ich den Code einfüge braucht es Platz. Mit display: none wäre zwar dieses Problem gelöst, allerdings kann man so das Menü nicht wieder sichtbar machen.
Mein Code:
Skript (by WBB2):
<script type="text/javascript">
<!--
NS4 = (document.layers) ? 1 : 0;
IE4 = (document.all) ? 1 : 0;
NS6 = (document.getElementById) ? 1 : 0;
activmenu = false;
timerRunning = false;
function checkTimer() {
if(timerRunning) {
clearTimeout(timerRunning);
timerRunning = false;
}
}
function startTimer() {
timerRunning = setTimeout("show();",1000);
}
function show(menu) {
if(activmenu) {
checkTimer();
if(NS4) document.layers[activmenu].visibility = "hide";
if(NS6) document.getElementById(activmenu).style.visibility = "hidden";
if(IE4) document.all(activmenu).style.visibility = "hidden";
activmenu = false;
}
if(menu) {
if(NS4) {
document.layers[menu].visibility = "show";
document.layers[menu].bgColor = "FFFFFF";
document.layers[menu].onmouseover = checkTimer;
document.layers[menu].onmouseout = startTimer;
}
if(IE4) {
document.all(menu).style.visibility = "visible";
document.all(menu).onmouseover = checkTimer;
document.all(menu).onmouseout = startTimer;
}
if(NS6) {
document.getElementById(menu).style.visibility = "visible";
document.getElementById(menu).onmouseover = checkTimer;
document.getElementById(menu).onmouseout = startTimer;
}
activmenu = menu;
}
}
function hide(menu) {
checkTimer();
if(NS4) document.layers[menu].visibility = "hide";
if(NS6) document.getElementById(menu).style.visibility = "hidden";
if(IE4) document.all(menu).style.visibility = "hidden";
activmenu = false;
}
//-->
</script>
Menü:
<div id="popupmenu$posts[postid]" style="visibility: hidden">
<table cellpadding="4" cellspacing="1" border="0" class="tblborder">
<tr class="secondrow">
<td><b>$posts[username]</b></td>
<td onmouseover="javascript:hide('popupmenu$posts[postid]');"><b>X</b></td>
</tr>
<tr><td><a href="profile.php?userid=$posts[userid]&sid=$session[hash]">Profil</a></td></tr>
</table>
</div>
Aufruf:
<a href="profile.php?userid=$posts[userid]&sid=$session[hash]" onmouseover="javascript:show('config');">$posts[username]</a>
Ich möchte gerne ein Javaskript Popup Menü in meinem Forum. Alles läuft eigentlich so wie es sollte, doch kann ich den Code nicht verstecken. Mit visibility: hidden wird zwar das Menü nicht angezeit, doch an der Stelle wo ich den Code einfüge braucht es Platz. Mit display: none wäre zwar dieses Problem gelöst, allerdings kann man so das Menü nicht wieder sichtbar machen.
Doch, mit display:block
Struppi.
Hi eclapasson
Sorry, aber das ist mir echt zu viel Quellcode, um das alles durchzuschauen.
Was dir vielleicht weiterhilft:
http://selfsuche.teamone.de/cgi-bin/such.pl?suchausdruck=Javascript+PopUp+Men�¨aute=on&meta=on&lang=on&feld=alle&index_1=on&index_2=on&index_3=on&index_4=on&index_5=on&hits=100#SELFHTML V8.0
Dort findest du einiges zu deinem Thema, wenn du dir das alles angeschaut hast,
und immer noch nicht weiterweißt, musst du dich halt noch mal melden.
MfG, Dennis.