Buttonmenu

Status
Niet open voor verdere reacties.
N

NIh1IlO

Gebruiker
Lid geworden
4 feb 2003
Berichten
759
Gegroet specialisten,

Ik wil een menuutje in mijn site activeren aan de hand van een scriptje uit Leejoos webhebbies.
Ik heb gewoonweg de structuur gecopieerd van het scriptje zoals aangegeven bij Leejoos webhebbies, inclusief de gelegde links.
Wanneer ik het wil uitproberen, dan komt er geen enkele reactie bij een druk op of een slepen over de knop.

Kan men mij op de goede weg helpen door bvb een knop met enkele subitems te doen werken, zodat ik het kan imiteren volgens wens?
Of moet ik nog andere acties ondernemen?

Met beste dank op voorhand
 

Bijlagen

kan je misschien de link geven van het menutje op leejoo's ???
 
Kun je het script zoals JIJ hem gebruikt naar het forum kopiëren?
Alvast bedankt :P
 
stormblast zei:
Kun je het script zoals JIJ hem gebruikt naar het forum kopiëren?
Alvast bedankt :P
Klik om te vergroten...

Hello Stormblast,

Hieronder wordt de tekst weergegeven zoals ik hem zou willen gebruiken.
Ik ben er achtergekomen dat het scriptje toch werkt als de pagina rechtstreeks wordt ingegeven bij de sitebalk (in Google bvb). Als preview in IE of FireFox vanuit Dreamweaver werkte het scriptje niet; vervelend!

Ik heb al meerdere items ingevoerd en het schijnt grotendeels te werken. Echter ...als er voor 1 knop slechts 1 link moet gelegd worden, dan veroorzaakt een klik op het knopje toch een uitrolvenstertje. In dit specifieke geval waarbij slechts 1 link moet gelegd worden is dit uiteraard niet nodig. Het is slechts wanneer er meerdere keuzemogelijkheden zijn dat de bewuste knop moet 'uitrollen'.
Hoe kan dat gefixt worden?

Met vriendelijke groeten

nIh1IlO



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
<!--
a.nav:link { font-family: Verdana,Arial,San Serif; font-size: 10px; text-decoration: none }
a.nav:visited { font-family: Verdana,Arial,San Serif; font-size: 10px; text-decoration: none }
a.nav:active { font-family: Verdana,Arial,San Serif; font-size: 10px; text-decoration: none }
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: #0000FF; font-weight: none;
border: #0000FF}
.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: #CCFFFF}
-->
</style>
<Script Language="VBscript">
<!--
Option Explicit
DIM menuID,menuObj,cellBk
SUB ShowHide(menuID)
menuObj = "Link" & menuID
cellbk = "Head" & menuID
// CHECK IF OPEN
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 = "#0000FF" ' SET CELL BACKGROUND COLOUR BLUE
ELSE
document.all.item(menuObj).className = "LINKSON" ' OPEN MENU
document.all.item(cellBk).style.backgroundColor = "#3366FF" ' SET CELL BACKGROUND COLOUR RED
END IF
END SUB
-->
</Script>
</head>

<body background="tek/achtergrond-blauw.jpg">
<div align="center">
<center>
<table>
<td ID="head0" ALIGN="center" CLASS="HEADING" ONCLICK="ShowHide(0)">Home</td>
</tr>
<tr>
<td ALIGN="center" bgcolor="#708090">
<!-- Menu 1 -->
<div ID="Link0" CLASS="LINKSOFF">
<a href="tornooi_index_onder_nl.htm" target="onder" CLASS="nav" >NL</a><br>
<a href="tornooi_index_onder_fr.htm" target="onder" CLASS="nav">FR</a><br>
<a href="tornooi_index_onder_de.htm" target="onder" CLASS="nav">DU</a><br>
<a href="tornooi_index_onder_uk.htm" target="onder" CLASS="nav">UK</a><br>
</div>
</td>
</tr>
<tr>
<td ID="head1" ALIGN="center" CLASS="HEADING" ONCLICK="ShowHide(1)">Programma</td>
</tr>
<tr>
<td ALIGN="center" bgcolor="#708090">
<!-- Menu 2 -->
<div ID="Link1" CLASS="LINKSOFF">
<!--<a CLASS="nav" href="http://www.leejoo.nl"><b>Programma</b></a><br>-->
<a CLASS="nav" href="programma_EN.jpg" target="onder">NL</a><br>
<a CLASS="nav" href="programma_NL.jpg" target="onder">UK</a><br>
<a CLASS="nav" href="http://www.smashdance.be/" target="onder">Smashdance</a><br>
</div>
</td>
</tr>
<tr>
<td ID="head2" ALIGN="center" CLASS="HEADING" ONCLICK="ShowHide(2)">Inschrijving</td>
</tr>
<tr>
<td ALIGN="center" bgcolor="#708090">
<!-- Menu 3 -->
<div ID="Link2" CLASS="LINKSOFF">
<!-- <a CLASS="nav" href="http://www.leejoo.nl"><b>Menu3</b></a><br> -->
<a href="http://www.formbuddy.com/cgi-bin/formdisp.pl?u=eevoc&f=inschrijving" target="onder" CLASS="nav">Tornooi</a><br>
<a href="inschrijving_BBQ.htm" target="onder" CLASS="nav">BBQ</a><br>
</div>
</td>
</tr>
<tr>
<td ID="head3" ALIGN="center" CLASS="HEADING" ONCLICK="ShowHide(3)">Foto's</td>
</tr>
<tr>
<td ALIGN="center" bgcolor="#708090">
<!-- Menu 4 -->
<div ID="Link3" CLASS="LINKSOFF">
<!-- <a CLASS="nav" href="http://www.leejoo.nl"><b></b></a><br> -->
<a href="http://picasaweb.google.com/eevoctornooi/InternationaalVolleybaltornooiEEVOC2007" target="onder" CLASS="nav">Album
2007</a><br>
</div>
</td>
</tr>

