Ik heb een aantal klachten gehad dat mijn menu een ramp was in andere browsers dan IE
nu komt dat doordat het een VB script is. aangezien ik zip verstand heb hiervan hoopte ik dat een van jullie deze om kon zetten naar een universeel javascript. ik heb de code van de hele site en die van het menu los
het menu script:
Code: Selecteer alles
<Script Language="VBscript">
<!--
Option Explicit
DIM menuID,menuObj,cellBk
SUB ShowHide(menuID)
menuObj = "Link" & menuID
cellbk = "Head" & menuID
if document.all.item(menuObj).className = "LINKSON" then 'IF MENU OPEN THEN CLOSE
document.all.item(menuObj).className = "LINKSOFF"
document.all.item(cellBk).style.backgroundColor = "#000000" ' SET CELL BACKGROUND COLOUR BLACK
document.all.item(cellBk).style.Color = "#FFFFFF" ' SET FONT COLOUR WHITE
ELSE
document.all.item(menuObj).className = "LINKSON" ' OPEN MENU
document.all.item(cellBk).style.backgroundColor = "#CCCCCC" ' SET CELL BACKGROUND COLOUR GREY
document.all.item(cellBk).style.color = "#000000" ' SET FONT COLOUR BLACK
END IF
END SUB
-->
</Script>
Code: Selecteer alles
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Navigatiemenu</title>
<script src="http://hit.tripod.lycos.nl/tracker.js"></script>
<style>
<!--
a.navt:link { font-family: Verdana,Arial,San Serif; font-size: 12px; text-decoration: none; color: white}
a.navt:visited { font-family: Verdana,Arial,San Serif; font-size: 12px; text-decoration: none; color: white }
a.navt:active { font-family: Verdana,Arial,San Serif; font-size: 12px; text-decoration: none; color: white }
a.navt:hover { font-family: Verdana,Arial,San Serif; font-size: 12px; text-decoration: none; color: white }
a.nav:link { font-family: Verdana,Arial,San Serif; font-size: 10px; text-decoration: none; color: white}
a.nav:visited { font-family: Verdana,Arial,San Serif; font-size: 10px; text-decoration: none; color: white }
a.nav:active { font-family: Verdana,Arial,San Serif; font-size: 10px; text-decoration: none; color: white }
a.nav:hover { font-family: Verdana,Arial,San Serif; font-size: 10px; text-decoration: none; color: #33CCFF }
.HEADING { cursor: hand; font-family: Verdana,Arial,San Serif; font-size: 12px; color: #FFFFFF;
background-color: #000000; font-weight: none; text-decoration: none;
border: 2 solid #FFFFFF }
.LINKSOFF { display: none; font-family: Verdana,Arial,San Serif; font-size: 12px; color: #FFFFCC }
.LINKSON { display: inline; font-family: Verdana,Arial,San Serif; font-size: 12px; color: #000080 }
-->
</style>
<Script Language="VBscript">
<!--
Option Explicit
DIM menuID,menuObj,cellBk
SUB ShowHide(menuID)
menuObj = "Link" & menuID
cellbk = "Head" & menuID
if document.all.item(menuObj).className = "LINKSON" then 'IF MENU OPEN THEN CLOSE
document.all.item(menuObj).className = "LINKSOFF"
document.all.item(cellBk).style.backgroundColor = "#000000" ' SET CELL BACKGROUND COLOUR BLACK
document.all.item(cellBk).style.Color = "#FFFFFF" ' SET FONT COLOUR WHITE
ELSE
document.all.item(menuObj).className = "LINKSON" ' OPEN MENU
document.all.item(cellBk).style.backgroundColor = "#CCCCCC" ' SET CELL BACKGROUND COLOUR GREY
document.all.item(cellBk).style.color = "#000000" ' SET FONT COLOUR BLACK
END IF
END SUB
-->
</Script>
<script>
<!--
if (window.Event)
document.captureEvents(Event.MOUSEUP);
function nocontextmenu()
{
event.cancelBubble = true
event.returnValue = false;
return false;
}
function norightclick(e)
{
if (window.Event)
{
if (e.which == 2 || e.which == 3)
return false;
}
else
if (event.button == 2 || event.button == 3)
{
event.cancelBubble = true
event.returnValue = false;
return false;
}
}
document.oncontextmenu = nocontextmenu;
document.onmousedown = norightclick;
//-->
</script>
</head>
<body bgcolor="black">
<div align="center">
<center>
<table border="0" bordercolor="white">
<td ID="head0" ALIGN="center" width="113" height="15" CLASS="HEADING"><a href="home.html" target="main" border="0" class="navt">Nieuws</a></td>
</tr>
<tr>
<td ALIGN="center" bgcolor="#000000">
</td>
</tr>
<tr>
<td ID="head1" ALIGN="center" CLASS="HEADING" ONCLICK="ShowHide(1)">Bio</td>
</tr>
<tr>
<td ALIGN="center" bgcolor="#708090">
<!-- Menu 2 -->
<div ID="Link1" CLASS="LINKSOFF">
<a CLASS="nav" href="Bio/algemeen.html" target="main"><b>Algemeen</b></a><br>
<a CLASS="nav" href="Bio/dan.html" target="main">Dan</a><br>
<a CLASS="nav" href="Bio/david.html" target="main">David</a><br>
<a CLASS="nav" href="Bio/fuzz.html" target="main">Fuzz</a><br>
<a CLASS="nav" href="Bio/mike.html" target="main">Mike</a><br>
</div>
</td>
</tr>
<tr>
<td ID="head2" ALIGN="center" CLASS="HEADING" ONCLICK="ShowHide(2)">Pictures</td>
</tr>
<tr>
<td ALIGN="center" bgcolor="#708090">
<!-- Menu 3 -->
<div ID="Link2" CLASS="LINKSOFF">
<a CLASS="nav" href="Pictures/index.html" target="main"><b>Home</b></a><br>
<a CLASS="nav" href="Pictures/david.html" target="main">David</a><br>
<a CLASS="nav" href="Pictures/dan.html" target="main">Dan</a><br>
<a CLASS="nav" href="Pictures/music_as_a_weapon_2.html" target="main">Music As A <br>Weapon II tour</a><br>
<a CLASS="nav" href="Pictures/mike.html" target="main"><i>Coming Up-><br>Mike</a><br>
</div>
</td>
</tr>
<tr>
<td ID="head3" ALIGN="center" CLASS="HEADING" ONCLICK="ShowHide(3)">Albums</td>
</tr>
<tr>
<td ALIGN="center" bgcolor="#708090">
<!-- Menu 4 -->
<div ID="Link3" CLASS="LINKSOFF">
<a CLASS="nav" href="Albums/discografie.html" target="main"><b>Discografie</b></a><br>
<a CLASS="nav" href="Albums/lyricsbelieve.html" target="main"><b>Believe Lyrics</b></a><br>
<a CLASS="nav" href="Albums/meaningbelieve.html" target="main">Song meanings <br>Believe</a><br>
<a CLASS="nav" href="Albums/lyricsthesickness.html" target="main"><b>The Sickness</b></a><br>
<a CLASS="nav" href="Albums/meaningthesickness.html" target="main">Song meanings<br>The Sickness</a><br>
</div>
</td>
</tr>
<tr>
<td ID="head4" ALIGN="center" CLASS="HEADING" ONCLICK="ShowHide(4)">Interactief</td>
</tr>
<tr>
<td ALIGN="center" bgcolor="#708090">
<!-- Menu 5 -->
<div ID="Link4" CLASS="LINKSOFF">
<a CLASS="nav" href="Int/wallpapers.html" target="main"><b>Wallpapers</b></a><br>
<a CLASS="nav" href="poll.html" target="main"><b>Poll</b></a><br>
<a CLASS="nav" href="Int/audio.html" target="main"><b>Audio & Video<b></a><br>
<a CLASS="nav" href="Int/avatars.html" target="main">Fonts & Avatars</a><br>
</div>
</td>
</tr>
<tr>
<td ID="head5" ALIGN="center" CLASS="HEADING"><a href="links.html" target="main" class="navt">Links</a></td>
</tr>
<tr>
<td ALIGN="center" bgcolor="#000000">
</td>
</tr>
<tr>
<td ID="head6" ALIGN="center" CLASS="HEADING"><a href="support.html" target="main" class="navt">Support</a></td>
</tr>
<tr>
<td ALIGN="center" bgcolor="#000000">
</td>
</tr>
</table>
</center>
</div>
<center>
<br>
<p>
<br><br>
<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=296061;
var sc_partition=1;
</script>
<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/frames.js"></script><noscript><a href="http://www.statcounter.com" target="_blank"><img src="http://c2.statcounter.com/counter.php?sc_project=296061&java=0" alt="web counter with stats" border="0"></a> </noscript>
<!-- End of StatCounter Code -->
</body>
</html>