JS/CSS menu komt niet tevoorschijn

kaktus · Bericht door **kaktus** » 24 feb 2007, 03:46

Ik heb een phpbb forum geïnstalleerd met de header die aansluit op de main website zodat hij geintegreerd lijkt. Nou heb ik op de main website een klein javascript/css menu die alleen niet tevoorschijn komt op het forum. Ik gebruik phpbb 2.0.22. Ik kan helaas geen live voorbeeld geven omdat ik hem momenteel host op locahost en hem nog niet kan uploaden. Maar ik heb de code met plaatje natuurlijk wel ^^

zo hoort het menu eruit te zien, ff snel via paint opgeslagen:

Afbeelding

zodra je "Browse" mouse-overed komt de layer eronder te voorschijn en visa versa.

hier is de code kort samen gevat en bewerkt zodat mensen het eventueel kunnen testen:

Code: Selecteer alles

<html>
<head>
<title>Test</title>
<script type="text/javascript">

var TimeOut         = 300;
var currentLayer    = null;
var currentitem     = null;
var currentLayerNum = 0;
var noClose         = 0;
var closeTimer      = null;

// Open Hidden Layer
function mopen(n)
{
    var l  = document.getElementById("menu"+n);
    var mm = document.getElementById("mmenu"+n);
	
    if(l)
    {
        mcancelclosetime();
        l.style.visibility='visible';

        if(currentLayer && (currentLayerNum != n))
            currentLayer.style.visibility='hidden';

        currentLayer = l;
        currentitem = mm;
        currentLayerNum = n;			
    }
    else if(currentLayer)
    {
        currentLayer.style.visibility='hidden';
        currentLayerNum = 0;
        currentitem = null;
        currentLayer = null;
	}
}

// Turn On Close Timer
function mclosetime()
{
    closeTimer = window.setTimeout(mclose, TimeOut);
}

// Cancel Close Timer
function mcancelclosetime()
{
    if(closeTimer)
    {
        window.clearTimeout(closeTimer);
        closeTimer = null;
    }
}

// Close Showed Layer
function mclose()
{
    if(currentLayer && noClose!=1)
    {
        currentLayer.style.visibility='hidden';
        currentLayerNum = 0;
        currentLayer = null;
        currentitem = null;
    }
    else
    {
        noClose = 0;
    }

    currentLayer = null;
    currentitem = null;
}

// Close Layer Then Click-out
document.onclick = mclose; 

</script>
<style type="text/css">
<!--
#dd
{   margin: 1;
    padding: 0}

#dd li
{   margin: 0;
    padding: 0;
    list-style: none;
    float: left;}

#dd li a.menu
{   display: block;
    text-align: center;
    text-decoration: none}

.submenu
{ 	 visibility: hidden;
    position: absolute;
	margin-left:0;
	border:1px solid #000000;
	}
-->
</style>
</head>

<body>

<ul id="dd">
	<li>
		<a href="javascript:void(0)" class="menu" id="mmenu1" onmouseover="mopen(1);" onmouseout="mclosetime();">Browse</a>
		<div class="submenu" id="menu1" onmouseover="mcancelclosetime()" onmouseout="mclosetime();">
			<a href="workshop.php">Workshop</a><br>
			<a href="attun.php">Attunements</a><br>
			<a href="videos.php">Videos</a><br>
		</div>
	</li>
</ul>
</body>
</html>

Persoonlijk denk ik dat de css van de code en die van de theme in conflict komen maar zelfs na het hernoemen van de css objecten in de code werkte het nog steeds niet ><

ps: sorry maar ik ga niet dat onzin templatje gebruiken