<tr>
<td ID="head4" ALIGN="center" CLASS="HEADING" ONCLICK="ShowHide(4)">Praktische Info</td>
</tr>
<tr>
<td ALIGN="center" bgcolor="#708090">
<!-- Menu 5 -->
<div ID="Link4" CLASS="LINKSOFF">
<!-- <a CLASS="nav" href="http://www.leejoo.nl"><b>Menu5</b></a><br> -->
<a href="uitnod_inttorn_2008_nl.htm" target="onder" CLASS="nav">NL</a><br>
<a href="uitnod_inttorn_2008_fr.htm" target="onder" CLASS="nav">FR</a><br>
<a href="uitnod_inttorn_2008_de.htm" target="onder" CLASS="nav">DE</a><br>
<a CLASS="nav" href="">UK</a><br>
</div>
</td>
</tr>
<tr>
<td ID="head5" ALIGN="center" CLASS="HEADING" ONCLICK="ShowHide(5)">Route</td>
</tr>
<tr>
<td ALIGN="center" bgcolor="#708090">
<!-- Menu 6 -->
<div ID="Link5" CLASS="LINKSOFF"> <a href="http://picasaweb.google.com/eevoctornooi/InternationaalVolleybaltornooiEEVOC2007" target="onder" CLASS="nav"><b>Reisweg</b></a><br>
<a CLASS="nav" ><b>Plattegrond</b></a><br>
<a href="tek/plattegrond%20tornooi%20EEVOC_nl.jpg" target="onder" CLASS="nav">NL</a><br>
<a href="tek/plattegrond%20tornooi%20EEVOC_eng.jpg" target="onder" CLASS="nav">UK</a><br>

</div>
</td>
</tr>
<tr>
<td ID="head6" ALIGN="center" CLASS="HEADING" ONCLICK="ShowHide(6)">Gastenboek</td>
</tr>
<tr>
<td ALIGN="center" bgcolor="#708090">
<!-- Menu 7 -->
<div ID="Link6" CLASS="LINKSOFF"> <a href="http://pub33.bravenet.com/guestbook/2770469295" target="onder" CLASS="nav"><b>Gastenboek</b></a><br>
</div>
</td>
</tr>
<tr>
<td ID="head7" ALIGN="center" CLASS="HEADING" ONCLICK="ShowHide(7)">Sponsors</td>
</tr>
<tr>
<td ALIGN="center" bgcolor="#708090">
<!-- Menu 8 -->
<div ID="Link7" CLASS="LINKSOFF">
<a href="../sponsors/sponsorpagina.htm" target="onder" CLASS="nav"><b>Sponsors</b></a><br>
</div>
</td>
</tr>
<tr>
<td ID="head8" ALIGN="center" CLASS="HEADING" ONCLICK="ShowHide(8)">Downloads</td>
</tr>
<tr>
<td ALIGN="center" bgcolor="#708090">
<!-- Menu 9 -->
<div ID="Link8" CLASS="LINKSOFF">
<!-- <a CLASS="nav" href=""><b></b></a><br> -->
<a CLASS="nav" href="">Affiche</a><br>
<a CLASS="nav" href="">Uitnodiging</a><br>
<a CLASS="nav" href="">Sticker</a><br>
</div>
</td>
</tr>
<tr>
<td ID="head9" ALIGN="center" CLASS="HEADING" ONCLICK="ShowHide(9)">Eevoc
Shop </td>
</tr>
<tr>
<td ALIGN="center" bgcolor="#708090">
<!-- Menu 10 -->
<div ID="Link9" CLASS="LINKSOFF">
<a CLASS="nav" href=""><b>Menu10</b></a><br>
<a CLASS="nav" href="">Sub1</a><br>
<a CLASS="nav" href="">Sub2</a><br>
<a CLASS="nav" href="">Sub3</a><br>
<a CLASS="nav" href="">Sub4</a><br>
<a CLASS="nav" href="">Sub5</a><br>
</div>
</td>
</tr>
<tr>
<td ID="head10" ALIGN="center" CLASS="HEADING" ONCLICK="ShowHide(10)">Varia
1 </td>
</tr>
<tr>
<td ALIGN="center" bgcolor="#708090">
<!-- Menu 11 -->
<div ID="Link10" CLASS="LINKSOFF">
<a CLASS="nav" href=""><b>Menu11</b></a><br>
<a CLASS="nav" href="">Sub1</a><br>
<a CLASS="nav" href="">Sub2</a><br>
<a CLASS="nav" href="">Sub3</a><br>
<a CLASS="nav" href="">Sub4</a><br>
<a CLASS="nav" href="">Sub5</a><br>
</div>
</td>
</tr>
<tr>
<td ID="head11" ALIGN="center" CLASS="HEADING" ONCLICK="ShowHide(11)">Varia
2</td>
</tr>
<tr>
<td ALIGN="center" bgcolor="#708090">
<!-- Menu 12 -->
<div ID="Link11" CLASS="LINKSOFF">
<a CLASS="nav" href=""><b>Menu12</b></a><br>
<a CLASS="nav" href="">Sub1</a><br>
<a CLASS="nav" href="">Sub2</a><br>
<a CLASS="nav" href="">Sub3</a><br>
<a CLASS="nav" href="">Sub4</a><br>
<a CLASS="nav" href="">Sub5</a><br>
</div>
</td>
</tr>
</table>

<p align="left"><img src="tek/Eevoc%20ventje_transparant.png" width="113" height="206"></p>
</center>
</div>
</body>
</html>
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan