Drop down menu Java met onclick 2 acties

  • Onderwerp starter Onderwerp starter GuyM
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.
G

GuyM

Gebruiker
Lid geworden
28 aug 2008
Berichten
12
Hallo beste mensen ik heb een vraag,

Is het mogelijk om 2 acties te gelijk uit te voeren met 1 click? Ik heb het volgende script:

<script type="text/javascript">
//<![CDATA[
<!--
function ShowHide(menuID) {
var menuObj=document.getElementById('Link'+menuID);
var cellBk=document.getElementById('Head'+menuID);
if(menuObj.className== "LINKSON") { // IF MENU OPEN THEN CLOSE
menuObj.className = "LINKSOFF";
cellBk.style.backgroundColor = "#FFFFFF"; // SET CELL BACKGROUND COLOUR BLACK
cellBk.style.Color = "#FFFFFF"; // SET FONT COLOUR WHITE
}
else {
menuObj.className = "LINKSON"; // OPEN MENU
cellBk.style.backgroundColor = "#FFFFFF"; // SET CELL BACKGROUND COLOUR GREY
cellBk.style.color = "#FFFFFF"; // SET FONT COLOUR BLACK
}
}
//-->
//]]>
</script>

En dit staat in mijn pagina:

<td id="head0" align="right" width="200" height="15" class="HEADING" onclick="ShowHide(0)"><span class="style32">Kop van menu</span></td>
<td><img src="images/pijl_oranje.jpg" width="16" height="19" /></td>
</tr>
<tr>
<td align="right" bgcolor="#FFFFFF"><!-- Menu 1 -->
<div id="Link0" class="LINKSOFF">
<a class="nav" href="1e link">1e link</a><br />
<a class="nav" href="2e link">2e link</a><br />
<a class="nav" href="3e link">3e link</a><br />
</span></div></td>
</tr>
<tr>

Mijn vraag is bij de onclick="ShowHide(0)" of het mogelijk is zodra men klikt op Kop van menu of deze tegelijk de showhide kan uitvoeren en een href naar een link?

Zo ja zou iemand mij dan willen helpen met de code

Alvast bedankt!
 
er zijn verschillende manieren om twee event handlers te registreren op één event.

Helaas is de volgorde waarin ze uitgevoerd worden bij de IE implementatie random, dus ik registreer altijd maar één event handler en in die functie kun je meerdere andere functies (event handlers) aanroepen. Vergeet dan niet het event element door te geven aan de functie.

http://msdn.microsoft.com/en-us/library/ms536343(VS.85).aspx
When sEvent fires on the object, the object's sEvent handler is called before fpNotify , the specified function. If you attach multiple functions to the same event on the same object, the functions are called in random order, immediately after the object's event handler is called.
Klik om te vergroten...


Overigens, als je alleen een javascript wilt uitvoeren en een link openen kun je gewoon de onclick handler van een <a> element gebruiken en géén false returnen.

Ik vraag me alleen af wat voor nut het heeft een menu te verberger / herstellen als je vervolgens een nieuwe pagina opent? Alles zit dan weer terug in de begin staat, behalve als ik niet precies begrijp wat je probeert?



P.S.
Je code valt niet te testen zonder de CSS erbij.
 
Laatst bewerkt:
Glest zei:
er zijn verschillende manieren om twee event handlers te registreren op één event.

Helaas is de volgorde waarin ze uitgevoerd worden bij de IE implementatie random, dus ik registreer altijd maar één event handler en in die functie kun je meerdere andere functies (event handlers) aanroepen. Vergeet dan niet het event element door te geven aan de functie.

http://msdn.microsoft.com/en-us/library/ms536343(VS.85).aspx



Overigens, als je alleen een javascript wilt uitvoeren en een link openen kun je gewoon de onclick handler van een <a> element gebruiken en géén false returnen.

Ik vraag me alleen af wat voor nut het heeft een menu te verberger / herstellen als je vervolgens een nieuwe pagina opent? Alles zit dan weer terug in de begin staat, behalve als ik niet precies begrijp wat je probeert?



P.S.
Je code valt niet te testen zonder de CSS erbij.
Klik om te vergroten...


Hoi bedankt voor je reactie

Dit is de complete code

<!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 name="Keywords" content="" />
<meta name="Description" content="" />
<meta name="Author" content="myChanger" />
<meta name="Robots" content="index,follow" />
<meta name="Distribution" content="Global" />
<meta name="Rating" content="Mature" />
<meta name="Language" content="nl" />
<meta name="Doc-Type" content="Web Page" />
<meta name="Doc-Class" content="Completed" />
<meta name="Doc-Rights" content="Copywritten Work" />
<meta name="Resource-Type" content="document" />
<meta name="Generator" content="Changer" />
<meta name="Revisit-After" content="30" />
<meta name="Last-Modified" content="" />
<title>GPO - Solutions B.V. | PTC's Product Development System voor productontwikkelingsprocessen</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<META http-equiv="pragma" content="no-cache">
<META NAME="author" CONTENT="TT">
<META NAME="robots" CONTENT="INDEX,FOLLOW">
<META NAME="description" lang="nl" CONTENT="">
<META NAME="keywords" lang="nl" CONTENT=" ">
<META NAME="copyright" CONTENT="TT">
<style>
<!--
a.nav:link { font-family: Tahoma; font-size: 10px; text-decoration: none; color: #7F7F7F}
a.nav:visited { font-family: Tahoma; font-size: 10px; text-decoration: none; color: #7F7F7F}
a.nav:active { font-family: Tahoma; font-size: 10px; text-decoration: none; color: #7F7F7F }
a.nav:hover { font-family: Tahoma; font-size: 10px; text-decoration: none; color: #DC6501 }
.HEADING { cursor: hand; font-family: Tahoma; font-size: 12px; color: #FFFFFF;
background-color: #FFFFFF; font-weight: none;
border: 1 solid #000000 }
.LINKSOFF { display: none; font-family: Tahoma; font-size: 12px; color: #7F7F7F }
.LINKSON { display: inline; font-family: Tahoma; font-size: 12px; color: #DC6501 }
-->
</style>
<script language="JavaScript1.2" type="text/javascript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

//-->
</script>
<style type="text/css">

body {
background-image: url(images/index_r1_c10.jpg);
}
td img {display: block;}.style11 {font-family: Tahoma; font-size: 10px; color: #7F7F7F; font-weight: bold; }
a:link {
color: #7F7F7F;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #7F7F7F;
}
a:hover {
text-decoration: underline;
color: #DC6501;
}
a:active {
text-decoration: none;
color: #DC6501;
}
td img {display: block;}
.style14 {font-size: 10px; color: #7F7F7F; font-family: Tahoma;}
.style17 { font-family: Tahoma;
font-weight: bold;
color: #7F7F7F;
}
</style>
<style type="text/css">
body {
background-image: url(images/index_r1_c10.jpg);
}
td img {display: block;}.style11 {font-family: Tahoma; font-size: 10px; color: #7F7F7F; font-weight: bold; }
a:link {
color: #7F7F7F;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #7F7F7F;
}
a:hover {
text-decoration: underline;
color: #DC6501;
}
a:active {
text-decoration: none;
color: #DC6501;
}
td#link a:link {color: #DC6501;}
td#link a:visited {color: #DC6501;}
td#link a:hover {color: #DC6501;}
td#link a:active {color: #DC6501;}
.style14 {font-size: 10px; color: #7F7F7F; font-family: Tahoma;}
.HEADING {cursor: hand; font-family: Tahoma; font-size: 12px; color: #FFFFFF;
background-color: #FFFFFF; font-weight: none;
border: 1 solid #000000 }
.LINKSOFF {display: none; font-family: Tahoma; font-size: 12px; color: #7F7F7F }
.style26 {font-size: 14px}
.style27 {
color: #dc6501;
font-weight: bold;
}
.style28 {color: #dc6501}
.style29 {font-size: 11px}
.style31 {font-family: Tahoma; font-size: 13px; color: #7F7F7F; }
.style32 {font-family: Tahoma; font-size: 11px; color: #7F7F7F; font-weight: bold; }
</style>
</head>
<script type="text/javascript">
//<![CDATA[
<!--
function ShowHide(menuID) {
var menuObj=document.getElementById('Link'+menuID);
var cellBk=document.getElementById('Head'+menuID);
if(menuObj.className== "LINKSON") { // IF MENU OPEN THEN CLOSE
menuObj.className = "LINKSOFF";
cellBk.style.backgroundColor = "#FFFFFF"; // SET CELL BACKGROUND COLOUR BLACK
cellBk.style.Color = "#FFFFFF"; // SET FONT COLOUR WHITE
}
else {
menuObj.className = "LINKSON"; // OPEN MENU
cellBk.style.backgroundColor = "#FFFFFF"; // SET CELL BACKGROUND COLOUR GREY
cellBk.style.color = "#FFFFFF"; // SET FONT COLOUR BLACK
}
}
//-->
//]]>
</script>
<body bgcolor="#e5e5dd" onload="MM_preloadImages('images/index_r4_c3_f2.jpg','images/index_r4_c7_f2.jpg','images/index_r4_c10_f2.jpg','images/index_r4_c14_f2.jpg','images/index_r4_c18_f2.jpg','images/index_r4_c20_f2.jpg','images/index_r4_c24_f2.jpg','images/index_r14_c15_f2.jpg','images/menu_r2_c8_f2.jpg','images/menu_r3_c2_f2.jpg','images/menu_r3_c4_f2.jpg','images/menu_r3_c6_f2.jpg','images/menu_r3_c10_f2.jpg','images/menu_r3_c12_f2.jpg','images/menu_r3_c14_f2.jpg')">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="769">
<!-- fwtable fwsrc="menu.png" fwbase="menu.jpg" fwstyle="Dreamweaver" fwdocid = "820227530" fwnested="0" -->
<tr>
<td><img src="images/spacer.gif" width="19" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="38" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="17" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="67" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="12" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="59" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="10" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="79" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="10" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="72" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="15" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="67" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="30" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="50" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="30" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="184" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="10" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="15"><img name="menu_r1_c1" src="images/menu_r1_c1.jpg" width="575" height="10" border="0" id="menu_r1_c1" alt="" /></td>
<td rowspan="5" background="images/menu_r1_c16.jpg">&nbsp;</td>
<td rowspan="6"><img name="menu_r1_c17" src="images/menu_r1_c17.jpg" width="10" height="41" border="0" id="menu_r1_c17" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="10" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="7"><img name="menu_r2_c1" src="images/menu_r2_c1.jpg" width="222" height="1" border="0" id="menu_r2_c1" alt="" /></td>
<td rowspan="3"><a href="opleidingen_index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu_r2_c8','','images/menu_r2_c8_f2.jpg',1);"><img name="menu_r2_c8" src="images/menu_r2_c8.jpg" width="79" height="16" border="0" id="menu_r2_c8" alt="" /></a></td>
<td colspan="7"><img name="menu_r2_c9" src="images/menu_r2_c9.jpg" width="274" height="1" border="0" id="menu_r2_c9" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="4"><img name="menu_r3_c1" src="images/menu_r3_c1.jpg" width="19" height="30" border="0" id="menu_r3_c1" alt="" /></td>
<td><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu_r3_c2','','images/menu_r3_c2_f2.jpg',1);"><img name="menu_r3_c2" src="images/menu_r3_c2.jpg" width="38" height="13" border="0" id="menu_r3_c2" alt="" /></a></td>
<td rowspan="4"><img name="menu_r3_c3" src="images/menu_r3_c3.jpg" width="17" height="30" border="0" id="menu_r3_c3" alt="" /></td>
<td><a href="producten.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu_r3_c4','','images/menu_r3_c4_f2.jpg',1);"><img name="menu_r3_c4" src="images/menu_r3_c4.jpg" width="67" height="13" border="0" id="menu_r3_c4" alt="" /></a></td>
<td rowspan="4"><img name="menu_r3_c5" src="images/menu_r3_c5.jpg" width="12" height="30" border="0" id="menu_r3_c5" alt="" /></td>
<td><a href="diensten.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu_r3_c6','','images/menu_r3_c6_f2.jpg',1);"><img name="menu_r3_c6" src="images/menu_r3_c6.jpg" width="59" height="13" border="0" id="menu_r3_c6" alt="" /></a></td>
<td rowspan="4"><img name="menu_r3_c7" src="images/menu_r3_c7.jpg" width="10" height="30" border="0" id="menu_r3_c7" alt="" /></td>
<td rowspan="4"><img name="menu_r3_c9" src="images/menu_r3_c9.jpg" width="10" height="30" border="0" id="menu_r3_c9" alt="" /></td>
<td><a href="referenties.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu_r3_c10','','images/menu_r3_c10_f2.jpg',1);"><img name="menu_r3_c10" src="images/menu_r3_c10.jpg" width="72" height="13" border="0" id="menu_r3_c10" alt="" /></a></td>
<td rowspan="4"><img name="menu_r3_c11" src="images/menu_r3_c11.jpg" width="15" height="30" border="0" id="menu_r3_c11" alt="" /></td>
<td><a href="vacatures.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu_r3_c12','','images/menu_r3_c12_f2.jpg',1);"><img name="menu_r3_c12" src="images/menu_r3_c12.jpg" width="67" height="13" border="0" id="menu_r3_c12" alt="" /></a></td>
<td rowspan="4"><img name="menu_r3_c13" src="images/menu_r3_c13.jpg" width="30" height="30" border="0" id="menu_r3_c13" alt="" /></td>
<td><a href="contact.asp" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu_r3_c14','','images/menu_r3_c14_f2.jpg',1);"><img name="menu_r3_c14" src="images/menu_r3_c14.jpg" width="50" height="13" border="0" id="menu_r3_c14" alt="" /></a></td>
<td rowspan="4"><img name="menu_r3_c15" src="images/menu_r3_c15.jpg" width="30" height="30" border="0" id="menu_r3_c15" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="13" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="3"><img name="menu_r4_c2" src="images/menu_r4_c2.jpg" width="38" height="17" border="0" id="menu_r4_c2" alt="" /></td>
<td rowspan="3"><img name="menu_r4_c4" src="images/menu_r4_c4.jpg" width="67" height="17" border="0" id="menu_r4_c4" alt="" /></td>
<td rowspan="3"><img name="menu_r4_c6" src="images/menu_r4_c6.jpg" width="59" height="17" border="0" id="menu_r4_c6" alt="" /></td>
<td rowspan="3"><img name="menu_r4_c10" src="images/menu_r4_c10.jpg" width="72" height="17" border="0" id="menu_r4_c10" alt="" /></td>
<td rowspan="3"><img name="menu_r4_c12" src="images/menu_r4_c12.jpg" width="67" height="17" border="0" id="menu_r4_c12" alt="" /></td>
<td rowspan="3"><img name="menu_r4_c14" src="images/menu_r4_c14.jpg" width="50" height="17" border="0" id="menu_r4_c14" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="2" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2"><img name="menu_r5_c8" src="images/menu_r5_c8.jpg" width="79" height="15" border="0" id="menu_r5_c8" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="6" border="0" alt="" /></td>
</tr>
<tr>
<td><img name="menu_r6_c16" src="images/menu_r6_c16.jpg" width="184" height="9" border="0" id="menu_r6_c16" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="9" border="0" alt="" /></td>
</tr>
</table>
</div>
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/spacer.gif" width="8" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="24" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="5" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="24" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="30" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="48" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="22" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="9" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="50" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="2" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="27" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="9" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="37" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="18" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="2" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="61" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="20" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="52" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="5" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="7" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="27" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="40" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="35" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="3" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="6" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="192" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="5" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="10" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td rowspan="6"></td>
<td rowspan="2" colspan="20"><img src="images/index_r7_c2.jpg" width="447" height="209" /></td>
</tr>
<tr>
<td rowspan="5">&nbsp;</td>
<td rowspan="2" colspan="7" bgcolor="#FFFFFF" valign="top"><table width="99%" height="139" border="0">
<tr>
<td height="98" valign="top"><div align="center"><img src="images/gpo_logo.jpg" alt="" width="259" height="108" /></div></td>
</tr>
<tr>
<td height="67" valign="top">&nbsp;</td>
</tr>
</table></td>
<td rowspan="6"></td>
<td><img src="images/spacer.gif" width="1" height="205" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" colspan="20"><img name="index_r9_c2" src="images/index_r9_c2.jpg" width="447" height="6" border="0" id="index_r9_c2" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="7"><img name="index_r10_c23" src="images/index_r10_c23.jpg" width="308" height="5" border="0" id="index_r10_c23" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="5" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2"><img name="index_r11_c2" src="images/index_r11_c2.jpg" width="29" height="20" border="0" id="index_r11_c2" alt="" /></td>
<td rowspan="2"><img name="index_r11_c4" src="images/index_r11_c4.jpg" width="1" height="24" border="0" id="index_r11_c4" alt="" /></td>
<td colspan="17" bgcolor="#FFFFFF" class="style11"><a href="../gpowww/index.html"> </a>
<table width="99%" border="0">
<tr>
<td width="8%"><a href="index.html">Home</a></td>
<td width="17%">&gt; Producten</a> </td>
<td width="69%">&nbsp;</td>
<td width="6%">&nbsp;</td>
</tr>
</table>
<a href="../gpowww/index.html"></a></td>
<td colspan="3" bgcolor="#FFFFFF" class="style11">&nbsp;</td>
<td rowspan="2"><img name="index_r11_c26" src="images/index_r11_c26.jpg" width="3" height="24" border="0" id="index_r11_c26" alt="" /></td>
<td colspan="3" bgcolor="#FFFFFF">&nbsp;</td>
<td><img src="images/spacer.gif" width="1" height="20" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2"><img name="index_r12_c2" src="images/index_r12_c2.jpg" width="29" height="4" border="0" id="index_r12_c2" alt="" /></td>
<td colspan="17"><img name="index_r12_c5" src="images/index_r12_c5.jpg" width="417" height="4" border="0" id="index_r12_c5" alt="" /></td>
<td colspan="3"><img name="index_r12_c23" src="images/index_r12_c23.jpg" width="102" height="4" border="0" id="index_r12_c23" alt="" /></td>
<td colspan="3"><img name="index_r12_c27" src="images/index_r12_c27.jpg" width="203" height="4" border="0" id="index_r12_c27" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="4" border="0" alt="" /></td>
</tr>
<tr>
<td></td>
<td colspan="10" bgcolor="#FFFFFF" valign="top"><table width="99%" border="0">
<tr>
<td><table width="99%" height="34" border="0">
<tr>
<td width="12%" height="30"><img src="images/nieuws.jpg" width="11" height="10" /></td>
<td width="88%"><div align="left"><strong><span class="style31">Producten</span></strong></div></td>
</tr>
</table>
<table width="184" align="center" cellpadding="0">
<tr>
<td id="head0" align="right" width="200" height="15" class="HEADING" onclick="ShowHide(0)"><span class="style32">Pro/ENGINEER</span></td>
<td><img src="images/pijl_oranje.jpg" width="16" height="19" /></td>
</tr>
<tr>
<td align="right" bgcolor="#FFFFFF"><!-- Menu 1 -->
<div id="Link0" class="LINKSOFF">
<a class="nav" href="cad.html"></a><br />
<a class="nav" href="cam.html"></a><br />
<a class="nav" href="cae.html"></a><br />
</span></div></td>
</tr>
<tr>
<td id="head1" align="right" class="HEADING" onclick="ShowHide(1)"><span class="style32"></span></td>
<td><img src="images/pijl_oranje.jpg" width="16" height="19" /></td>
</tr>
<tr>
<td align="right" bgcolor="#FFFFFF"><!-- Menu 2 -->
<div id="Link1" class="LINKSOFF">
<a class="nav" href="windchill_pdmlink.html"></a><br />
<a class="nav" href="windchill_projectlink.html"></a><br />
<a class="nav" href="windchill_partslink.html"></a><br />
<a class="nav" href="windchill_mpmlink.html"></a><br />
<a class="nav" href="windchill_business_reporting.html"></a><br />
<a class="nav" href="pro_intralink.html"></a><br />
</div></td>
</tr>
<tr>
<td id="head1" align="right" class="HEADING" onclick="ShowHide(2)"><span class="style32"></span></td>
<td><img src="images/pijl_oranje.jpg" width="16" height="19" /></td>
</tr>
<tr>
<td align="right" bgcolor="#FFFFFF"><!-- Menu 3 -->
<div id="Link2" class="LINKSOFF">
<a class="nav" href="arbortext_isodraw_foundation.html"></a><br />
<a class="nav" href="arbortext_isodraw_cadprocess.html"></a><br />
</div></td>
</tr>
<tr>
<td id="head1" align="right" class="HEADING"><span class="style32"><a href="mathcad.html"></a></span></td>
<td><img src="images/pijl_oranje.jpg" width="16" height="19" /></td>
</tr>
<tr>
<td id="head1" align="right" class="HEADING"><span class="style32"><a href="productview.html"></a></span></td>
<td><img src="images/pijl_oranje.jpg" width="16" height="19" /></td>
</tr>
<tr>
<td id="head1" align="right" class="HEADING" onclick="ShowHide(3)"><span class="style32"></span></td>
<td><img src="images/pijl_oranje.jpg" width="16" height="19" /></td>
</tr>
<tr>
<td align="right" bgcolor="#FFFFFF"><!-- Menu 4 -->
<div id="Link3" class="LINKSOFF">
<a class="nav" href="startup_tools.html"></a><br />
<a class="nav" href="automation_gateway.html"></a><br />
<a class="nav" href="smartholechart.html"></a><br />
<a class="nav" href="post_processoren.html"></a><br />
</div></td>
</tr>
</table>
<table width="99%" border="0">
<tr>
<td><span class="style11">..................................................................</span></td>
</tr>
</table></td>
</tr>
<tr>
<td height="155" valign="top"><table width="99%" height="34" border="0">
<tr>
<td height="30"><img src="images/nieuws.jpg" width="11" height="10" /></td>
<td><div align="left"><strong><span class="style31"></span></strong></div></td>
</tr>
</table>
<table width="99%" border="0">
<tr>
<td><table width="99%" border="0">
<tr>
<td width="90%" class="style11"><div align="right" class="style29"><a href="actie_updatetraining.html">Aanbieding update wildfire 4.0</a> </div></td>
<td width="10%"><img src="images/pijl_oranje.jpg" width="16" height="19" /></td>
</tr>
<tr>
<td class="style11"><div align="right" class="style29"><a href="how.html"> </a></div></td>
<td><img src="images/pijl_oranje.jpg" width="16" height="19" /></td>
</tr>
</table></td>
</tr>
</table>
<table width="99%" border="0">
<tr>
<td><span class="style11">..................................................................</span></td>
</tr>
</table></td>
</tr>
<tr>
<td height="86" valign="top">&nbsp;</td>
</tr>


</table></td>
<td width="1" bgcolor="#CCCCCC"></td>
<td colspan="17" bgcolor="#FFFFFF" valign="top"><table width="99%" border="0">
<tr>
<td height="33" valign="top" class="style14" ><h4><span class="style17 style26">Producten</span></h4></td>
</tr>
<tr>

<p align="center"><img src="images/PDS.gif" width="120" height="120" /></p>
<p>&nbsp;</p>
</tr>
</table></td>
<td><img src="images/spacer.gif" width="1" height="433" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="14"><img name="index_r14_c1" src="images/index_r14_c1.jpg" width="260" height="15" border="0" id="index_r14_c1" alt="" /></td>
<td colspan="2"><script type="text/javascript" language="JavaScript"><!--//
function Venster(URL) {
venster = window.open(URL, '/disclaimer.html', 'width=220, height=250, resizable=no, menubar=no, scrollbars=no, status=no, toolbar=no');
}
//--></script>
<a href="disclaimer.html" target="" onmouseover="MM_swapImage('index_r14_c15','','images/index_r14_c15_f2.jpg',1);" onmouseout="MM_swapImgRestore()"><img name="index_r14_c15" src="images/index_r14_c15.jpg" width="55" height="15" border="0" id="index_r14_c15" alt="" /></a></td>
<td colspan="14"><img name="index_r14_c17" src="images/index_r14_c17.jpg" width="465" height="15" border="0" id="index_r14_c17" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="15" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="30"><img name="index_r15_c1" src="images/index_r15_c1.jpg" width="780" height="16" border="0" id="index_r15_c1" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="16" border="0" alt="" /></td>
</tr>
</table>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2652397-1";
urchinTracker();
</script>
</body>
</html>

Zou je mij uit kunnen leggen hoe ik een eventhandler in een eventhandler stop en hoe ik het event element door kan geven?

Zou je ook even kunnen uitleggen wat je hiermee bedoelt

Overigens, als je alleen een javascript wilt uitvoeren en een link openen kun je gewoon de onclick handler van een <a> element gebruiken en géén false returnen.


Je hebt gelijk dat de verberg functie weinig nut heeft
Alvast bedankt!
 
Nouja, als je wilt dat er iets gebeurt wanneer iemand op een link klikt, en daarnaast ook nog eens de link opent dan kun je gewoon dit doen:

Code: 
<a href="link.html" onclick="dostuff()">Text</a>

Hier gebeurt het volgende:
  • Javascript voert dostuff() uit.
  • link.html wordt geopent (behalve als dostuff false returnde).

Het enige waar je op moet letten in deze situatie is dat er in dostuff nergens "return false;" staat (of iets wat op hetzelfde neerkomt), want in dat geval zal de link niet meer gevolgd worden.

Als dit je vraag niet beantwoord, wat moet er dan precies gebeuren? Er wordt op de header van je menu geklikt, en vervolgens moet wat gebeuren?
 
Glest zei:
Nouja, als je wilt dat er iets gebeurt wanneer iemand op een link klikt, en daarnaast ook nog eens de link opent dan kun je gewoon dit doen:

Code: 
<a href="link.html" onclick="dostuff()">Text</a>

Hier gebeurt het volgende:
  • Javascript voert dostuff() uit.
  • link.html wordt geopent (behalve als dostuff false returnde).

Het enige waar je op moet letten in deze situatie is dat er in dostuff nergens "return false;" staat (of iets wat op hetzelfde neerkomt), want in dat geval zal de link niet meer gevolgd worden.

Als dit je vraag niet beantwoord, wat moet er dan precies gebeuren? Er wordt op de header van je menu geklikt, en vervolgens moet wat gebeuren?
Klik om te vergroten...


Zodra dat er op mijn header van het menu geklikt wordt moet er een pagina verschijnen een link dus en te gelijker tijd moet het event van dropdown menu uitgevoerd worden
 
In dat geval is dit genoeg:

Code: 
<a href="link.html" target="_blank" onlick="ShowHide(0)">Header text</a>

target="_blank" kun je weg laten, maar dan heeft het geen nut meer om de javascript te draaien want er wordt toch een nieuwe pagina geladen.

Als je wilt dat een pagina wordt geopent en vervolgens het menu goed staat, dan moet je het menu in die pagina die ge-opent wordt zo aanpassen (in de code of met javascript) dat de goede categorie al open staat. Maar dat moet gebeuren nadat de link is geladen, dus dat moet je vanuit de nieuwe pagina doen, niet vanuit de oude.
 
Glest zei:
In dat geval is dit genoeg:

Code: 
<a href="link.html" target="_blank" onlick="ShowHide(0)">Header text</a>

target="_blank" kun je weg laten, maar dan heeft het geen nut meer om de javascript te draaien want er wordt toch een nieuwe pagina geladen.

Als je wilt dat een pagina wordt geopent en vervolgens het menu goed staat, dan moet je het menu in die pagina die ge-opent wordt zo aanpassen (in de code of met javascript) dat de goede categorie al open staat. Maar dat moet gebeuren nadat de link is geladen, dus dat moet je vanuit de nieuwe pagina doen, niet vanuit de oude.
Klik om te vergroten...

Weet jij hoe ik dat dan zou door moeten geven aan de nieuwe _blank pagina zodat de juiste categorie openstaat? Heb geen flauw idee hoe ik dat zou moeten doen in de nieuwe pagina die geopent wordt.

Alvast bedankt!
 
Ik ben er bijna uit! alleen 1 ding nog hoe kan ik zorgen dat in de nieuw geopende pagina de desbetreffende categorie op Show staat zodat gelijk de submenu's te zien zijn maar er moet natuurlijk nog wel de optie hide in zitten op dat moment.

Bedankt alvast!
 
Laatst bewerkt:
Op de pagina die geopent wordt door op de categorie te klikken zet je ergens in de body(!) dit:

Code: 
<script type="text/javascript">
ShowHide(0)
</script>

Overigens is het beter als je het andersom doet, dus het menu zichtbaar in de bron en vervolgens alle menu's inklapt (behalve dus het menu wat open moet zijn). Op die manier hebben mensen zonder javascript nog wel volledig toegang tot je menu.
 
Glest zei:
Op de pagina die geopent wordt door op de categorie te klikken zet je ergens in de body(!) dit:

Code: 
<script type="text/javascript">
ShowHide(0)
</script>

Overigens is het beter als je het andersom doet, dus het menu zichtbaar in de bron en vervolgens alle menu's inklapt (behalve dus het menu wat open moet zijn). Op die manier hebben mensen zonder javascript nog wel volledig toegang tot je menu.
Klik om te vergroten...

Ik heb bovenstaande in de body gezet maar hoe geef ik dan vervolgens aan welk menu opgeklapt moet zijn?

Ik denk zelf dat het probleem is van hoe geef ik aan dat het geen onclick actie moet zijn om het submenu te laten zien maar dat het er al moet staan
 
Laatst bewerkt:
ShowHide(0) neemt een nummer, dat nummer bepaalt welk menu openklapt. Neem ik aan tenminste, jij heb de functie geschreven.

En door het gewoon te schrijven zoals ik liet zien "ShowHide(0)" wordt het uitgevoerd, los van onclick events.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan