Bijgaand menu in javascript staat in een frame. Via het aanklikken van een item in het menu moet dat item geopend worden in een ander frame. In onderstaande codering wordt het item geopend in het frame waar ook het menu staat.
Wat moet ik veranderen in onderstaand script om het wel goed te laten werlen??
Dank
<style>
.Vmenu4
{
COLOR: #ffffff;
FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, serif;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
LINE-HEIGHT: 125%;
TEXT-DECORATION: none
}
.Vmenu4:hover
{
COLOR: #800000
}
</style>
<script language="JavaScript">
<!--
//number of menu sections
var sections=4;
//menu titles
var sect=new Array('introduktie','aktueel','geschiedenis','divers');
//menu contents
var menu0=new Array('site introduction');
var links0=new Array('bestuur');
var menu1=new Array('start','beginning','main section','contents','contents one','middle','middle one','main body','outing');
var links1=new Array('vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4');
var menu2=new Array('help desk','tech help','shopping','sales','account','suggestions','errors');
var links2=new Array('vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4');
var menu3=new Array('contents','beginners guide','index','key words');
var links3=new Array('vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4');
//build up menu URL's
function goToPage(theSect, thePage) {
thePath=eval('links' + theSect + '[' + thePage + ']');
if (theSect==0){
newPath=thePath + ".htm";
self.location.href=newPath;
}
else if (theSect==1){
newPath=thePath + ".htm";
self.location.href=newPath;
}
else if (theSect==2) {
newPath=thePath + ".htm";
self.location.href=newPath;
}
else if (theSect==3){
newPath=thePath + ".htm";
self.location.href=newPath;
}
}
//loop to build menu links and populate menu titles
function addLinks(whichMenu, whichSect) {
arrayLength=whichMenu.length;
var i=0;
var m=whichMenu;
for (var i=0; i<arrayLength; i++){
document.write("<td bgcolor='#ff6600'><img src='images/spacer.gif' width='7'><a class='Vmenu4' href='javaScript: goToPage(" + whichSect + ", " + i + ")'>" + m + "</a></td></tr><tr>")
}
document.write("</tr><tr><td><img src='images/spacer.gif'></td></tr><tr>");
}
//loop to build menu titles
function createTable(){
document.write("<table width='110' cellspacing='0' cellpadding='0' border='0'><tr>");
for (var i=0; i<sections; i++){
document.write("<td bgColor='#800000' height='20'><img src='images/spacer.gif' width='7'><span class='Vmenu4'>" + sect + "</td></tr><tr>");
addLinks(eval("menu" + i), i);
}
document.write("</td></tr></table>");
}
// -->
</script>
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" bgcolor="#FFFFFF">
<table border="0" cellspacing="0" cellpadding="0" height=100% width=110>
<tr>
<td bgcolor='#ff6600'><img src=images/spacer.gif width=110 height=35></td>
</tr>
<tr>
<td bgcolor="#ff6600" valign="top" width="110">
<script language="javaScript">
createTable();
</script>
</td>
</tr>
<tr bgcolor='#ff6600'>
<td height=100% bgcolor='#ff6600'><img src=images/spacer.gif width=110 height=100%></td>
</tr>
</table>
Wat moet ik veranderen in onderstaand script om het wel goed te laten werlen??
Dank
<style>
.Vmenu4
{
COLOR: #ffffff;
FONT-FAMILY: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, serif;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
LINE-HEIGHT: 125%;
TEXT-DECORATION: none
}
.Vmenu4:hover
{
COLOR: #800000
}
</style>
<script language="JavaScript">
<!--
//number of menu sections
var sections=4;
//menu titles
var sect=new Array('introduktie','aktueel','geschiedenis','divers');
//menu contents
var menu0=new Array('site introduction');
var links0=new Array('bestuur');
var menu1=new Array('start','beginning','main section','contents','contents one','middle','middle one','main body','outing');
var links1=new Array('vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4');
var menu2=new Array('help desk','tech help','shopping','sales','account','suggestions','errors');
var links2=new Array('vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4');
var menu3=new Array('contents','beginners guide','index','key words');
var links3=new Array('vertical_menu_example4','vertical_menu_example4','vertical_menu_example4','vertical_menu_example4');
//build up menu URL's
function goToPage(theSect, thePage) {
thePath=eval('links' + theSect + '[' + thePage + ']');
if (theSect==0){
newPath=thePath + ".htm";
self.location.href=newPath;
}
else if (theSect==1){
newPath=thePath + ".htm";
self.location.href=newPath;
}
else if (theSect==2) {
newPath=thePath + ".htm";
self.location.href=newPath;
}
else if (theSect==3){
newPath=thePath + ".htm";
self.location.href=newPath;
}
}
//loop to build menu links and populate menu titles
function addLinks(whichMenu, whichSect) {
arrayLength=whichMenu.length;
var i=0;
var m=whichMenu;
for (var i=0; i<arrayLength; i++){
document.write("<td bgcolor='#ff6600'><img src='images/spacer.gif' width='7'><a class='Vmenu4' href='javaScript: goToPage(" + whichSect + ", " + i + ")'>" + m + "</a></td></tr><tr>")
}
document.write("</tr><tr><td><img src='images/spacer.gif'></td></tr><tr>");
}
//loop to build menu titles
function createTable(){
document.write("<table width='110' cellspacing='0' cellpadding='0' border='0'><tr>");
for (var i=0; i<sections; i++){
document.write("<td bgColor='#800000' height='20'><img src='images/spacer.gif' width='7'><span class='Vmenu4'>" + sect + "</td></tr><tr>");
addLinks(eval("menu" + i), i);
}
document.write("</td></tr></table>");
}
// -->
</script>
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" bgcolor="#FFFFFF">
<table border="0" cellspacing="0" cellpadding="0" height=100% width=110>
<tr>
<td bgcolor='#ff6600'><img src=images/spacer.gif width=110 height=35></td>
</tr>
<tr>
<td bgcolor="#ff6600" valign="top" width="110">
<script language="javaScript">
createTable();
</script>
</td>
</tr>
<tr bgcolor='#ff6600'>
<td height=100% bgcolor='#ff6600'><img src=images/spacer.gif width=110 height=100%></td>
</tr>
</table>