Submenu blijft staan

  • Onderwerp starter Onderwerp starter RonZ
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.
R

RonZ

Gebruiker
Lid geworden
30 jul 2003
Berichten
62
Ik heb een menu gemaakt met PHP en in verschillende komt er een submenu zichtbaar als er met de muisaanwijzer op komt maar als ik een rubriek aanklikt blijft het submenu staan totdat ik van de rubriek afgaat met de muisaanwijzer. Eigenlijk is de bedoeling dat als er op het submenu geklikt wordt dat deze automatisch weer sluit. Ik heb zelf al lopen zoeken om een PHP-code toe te voegen maar ik kan hem niet vinden.
Weet iemand hoe dat gedaan moet worden??
 
Waarschijnlijk kan je bij de links van je submenu een onClick-handler toevoegen die de sluitfunctie van dat menu oproept.
Als je de js-code hier even post kunnen we je vast wel verder helpen..

--Johan
 
Johantrax zei:
Waarschijnlijk kan je bij de links van je submenu een onClick-handler toevoegen die de sluitfunctie van dat menu oproept.
Als je de js-code hier even post kunnen we je vast wel verder helpen..

--Johan
Klik om te vergroten...
HTML: 
<style type="text/css">
<!--
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url(../Layout/Achtergrond.jpg);
}
.oneColLiqCtrHdr #container {
	width: 758px;  /* this will create a container 80% of the browser width */
	background: #FFFFFF; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.oneColLiqCtrHdr #header {
	background: #DDDDDD;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	padding-top: 0;
	padding-bottom: 0;
	background-image: url(Layout/top.jpg);
}
.oneColLiqCtrHdr #header h1 {
	margin: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	padding-right: 0;
	padding-left: 0;
}
.oneColLiqCtrHdr #mainContent {
	background: #FFFFFF;
	padding-top: 0;
	padding-bottom: 0;
	height: 470px;
}
.oneColLiqCtrHdr #footer {
	background:#DDDDDD;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 11px;
	background-image: url(Layout/bottom.jpg);
	height: 18px;
	color: #33FFFF;
} 
.oneColLiqCtrHdr #footer p {
	margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	padding-right: 0;
	padding-left: 0;
	font-size: 11px;
}
-->
</style>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<link rel="shortcut icon" href="../Layout/CKC.ico" />
<style type="text/css">
<!--
.style1 {
	color: #00FFFF
}
-->
</style>
</head>

<body class="oneColLiqCtrHdr">
<div id="container">
  <div id="header">
    <h1 align="right"><a href="http://www.knvb.nl/clubs_comp/search_club?keyword=ckc" target="_blank"><img src="../Layout/KNVB.gif" width="65" height="71" border="0" /></a></h1>
  <!-- end #header --></div>
<!-- Menu bar -->
<div class="menuBar" style="width:auto;">
<a class="menuButton"
    href="Activiteiten.htm" target="mainbox"
>Activiteiten</a>
<a class="menuButton"
	href="Afgelastingen.htm" target="mainbox"
>Afgelastingen</a>
<a class="menuButton"
    href=""
    onclick="return buttonClick(event, 'contactMenu');"
    onmouseover="buttonMouseover(event, 'contactMenu');"
>Contact</a>
<a class="menuButton"
	href=""
    onclick="return buttonClick(event, 'fotoMenu');"
    onmouseover="buttonMouseover(event, 'fotoMenu');"
>Foto's</a>
<a class="menuButton"
	href=""
    onclick="return buttonClick(event, 'historieMenu');"
    onmouseover="buttonMouseover(event, 'historieMenu');"
>Historie</a>
<a class="menuButton"
	href=""
    onclick="return buttonClick(event, 'informatieMenu');"
    onmouseover="buttonMouseover(event, 'informatieMenu');"
>Informatie</a>
<a class="menuButton"
	href=""
    onclick="return buttonClick(event, 'jeugdMenu');"
    onmouseover="buttonMouseover(event, 'jeugdMenu');"
>Jeugd</a>
<a class="menuButton"
	href=""
    onclick="return buttonClick(event, 'organisatieMenu');"
    onmouseover="buttonMouseover(event, 'organisatieMenu');"
>Organisatie</a>
<a class="menuButton"
	href=""
    onclick="return buttonClick(event, 'programmaMenu');"
    onmouseover="buttonMouseover(event, 'programmaMenu');"
>Programma</a>
<a class="menuButton"
	href="../Sponsor/Sponsors.htm" target="mainbox"
>Sponsors</a>
<a class="menuButton"
	href=""
    onclick="return buttonClick(event, 'standenMenu');"
    onmouseover="buttonMouseover(event, 'standenMenu');"
>Standen</a>
<a class="menuButton"
	href=""
    onclick="return buttonClick(event, 'verslagenMenu');"
    onmouseover="buttonMouseover(event, 'verslagenMenu');"
>Verslagen</a>
<a class="menuButton"
	href=""
    onclick="return buttonClick(event, 'w&nMenu');"
    onmouseover="buttonMouseover(event, 'w&nMenu');"
>W & N</a>
<a class="menuButton"
	href="LaatsteNieuws.htm" target="mainbox"
>Laatste Nieuws</a>
</div>
<!-- Sub Menu -->
<div id="contactMenu" class="menu"
onmouseover="menuMouseover(event)">
<a class="menuItem" href="http://www.vvckc.nl/argeweb/gboek/index.php" title="Bekijk of Teken het gastenboek" target="_blank">Gastenboek</a>
<a class="menuItem" href=""
   onclick="return false;"
   onmouseover="menuItemMouseover(event, 'contactMenu1');"
><span class="menuItemText">E-Mail</span><span class="menuItemArrow">▶</span></a>
</div>

<div id="fotoMenu" class="menu"
onmouseover="menuMouseover(event)">
<a class="menuItem" href="../Menu Foto/Elftal foto's.htm" target="mainbox">Elftal foto</a>
<a class="menuItem" href="../Menu Foto/Kampioen foto's.htm" target="mainbox">Kampioenfoto's</a>
<a class="menuItem" href="../Menu Foto/Playbackshow.htm" target="mainbox">Playbackshow 2007</a>
<a class="menuItem" href="../Menu Foto/Int E-pupillen.htm" target="mainbox">Int. E tournooi 2007</a>
<a class="menuItem" href="../Menu Foto/Familiedag.htm" target="mainbox">Familiedag 2007</a>
<a class="menuItem" href="../Menu Foto/Jongste leden.htm" target="mainbox">Jongste lid</a>
</div>

<div id="historieMenu" class="menu"
onmouseover="menuMouseover(event)">
<a class="menuItem" href="../Historie CKC/Historie CKC.htm" target="mainbox">Historie van CKC</a>
<a class="menuItem" href=""
   onclick="return false;"
   onmouseover="menuItemMouseover(event, 'historieMenu1');"
><span class="menuItemText">Foto's</span><span class="menuItemArrow">▶</span></a>
</div>

<div id="informatieMenu" class="menu"
onmouseover="menuMouseover(event)">
<a class="menuItem" href="../Trainingschema/Trainingschema.htm" target="mainbox">Trainingschema 07/08</a>
<a class="menuItem" href="../Informatie/Elftalindeling.htm" target="mainbox">Senioren indeling 07/08</a>
<a class="menuItem" href="../Informatie/Toernooischema.htm" target="mainbox" onblur="upperCase()">Toernooischema</a>
<a class="menuItem" href="../Informatie/Persbericht.htm" target="mainbox">Persbericht</a>
<a class="menuItem" href="../Informatie/Uitslagen.htm" target="mainbox">Weekend uitslagen</a>
<a class="menuItem" href="../Informatie/Locatie.htm" target="mainbox">Locatie's</a>
<a class="menuItem" href="../Formulieren/mailform_Kleding.php" target="mainbox">Kleding formulier</a>
</div>

<div id="jeugdMenu" class="menu"
onmouseover="menuMouseover(event)">
<a class="menuItem" href=""
   onclick="return false;"
   onmouseover="menuItemMouseover(event, 'jeugdMenu1');"
><span class="menuItemText">Algemene Informatie</span><span class="menuItemArrow">▶</span></a>
<a class="menuItem" href="../Jeugd/Scheidsrechter.htm" target="mainbox">Scheidsrechters</a>
<a class="menuItem" href=""
   onclick="return false;"
   onmouseover="menuItemMouseover(event, 'jeugdMenu2');"
><span class="menuItemText">Elftallen</span><span class="menuItemArrow">▶</span></a>
</div>

<div id="organisatieMenu" class="menu"
onmouseover="menuMouseover(event)">
<a class="menuItem" href="../Organisatie/Organigram.htm" target="mainbox">Organigram</a>
<a class="menuItem" href="../Organisatie/Bestuur.htm" target="mainbox">Bestuur</a>
<a class="menuItem" href="../Organisatie/Jeugd.htm" target="mainbox">Jeugdcommissie</a>
<a class="menuItem" href="../Organisatie/Activiteiten.htm" target="mainbox">Activiteitencommissie</a>
<a class="menuItem" href="../Organisatie/Sponsor.htm" target="mainbox">Sponsorcommissie</a>
<a class="menuItem" href="../Organisatie/Leden.htm" target="mainbox">Ereleden / Leden van verdienste</a>
<a class="menuItem" href="../Organisatie/Overige.htm" target="mainbox">Overige functie's</a>
</div>

<div id="programmaMenu" class="menu"
onmouseover="menuMouseover(event)">
<a class="menuItem" href=""
   onclick="return false;"
   onmouseover="menuItemMouseover(event, 'programmaMenu1');"
><span class="menuItemText">Competitie</span><span class="menuItemArrow">▶</span></a>
<a class="menuItem" href="../Programma/Onder23.htm" target="mainbox">Onder 23</a>
<a class="menuItem" href="../Programma/Vriend.htm" target="mainbox">Vriendschappelijk</a>
<a class="menuItem" href="../Programma/Beker.htm" target="mainbox">Beker</a>
</div>

<div id="standenMenu" class="menu"
onmouseover="menuMouseover(event)">
<a class="menuItem" href="../Standen/Stand1e.htm" target="mainbox">1e Elftal</a>
<a class="menuItem" href="http://www.knvb.nl/west2" target="_blank">KNVB West2</a>
</div>

<div id="verslagenMenu" class="menu"
onmouseover="menuMouseover(event)">
<a class="menuItem" href="../Verslagen/Wedstrijdverslag 1.htm" target="mainbox">1e</a>
<a class="menuItem" href="../Verslagen/Wedstrijdverslag 2.htm" target="mainbox">2e</a>
<a class="menuItem" href="../Verslagen/Wedstrijdverslag 3.htm" target="mainbox">3e</a>
<a class="menuItem" href="../Verslagen/Wedstrijdverslag 4.htm" target="mainbox">4e</a>
<a class="menuItem" href="../Verslagen/Wedstrijdverslag 5.htm" target="mainbox">5e</a>
<a class="menuItem" href="../Verslagen/Wedstrijdverslag 6.htm" target="mainbox">6e</a>
<a class="menuItem" href="../Verslagen/Wedstrijdverslag 7.htm" target="mainbox">7e</a>
<a class="menuItem" href="../Verslagen/Wedstrijdverslag DA.htm" target="mainbox">DA1</a>
<div class="menuItemSep"></div>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag A.htm" target="mainbox">A-junioren</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag B.htm" target="mainbox">B-junioren</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag C.htm" target="mainbox">C-junioren</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag D.htm" target="mainbox">D-pupillen</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag E.htm" target="mainbox">E-pupillen</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag F.htm" target="mainbox">F-pupillen</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag M.htm" target="mainbox">Meisjes</a>
</div>

<div id="w&nMenu" class="menu"
onmouseover="menuMouseover(event)">
<a class="menuItem" href="../WenN/Organigram.htm" target="mainbox">Organigram</a>
<a class="menuItem" href="../Formulieren/mailform_WaardenenNormen1.php" target="mainbox">Meldingsformulier</a>
<a class="menuItem" href="../WenN/Documenten/Statuut Waarden en Normen.htm" target="mainbox">Statuut W & N</a>
</div>

<!-- Submenu uit Submenu -->
<div id="contactMenu1" class="menu">
<a class="menuItem" href="../Formulieren/mailform_Webmaster.php" target="mainbox">Webmaster</a>
<a class="menuItem" href="../Formulieren/mailform_Secretaris.php" target="mainbox">Secretaris</a>
<a class="menuItem" href="../Formulieren/mailform_Juniorensecretaris.php" target="mainbox">Junioren Secretaris</a>
<a class="menuItem" href="../Formulieren/mailform_Juniorenredactie.php" target="mainbox">Junioren Redactie</a>
<a class="menuItem" href="../Formulieren/mailform_RedactieWeekbrief.php" target="mainbox">Redactie Weekbrief</a>
<a class="menuItem" href="../Formulieren/mailform_Toernooicommissie.php" target="mainbox">Toernooicommissie</a>
<a class="menuItem" href="../Formulieren/mailform_Waardenennormen.php" target="mainbox">Waarden en Normen</a>
</div>

<div id="historieMenu1" class="menu">
<a class="menuItem" href="../Historie CKC/Welke personen.htm" target="mainbox">Welke personen</a>
<a class="menuItem" href="../Historie CKC/Oprichters.htm" target="mainbox">Oprichters CKC</a>
<a class="menuItem" href="../Historie CKC/Eerstevoorzitter.htm" target="mainbox">Eerste voorzitter</a>
<a class="menuItem" href="../Historie CKC/Jo vdHam.htm" target="mainbox">Jo vd.Ham</a>
<a class="menuItem" href="../Historie CKC/19301931.htm" target="mainbox">Elftal 1930/1931</a>
<a class="menuItem" href="../Historie CKC/19411942.htm" target="mainbox">Elftal 1941/1942</a>
<a class="menuItem" href="../Historie CKC/19511952.htm" target="mainbox">Elftal 1951/1952</a>
</div>

<div id="jeugdMenu1" class="menu">
<a class="menuItem" href="../Jeugd/Organigram.htm" target="mainbox">Organigram</a>
<a class="menuItem" href="../Jeugd/Documenten/Jeugdbeleidsplan vv CKC.htm" target="mainbox">Beleidsplan</a>
<a class="menuItem" href="geeninfo.htm" target="mainbox">Fairplay</a>
<a class="menuItem" href="../Trainingschema/Trainingschema.htm" target="mainbox">Trainingschema 07/08</a>
<a class="menuItem" href="geeninfo.htm" target="mainbox">Toernooischema</a>
</div>

<div id="jeugdMenu2" class="menu"
     onmouseover="menuMouseover(event)">
<a class="menuItem" href=""
   onclick="return false;"
   onmouseover="menuItemMouseover(event, 'A-juniorenMenu');"
><span class="menuItemText">A-junioren</span><span class="menuItemArrow">▶</span></a>
<a class="menuItem" href=""
   onclick="return false;"
   onmouseover="menuItemMouseover(event, 'B-juniorenMenu');"
><span class="menuItemText">B-junioren</span><span class="menuItemArrow">▶</span></a>
<a class="menuItem" href=""
   onclick="return false;"
   onmouseover="menuItemMouseover(event, 'C-juniorenMenu');"
><span class="menuItemText">C-junioren</span><span class="menuItemArrow">▶</span></a>
<a class="menuItem" href=""
   onclick="return false;"
   onmouseover="menuItemMouseover(event, 'D-pupillenMenu');"
><span class="menuItemText">D-pupillen</span><span class="menuItemArrow">▶</span></a>
<a class="menuItem" href=""
   onclick="return false;"
   onmouseover="menuItemMouseover(event, 'E-pupillenMenu');"
><span class="menuItemText">E-pupillen</span><span class="menuItemArrow">▶</span></a>
<a class="menuItem" href=""
   onclick="return false;"
   onmouseover="menuItemMouseover(event, 'F-pupillenMenu');"
><span class="menuItemText">F-pupillen</span><span class="menuItemArrow">▶</span></a>
<a class="menuItem" href=""
   onclick="return false;"
   onmouseover="menuItemMouseover(event, 'MeisjesMenu');"
><span class="menuItemText">Meisjes</span><span class="menuItemArrow">▶</span></a>
</div>

<div id="programmaMenu1" class="menu">
<a class="menuItem" href="../Programma/09-08.htm" target="mainbox">Zaterdag 8 september 2007</a>
<a class="menuItem" href="../Programma/09-15.htm" target="mainbox">Zaterdag 15 september 2007</a>
<a class="menuItem" href="../Programma/09-22.htm" target="mainbox">Zaterdag 22 september 2007</a>
<div class="menuItemSep"></div>
<a class="menuItem" href="../Programma/09-02.htm" target="mainbox">Zondag 2 september 2007</a>
<a class="menuItem" href="../Programma/09-09.htm" target="mainbox">Zondag 9 september 2007</a>
<a class="menuItem" href="../Programma/09-16.htm" target="mainbox">Zondag 16 september 2007</a>
</div>

<!-- Submenu uit Submenu van Submenu -->
<div id="A-juniorenMenu" class="menu">
<a class="menuItem" href="../Jeugd/Informatie A.htm" target="mainbox">Informatie</a>
<a class="menuItem" href="../Jeugd/Teamindeling A.htm" target="mainbox">Team Indeling</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag A.htm" target="mainbox">Wedstrijdverslagen</a>
</div>

<div id="B-juniorenMenu" class="menu">
<a class="menuItem" href="../Jeugd/Informatie B.htm" target="mainbox">Informatie</a>
<a class="menuItem" href="../Jeugd/Teamindeling B.htm" target="mainbox">Team Indeling</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag B.htm" target="mainbox">Wedstrijdverslagen</a>
</div>

<div id="C-juniorenMenu" class="menu">
<a class="menuItem" href="../Jeugd/Informatie C.htm" target="mainbox">Informatie</a>
<a class="menuItem" href="../Jeugd/Teamindeling C.htm" target="mainbox">Team Indeling</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag C.htm" target="mainbox">Wedstrijdverslagen</a>
</div>

<div id="D-pupillenMenu" class="menu">
<a class="menuItem" href="../Jeugd/Informatie D.htm" target="mainbox">Informatie</a>
<a class="menuItem" href="../Jeugd/Teamindeling D.htm" target="mainbox">Team Indeling</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag D.htm" target="mainbox">Wedstrijdverslagen</a>
</div>

<div id="E-pupillenMenu" class="menu">
<a class="menuItem" href="../Jeugd/Informatie E.htm" target="mainbox">Informatie</a>
<a class="menuItem" href="../Jeugd/Teamindeling E.htm" target="mainbox">Team Indeling</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag E.htm" target="mainbox">Wedstrijdverslagen</a>
</div>

<div id="F-pupillenMenu" class="menu">
<a class="menuItem" href="../Jeugd/Informatie F.htm" target="mainbox">Informatie</a>
<a class="menuItem" href="../Jeugd/Teamindeling F.htm" target="mainbox">Team Indeling</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag F.htm" target="mainbox">Wedstrijdverslagen</a>
</div>

<div id="MeisjesMenu" class="menu">
<a class="menuItem" href="../Jeugd/Informatie M.htm" target="mainbox">Informatie</a>
<a class="menuItem" href="../Jeugd/Teamindeling M.htm" target="mainbox">Team Indeling</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag M.htm" target="mainbox">Wedstrijdverslagen</a>
</div>
<script language="JavaScript">
<!--
var SymRealOnLoad;
var SymRealOnUnload;

function SymOnUnload()
{
  window.open = SymWinOpen;
  if(SymRealOnUnload != null)
     SymRealOnUnload();
}

function SymOnLoad()
{
  if(SymRealOnLoad != null)
     SymRealOnLoad();
  window.open = SymRealWinOpen;
  SymRealOnUnload = window.onunload;
  window.onunload = SymOnUnload;
}

SymRealOnLoad = window.onload;
window.onload = SymOnLoad;

//-->
</script>
  <div id="mainContent">
    <h1>
      <iframe src="main.html" name="mainbox" align="left" frameborder="0" id="mainbox" style="position:relative; left:1px; top:0px; width:755px; height:468px;" allowtransparency="true" borders="0"> </iframe>
    </h1>
  <!-- end #mainContent --></div>
 
Laatst bewerkt door een moderator:
ik zie nergens een link naar je javascriptfuncties (menuMouseover(event)...)
Kan je die ook eens posten?
Van wat ik nu zie werkt je menu met het tonen en verbergen van div's (display:none; / visibilty: hidden; )

--Johan
 
Johan,
Dit is het complete wat ik heb.
Voor de rest heb ik neits want het menu zit in de pagina ingebouwd.

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url(../Layout/Achtergrond.jpg);
}
.oneColLiqCtrHdr #container {
	width: 758px;  /* this will create a container 80% of the browser width */
	background: #FFFFFF; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.oneColLiqCtrHdr #header {
	background: #DDDDDD;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	padding-top: 0;
	padding-bottom: 0;
	background-image: url(Layout/top.jpg);
}
.oneColLiqCtrHdr #header h1 {
	margin: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	padding-right: 0;
	padding-left: 0;
}
.oneColLiqCtrHdr #mainContent {
	background: #FFFFFF;
	padding-top: 0;
	padding-bottom: 0;
	height: 470px;
}
.oneColLiqCtrHdr #footer {
	background:#DDDDDD;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 11px;
	background-image: url(Layout/bottom.jpg);
	height: 18px;
	color: #33FFFF;
} 
.oneColLiqCtrHdr #footer p {
	margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	padding-right: 0;
	padding-left: 0;
	font-size: 11px;
}
-->
</style>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<link rel="shortcut icon" href="../Layout/CKC.ico" />
<style type="text/css">
<!--
.style1 {
	color: #00FFFF
}
-->
</style>
</head>

<body class="oneColLiqCtrHdr">
<div id="container">
  <div id="header">
    <h1 align="right"><a href="http://www.knvb.nl/clubs_comp/search_club?keyword=ckc" target="_blank"><img src="../Layout/KNVB.gif" width="65" height="71" border="0" /></a></h1>
  <!-- end #header --></div>
<!-- Menu bar -->
<div class="menuBar" style="width:auto;">
<a class="menuButton"
    href="Activiteiten.htm" target="mainbox"
>Activiteiten</a>
<a class="menuButton"
	href="Afgelastingen.htm" target="mainbox"
>Afgelastingen</a>
<a class="menuButton"
    href=""
    onclick="return buttonClick(event, 'contactMenu');"
    onmouseover="buttonMouseover(event, 'contactMenu');"
>Contact</a>
<a class="menuButton"
	href=""
    onclick="return buttonClick(event, 'fotoMenu');"
    onmouseover="buttonMouseover(event, 'fotoMenu');"
>Foto's</a>
<a class="menuButton"
	href=""
    onclick="return buttonClick(event, 'historieMenu');"
    onmouseover="buttonMouseover(event, 'historieMenu');"
>Historie</a>
<a class="menuButton"
	href=""
    onclick="return buttonClick(event, 'informatieMenu');"
    onmouseover="buttonMouseover(event, 'informatieMenu');"
>Informatie</a>
<a class="menuButton"
	href=""
    onclick="return buttonClick(event, 'jeugdMenu');"
    onmouseover="buttonMouseover(event, 'jeugdMenu');"
>Jeugd</a>
<a class="menuButton"
	href=""
    onclick="return buttonClick(event, 'organisatieMenu');"
    onmouseover="buttonMouseover(event, 'organisatieMenu');"
>Organisatie</a>
<a class="menuButton"
	href=""
    onclick="return buttonClick(event, 'programmaMenu');"
    onmouseover="buttonMouseover(event, 'programmaMenu');"
>Programma</a>
<a class="menuButton"
	href="../Sponsor/Sponsors.htm" target="mainbox"
>Sponsors</a>
<a class="menuButton"
	href=""
    onclick="return buttonClick(event, 'standenMenu');"
    onmouseover="buttonMouseover(event, 'standenMenu');"
>Standen</a>
<a class="menuButton"
	href=""
    onclick="return buttonClick(event, 'verslagenMenu');"
    onmouseover="buttonMouseover(event, 'verslagenMenu');"
>Verslagen</a>
<a class="menuButton"
	href=""
    onclick="return buttonClick(event, 'w&nMenu');"
    onmouseover="buttonMouseover(event, 'w&nMenu');"
>W & N</a>
<a class="menuButton"
	href="LaatsteNieuws.htm" target="mainbox"
>Laatste Nieuws</a>
</div>
<!-- Sub Menu -->
<div id="contactMenu" class="menu"
onmouseover="menuMouseover(event)">
<a class="menuItem" href="http://www.vvckc.nl/argeweb/gboek/index.php" title="Bekijk of Teken het gastenboek" target="_blank">Gastenboek</a>
<a class="menuItem" href=""
   onclick="return false;"
   onmouseover="menuItemMouseover(event, 'contactMenu1');"
><span class="menuItemText">E-Mail</span><span class="menuItemArrow">▶</span></a>
</div>

<div id="fotoMenu" class="menu"
onmouseover="menuMouseover(event)">
<a class="menuItem" href="../Menu Foto/Elftal foto's.htm" target="mainbox">Elftal foto</a>
<a class="menuItem" href="../Menu Foto/Kampioen foto's.htm" target="mainbox">Kampioenfoto's</a>
<a class="menuItem" href="../Menu Foto/Playbackshow.htm" target="mainbox">Playbackshow 2007</a>
<a class="menuItem" href="../Menu Foto/Int E-pupillen.htm" target="mainbox">Int. E tournooi 2007</a>
<a class="menuItem" href="../Menu Foto/Familiedag.htm" target="mainbox">Familiedag 2007</a>
<a class="menuItem" href="../Menu Foto/Jongste leden.htm" target="mainbox">Jongste lid</a>
</div>

<div id="historieMenu" class="menu"
onmouseover="menuMouseover(event)">
<a class="menuItem" href="../Historie CKC/Historie CKC.htm" target="mainbox">Historie van CKC</a>
<a class="menuItem" href=""
   onclick="return false;"
   onmouseover="menuItemMouseover(event, 'historieMenu1');"
><span class="menuItemText">Foto's</span><span class="menuItemArrow">▶</span></a>
</div>

<div id="informatieMenu" class="menu"
onmouseover="menuMouseover(event)">
<a class="menuItem" href="../Trainingschema/Trainingschema.htm" target="mainbox">Trainingschema 07/08</a>
<a class="menuItem" href="../Informatie/Elftalindeling.htm" target="mainbox">Senioren indeling 07/08</a>
<a class="menuItem" href="../Informatie/Toernooischema.htm" target="mainbox" onblur="upperCase()">Toernooischema</a>
<a class="menuItem" href="../Informatie/Persbericht.htm" target="mainbox">Persbericht</a>
<a class="menuItem" href="../Informatie/Uitslagen.htm" target="mainbox">Weekend uitslagen</a>
<a class="menuItem" href="../Informatie/Locatie.htm" target="mainbox">Locatie's</a>
<a class="menuItem" href="../Formulieren/mailform_Kleding.php" target="mainbox">Kleding formulier</a>
</div>

<div id="jeugdMenu" class="menu"
onmouseover="menuMouseover(event)">
<a class="menuItem" href=""
   onclick="return false;"
   onmouseover="menuItemMouseover(event, 'jeugdMenu1');"
><span class="menuItemText">Algemene Informatie</span><span class="menuItemArrow">▶</span></a>
<a class="menuItem" href="../Jeugd/Scheidsrechter.htm" target="mainbox">Scheidsrechters</a>
<a class="menuItem" href=""
   onclick="return false;"
   onmouseover="menuItemMouseover(event, 'jeugdMenu2');"
><span class="menuItemText">Elftallen</span><span class="menuItemArrow">▶</span></a>
</div>

<div id="organisatieMenu" class="menu"
onmouseover="menuMouseover(event)">
<a class="menuItem" href="../Organisatie/Organigram.htm" target="mainbox">Organigram</a>
<a class="menuItem" href="../Organisatie/Bestuur.htm" target="mainbox">Bestuur</a>
<a class="menuItem" href="../Organisatie/Jeugd.htm" target="mainbox">Jeugdcommissie</a>
<a class="menuItem" href="../Organisatie/Activiteiten.htm" target="mainbox">Activiteitencommissie</a>
<a class="menuItem" href="../Organisatie/Sponsor.htm" target="mainbox">Sponsorcommissie</a>
<a class="menuItem" href="../Organisatie/Leden.htm" target="mainbox">Ereleden / Leden van verdienste</a>
<a class="menuItem" href="../Organisatie/Overige.htm" target="mainbox">Overige functie's</a>
</div>

<div id="programmaMenu" class="menu"
onmouseover="menuMouseover(event)">
<a class="menuItem" href=""
   onclick="return false;"
   onmouseover="menuItemMouseover(event, 'programmaMenu1');"
><span class="menuItemText">Competitie</span><span class="menuItemArrow">▶</span></a>
<a class="menuItem" href="../Programma/Onder23.htm" target="mainbox">Onder 23</a>
<a class="menuItem" href="../Programma/Vriend.htm" target="mainbox">Vriendschappelijk</a>
<a class="menuItem" href="../Programma/Beker.htm" target="mainbox">Beker</a>
</div>

<div id="standenMenu" class="menu"
onmouseover="menuMouseover(event)">
<a class="menuItem" href="../Standen/Stand1e.htm" target="mainbox">1e Elftal</a>
<a class="menuItem" href="http://www.knvb.nl/west2" target="_blank">KNVB West2</a>
</div>

<div id="verslagenMenu" class="menu"
onmouseover="menuMouseover(event)">
<a class="menuItem" href="../Verslagen/Wedstrijdverslag 1.htm" target="mainbox">1e</a>
<a class="menuItem" href="../Verslagen/Wedstrijdverslag 2.htm" target="mainbox">2e</a>
<a class="menuItem" href="../Verslagen/Wedstrijdverslag 3.htm" target="mainbox">3e</a>
<a class="menuItem" href="../Verslagen/Wedstrijdverslag 4.htm" target="mainbox">4e</a>
<a class="menuItem" href="../Verslagen/Wedstrijdverslag 5.htm" target="mainbox">5e</a>
<a class="menuItem" href="../Verslagen/Wedstrijdverslag 6.htm" target="mainbox">6e</a>
<a class="menuItem" href="../Verslagen/Wedstrijdverslag 7.htm" target="mainbox">7e</a>
<a class="menuItem" href="../Verslagen/Wedstrijdverslag DA.htm" target="mainbox">DA1</a>
<div class="menuItemSep"></div>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag A.htm" target="mainbox">A-junioren</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag B.htm" target="mainbox">B-junioren</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag C.htm" target="mainbox">C-junioren</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag D.htm" target="mainbox">D-pupillen</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag E.htm" target="mainbox">E-pupillen</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag F.htm" target="mainbox">F-pupillen</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag M.htm" target="mainbox">Meisjes</a>
</div>

<div id="w&nMenu" class="menu"
onmouseover="menuMouseover(event)">
<a class="menuItem" href="../WenN/Organigram.htm" target="mainbox">Organigram</a>
<a class="menuItem" href="../Formulieren/mailform_WaardenenNormen1.php" target="mainbox">Meldingsformulier</a>
<a class="menuItem" href="../WenN/Documenten/Statuut Waarden en Normen.htm" target="mainbox">Statuut W & N</a>
</div>

<!-- Submenu uit Submenu -->
<div id="contactMenu1" class="menu">
<a class="menuItem" href="../Formulieren/mailform_Webmaster.php" target="mainbox">Webmaster</a>
<a class="menuItem" href="../Formulieren/mailform_Secretaris.php" target="mainbox">Secretaris</a>
<a class="menuItem" href="../Formulieren/mailform_Juniorensecretaris.php" target="mainbox">Junioren Secretaris</a>
<a class="menuItem" href="../Formulieren/mailform_Juniorenredactie.php" target="mainbox">Junioren Redactie</a>
<a class="menuItem" href="../Formulieren/mailform_RedactieWeekbrief.php" target="mainbox">Redactie Weekbrief</a>
<a class="menuItem" href="../Formulieren/mailform_Toernooicommissie.php" target="mainbox">Toernooicommissie</a>
<a class="menuItem" href="../Formulieren/mailform_Waardenennormen.php" target="mainbox">Waarden en Normen</a>
</div>

<div id="historieMenu1" class="menu">
<a class="menuItem" href="../Historie CKC/Welke personen.htm" target="mainbox">Welke personen</a>
<a class="menuItem" href="../Historie CKC/Oprichters.htm" target="mainbox">Oprichters CKC</a>
<a class="menuItem" href="../Historie CKC/Eerstevoorzitter.htm" target="mainbox">Eerste voorzitter</a>
<a class="menuItem" href="../Historie CKC/Jo vdHam.htm" target="mainbox">Jo vd.Ham</a>
<a class="menuItem" href="../Historie CKC/19301931.htm" target="mainbox">Elftal 1930/1931</a>
<a class="menuItem" href="../Historie CKC/19411942.htm" target="mainbox">Elftal 1941/1942</a>
<a class="menuItem" href="../Historie CKC/19511952.htm" target="mainbox">Elftal 1951/1952</a>
</div>

<div id="jeugdMenu1" class="menu">
<a class="menuItem" href="../Jeugd/Organigram.htm" target="mainbox">Organigram</a>
<a class="menuItem" href="../Jeugd/Documenten/Jeugdbeleidsplan vv CKC.htm" target="mainbox">Beleidsplan</a>
<a class="menuItem" href="geeninfo.htm" target="mainbox">Fairplay</a>
<a class="menuItem" href="../Trainingschema/Trainingschema.htm" target="mainbox">Trainingschema 07/08</a>
<a class="menuItem" href="geeninfo.htm" target="mainbox">Toernooischema</a>
</div>

<div id="jeugdMenu2" class="menu"
     onmouseover="menuMouseover(event)">
<a class="menuItem" href=""
   onclick="return false;"
   onmouseover="menuItemMouseover(event, 'A-juniorenMenu');"
><span class="menuItemText">A-junioren</span><span class="menuItemArrow">▶</span></a>
<a class="menuItem" href=""
   onclick="return false;"
   onmouseover="menuItemMouseover(event, 'B-juniorenMenu');"
><span class="menuItemText">B-junioren</span><span class="menuItemArrow">▶</span></a>
<a class="menuItem" href=""
   onclick="return false;"
   onmouseover="menuItemMouseover(event, 'C-juniorenMenu');"
><span class="menuItemText">C-junioren</span><span class="menuItemArrow">▶</span></a>
<a class="menuItem" href=""
   onclick="return false;"
   onmouseover="menuItemMouseover(event, 'D-pupillenMenu');"
><span class="menuItemText">D-pupillen</span><span class="menuItemArrow">▶</span></a>
<a class="menuItem" href=""
   onclick="return false;"
   onmouseover="menuItemMouseover(event, 'E-pupillenMenu');"
><span class="menuItemText">E-pupillen</span><span class="menuItemArrow">▶</span></a>
<a class="menuItem" href=""
   onclick="return false;"
   onmouseover="menuItemMouseover(event, 'F-pupillenMenu');"
><span class="menuItemText">F-pupillen</span><span class="menuItemArrow">▶</span></a>
<a class="menuItem" href=""
   onclick="return false;"
   onmouseover="menuItemMouseover(event, 'MeisjesMenu');"
><span class="menuItemText">Meisjes</span><span class="menuItemArrow">▶</span></a>
</div>

<div id="programmaMenu1" class="menu">
<a class="menuItem" href="../Programma/09-08.htm" target="mainbox">Zaterdag 8 september 2007</a>
<a class="menuItem" href="../Programma/09-15.htm" target="mainbox">Zaterdag 15 september 2007</a>
<a class="menuItem" href="../Programma/09-22.htm" target="mainbox">Zaterdag 22 september 2007</a>
<div class="menuItemSep"></div>
<a class="menuItem" href="../Programma/09-02.htm" target="mainbox">Zondag 2 september 2007</a>
<a class="menuItem" href="../Programma/09-09.htm" target="mainbox">Zondag 9 september 2007</a>
<a class="menuItem" href="../Programma/09-16.htm" target="mainbox">Zondag 16 september 2007</a>
</div>

<!-- Submenu uit Submenu van Submenu -->
<div id="A-juniorenMenu" class="menu">
<a class="menuItem" href="../Jeugd/Informatie A.htm" target="mainbox">Informatie</a>
<a class="menuItem" href="../Jeugd/Teamindeling A.htm" target="mainbox">Team Indeling</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag A.htm" target="mainbox">Wedstrijdverslagen</a>
</div>

<div id="B-juniorenMenu" class="menu">
<a class="menuItem" href="../Jeugd/Informatie B.htm" target="mainbox">Informatie</a>
<a class="menuItem" href="../Jeugd/Teamindeling B.htm" target="mainbox">Team Indeling</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag B.htm" target="mainbox">Wedstrijdverslagen</a>
</div>

<div id="C-juniorenMenu" class="menu">
<a class="menuItem" href="../Jeugd/Informatie C.htm" target="mainbox">Informatie</a>
<a class="menuItem" href="../Jeugd/Teamindeling C.htm" target="mainbox">Team Indeling</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag C.htm" target="mainbox">Wedstrijdverslagen</a>
</div>

<div id="D-pupillenMenu" class="menu">
<a class="menuItem" href="../Jeugd/Informatie D.htm" target="mainbox">Informatie</a>
<a class="menuItem" href="../Jeugd/Teamindeling D.htm" target="mainbox">Team Indeling</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag D.htm" target="mainbox">Wedstrijdverslagen</a>
</div>

<div id="E-pupillenMenu" class="menu">
<a class="menuItem" href="../Jeugd/Informatie E.htm" target="mainbox">Informatie</a>
<a class="menuItem" href="../Jeugd/Teamindeling E.htm" target="mainbox">Team Indeling</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag E.htm" target="mainbox">Wedstrijdverslagen</a>
</div>

<div id="F-pupillenMenu" class="menu">
<a class="menuItem" href="../Jeugd/Informatie F.htm" target="mainbox">Informatie</a>
<a class="menuItem" href="../Jeugd/Teamindeling F.htm" target="mainbox">Team Indeling</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag F.htm" target="mainbox">Wedstrijdverslagen</a>
</div>

<div id="MeisjesMenu" class="menu">
<a class="menuItem" href="../Jeugd/Informatie M.htm" target="mainbox">Informatie</a>
<a class="menuItem" href="../Jeugd/Teamindeling M.htm" target="mainbox">Team Indeling</a>
<a class="menuItem" href="../Jeugd/Wedstrijdverslag M.htm" target="mainbox">Wedstrijdverslagen</a>
</div>
<script language="JavaScript">
<!--
var SymRealOnLoad;
var SymRealOnUnload;

function SymOnUnload()
{
  window.open = SymWinOpen;
  if(SymRealOnUnload != null)
     SymRealOnUnload();
}

function SymOnLoad()
{
  if(SymRealOnLoad != null)
     SymRealOnLoad();
  window.open = SymRealWinOpen;
  SymRealOnUnload = window.onunload;
  window.onunload = SymOnUnload;
}

SymRealOnLoad = window.onload;
window.onload = SymOnLoad;

//-->
</script>
  <div id="mainContent">
    <h1>
      <iframe src="main.html" name="mainbox" align="left" frameborder="0" id="mainbox" style="position:relative; left:1px; top:0px; width:755px; height:468px;" allowtransparency="true" borders="0"> </iframe>
    </h1>
  <!-- end #mainContent --></div>
  <div id="footer">
</body>
</html>
 
Laatst bewerkt door een moderator:
Ik zie dat je pagina een editor-template gebruikt. Maar nog steeds kan ik nergens de definitie van je javascriptfuncties vinden, waarschijnlijk omdat deze onderdeel van je template/masterpage zijn.
Staat je site ergens online?

Vermoedelijk moet je in de onclick van je items de functie menuMouseover(event) aanroepen, maar dit is zonder enige zekerheid.

--Johan
 
Als je naar die broncode kijkt, zie je nog een aantal pagina's javascript, nl die die verantwoordelijk is voor je menus :p
Dat codeblok begint met
Code: 
//<![CDATA[
//*****************************************************************************
// Do not remove this notice.
//
// Copyright 2000-2004 by Mike Hall.
// See http://www.brainjar.com for terms of use.
//*****************************************************************************

Ik kan niet met 100% zekerheid zeggen dat onderstaande code zal werken, maar het maakt kans ;)
In je pagina voeg je volgende code toe net na die javascript voor je menu en <!-- InstanceEndEditable -->
HTML: 
<script type="text/javascript">
function sluitMenuBijKlik()
{
    resetButton(activeButton);
    activeButton = null;
}
</script>
en pas je menu's als volgt aan:
alle links van de klasse menuItem
die href="" en onclick="return false;" hebben
maak van die onclick:
Code: 
onclick="sluitMenuBijKlik();return false;"
die href="link" hebben
voeg een onclick toe:
Code: 
onclick="sluitMenuBijKlik();"

Zoals gezegd zal dit waarschijnlijk nog niet werken, maar bvb enkel de rode kleur weghalen. Eenmaal dit lukt kunnen we verderkijken..

--Johan
 
Johan,

Ik heb het bij eentje geprobeerd en het werkt zodra ik op het onderwerp klikt verdwijnt het menu dus ik hoeft nu niet meer van het menu af te gaan met de cursor om het menu te sluiten.
Hartstikke bedankt voor de medewerking, ik ben hier ontzettend blij mee.
Super!!!!!!!!!!!! :thumb: :thumb: :thumb:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan