Fout in menu.

Status
Niet open voor verdere reacties.

henri2500

Gebruiker
Lid geworden
28 feb 2007
Berichten
265
Nu heb ik een heel vaag probleem,

Ik open index.html en alles gaat goed, ik heb 2 menu's boven het eerste menu staat volgende, die gaat naar het 2de menu. De links op het eerste menu opent hij gewoon netjes in het rechter frame, druk ik op volgende, gaat hij naar het volgende menu, wat hij ook netjes opent in het goede frame, wil ik nu op vorige drukken, opent hij een nieuwe pagina, sluit ik deze en probeer een andere link, nu doet hij het met alle andere linken ook zo, hij opent ze nu allemaal in een nieuw scherm,

Wie kan mij helpen

Dit is het script van menu 1

HTML:
<html>
<head>
</head>


<body bgcolor="#000000">

<center>

<table border="1" width="100%" height="257">
  <tr>
    <td width="1%" height="251">
      <p align="center"><font color="#FF0000"><a href="frame3.html" Target="links" style="color: #FF0000">Volgende</a></font></p>
      <p align="center"><a href="../Rocksolid/rocksolid.html" TARGET="main"><img border="0" src="button1.bmp" width="93" height="33"></a></p>
      <p align="center"><a href="../Rocksoliddeeper/Rocksoliddeeper.html" TARGET="main"><img border="0" src="button4.bmp" width="93" height="33"></a></p>
      <p align="center"><a href="../Filmpjes/filmpjes.html" TARGET="main"><img border="0" src="button5.bmp" width="93" height="33"></a></p>
      <p align="center"><a href="../Foto's/foto's.html" TARGET="main"><img border="0" src="button2.bmp" width="93" height="33"></a></p>
      <p align="center"><a href="../Chatroom/chatroom.html" TARGET="main"><img border="0" src="button3.bmp" width="93" height="33"></a></p>
      <p align="center"><a href="../Gastenboek/gastenboek.html" TARGET="main"><img border="0" src="button6.bmp" width="93" height="33"></a></p>
      <p align="center"><a href="../Powerpoint%20presentaties/powerpoint.html" TARGET="main"><img border="0" src="button7.bmp" width="93" height="33"></a></p>
      <p align="center">&nbsp;</p>
  </td>
  </tr>
</table>

</center>
</body>
</html>

Deze voor menu2

HTML:
<html>
<head>
</head>

<body bgcolor="#000000">

<center>

<table border="1" width="100%" height="257">
  <tr>
    <td width="1%" height="251">
      <p align="center"><font color="#FF0000"><a href="file:///D:/Websites/Rocksolid%20site%20(kladblok%20gemaakt,%20eigendom%20Henri,%20offline)/Index/frame1.html" style="color: #FF0000" target="main">Vorige</a></font></p>
      <p align="center"><a href="../Kamp/kamp.html" target="main"><img border="0" src="button8.bmp" width="93" height="33"></a></p>
      <p align="center"><a href="../Links/links.html" TARGET="main"><img border="0" src="button9.bmp" width="94" height="33"></a></p>
      <p align="center">&nbsp;</p>
      <p align="center">&nbsp;</p>
      <p align="center">&nbsp;</p>
      <p align="center">&nbsp;</p>
      <p align="center">&nbsp;</p>
      <p align="center">&nbsp;</p>
      <p align="center">&nbsp;</p>
      <p align="center">&nbsp;</p>
      <p align="center">&nbsp;</p>
      <p align="center">&nbsp;</p>
  </td>
  </tr>
</table>

</center>
</body>
</html>

en deze voor de index.html

HTML:
<HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" 
"http://www.w3.org/TR/html4/frameset.dtd">
<HEAD>
</HEAD>

<frameset cols='20%,*, border='0' frameborder='0' framespacing='0'>
<frame src='frame1.html' name='links' marginwidth='0' marginheight='0' scrolling='no' noresize>
<frame src='frame2.html' name='main' marginwidth='0' marginheight='0' scrolling='auto' noresize>
<noframes>
</noframes>
</frameset>

</HTML>



[Moderator-Edit] Php-tag gewijzigd in Html-tag. [/Edit]
 
Laatst bewerkt door een moderator:
Titel "Help" gewijzigd in "Fout in menu."
 
Universele history go gebruiken.

Ik zet het even tussen php tags om juist weer te geven:
PHP:
 <a href="#" onClick="history.go(-1)">back</a>

Dit gebruiken indien formulieren ingevuld worden met een php script:
<a href="#" onClick="history.go()">terug</a>

Dus met een van die twee zal het wel lukken.
 
Nee, dat was niet het probleem hij doet het nog steeds,

Ik zal mijn vraag even verduidelijken, in mijn 2de menu heb ik een button met de naam LINKS zitten, klik ik hierop opent hij hem in het goede frame, klik ik nu op een willekeurig ander button, opent hij hem in een nieuw scherm, terwijl hij het eerst nog in het goede frame deed, ik vermoed dat het iets met het Javascript te maken heeft, maar wie kan dit bevestigen.

Hier het script van links.html

PHP:
<html>
<HEAD>
<script language="JavaScript">
function goToURL() { history.go(-1); }
</script>
<style>
  .menu
  {
   background-color:#6666FF;
   border:1px solid darkblue;
   width:150px;
   font-size:11px;
   font-family:verdana;
   position: absolute;
   font:bold;
   color: #ffffff;
   cursor: hand;
  }
  .item_panel
  {
    width:150px;
    border-left:1px solid darkblue;
    border-right:1px solid darkblue;
    clip:rect(0,150,0,0);
    position:absolute;
  }
  .item_panel a
  {
   text-decoration:none;
   color:black;
   cursor:hand;
  }
  .item
  {
   background-color: #99CCFF;
   width: 148px;
   font-size: 10px;
   font-family: verdana;
   
  }
  </style>
  
  <script language="JavaScript">  
  var height = 30; // Hoogte van de hoofdmenu linken
  var iheight = 25; // hoogte van de menu elementen 
  var bgc = "purple" // Achtergrondkleur menu element
  var tc = "white" // text kleur van het menu element 
  var speed = 20;
  var timerID = "";
  var N = (document.all) ? 0 : 1;
  var width = 152;
  var self_menu = new Array();
function write_menu()
{
  smc = 0; 
  document.write("<div style='position:absolute'>");
  mn = 0;
  mni = 1;
  start = -1;  
  for(i=0;i<Link.length;i++)
  {
   la = Link[i].split("|");
   if (la[0] == "0")
   {
    if(start == 0) 
     {
      document.write("</div>");
      h =  csmc * iheight;
      tmn = mn; //-h
      self_menu[smc] = new Array(tmn,h,0,-2);
      smc++;
      mn--;
     }
     csmc = 0;
    document.write("<div class='menu' style='top:"+mn+";height:"+height+"' id='down"+smc+"' onclick='pull_down("+smc+","+mni+")'> "+ la[1] + "</div>");
    self_menu[smc] = new Array(mn,height,0,mni);
    smc++;
    mni++;
    mn+=height;
    start = 1;
   }
   else
   {
    if(start == 1) 
     {
      if(N)mn+=2;
       document.write("<div class='item_panel' id='down"+smc+"' style='top:"+mn+"'>");
       start = 0;
     }
    
    document.write("<a href='"+la[2]+"'");
    if (la[3] != "") document.write(" target='" + la[3] + "' ");
    document.write("><div class='item' id='d"+i+"' style='height:"+iheight);
    if (N) document.write(";width:150");
    document.write("' onmouseover='color(this.id)' onmouseout='uncolor(this.id)'>  "+ la[1] + "</div></a>");
    csmc++;
   }
  }
  if (start == 0) 
   {
     document.write("</div>");
     h =  csmc * iheight;
     tmn = mn + 5; //-h
     self_menu[smc] = new Array(tmn,h,0);
     name = "down" + (self_menu.length-1);
     obj = document.getElementById(name);
     obj.style.borderBottomColor = "darkblue";
     obj.style.borderBottomWidth = 1;
     obj.style.borderBottomStyle = "solid";
   }
  document.write("</div>");}
function color(obj)
{
 document.getElementById(obj).style.backgroundColor = over_bgc;
 document.getElementById(obj).style.color = over_tc
}

function uncolor(obj)
{
 document.getElementById(obj).style.backgroundColor = bgc;
 document.getElementById(obj).style.color = tc
}

function pull_down(nr,c)
{
 if (timerID == "")
 {
 to = self_menu[nr+1][1]
 begin = nr + 2;
 if (timerID != "") clearTimeout(timerID);
 if (self_menu[nr+1][2] == 0)
 {
  self_menu[nr+1][2] = 1;
  if(nr == self_menu.length-2) {to++;}
  epull_down(begin,to,0);
 }
 else
 {
  to = 0;
  self_menu[nr+1][2] = 0;
  name = "down"+(nr+2);
  open_item = 0;
  for(i=0;i<nr;i++)
  {
   if(self_menu[i][2] == 1) 
    {open_item += self_menu[i][1];
    }
  }
  if (N == false) {open_item-= (c*1)};
  if (nr== self_menu.length-2) {val = self_menu[self_menu.length-1][1];to=-1;}
  else  val = parseInt(document.getElementById(name).style.top) -(open_item)-(c*height);
  epull_up(begin,to,val);
 }
 }
}

function epull_down(nr,to,nowv)
{
 name = "down" + (nr-1);
 obj = document.getElementById(name).style.clip = "rect(0,"+width+","+(nowv+1)+",0)";
 for (i=nr;i<self_menu.length;i++)
 {
  name = "down" + i;
  obj = document.getElementById(name);
  obj.style.top = parseInt(obj.style.top)+1;
 }
 nowv++;
 if(nowv < to) timerID = setTimeout("epull_down("+nr+","+to+","+nowv+")",speed);
 else timerID = "";
}

function epull_up(nr,to,nowv)
{
 name = "down" + (nr-1);
 obj = document.getElementById(name).style.clip = "rect(0,"+width+","+nowv+",0)";
 for (i=nr;i<self_menu.length;i++)
 {
  name = "down" + i;
  obj = document.getElementById(name);
  obj.style.top = parseInt(obj.style.top)-1;
 }
 nowv--;
 if(nowv > to) timerID = setTimeout("epull_up("+nr+","+to+","+nowv+")",speed);
 else timerID = "";
}

function startup(nr)
{
 write_menu();
 if (nr != 0)
 {
 for(i=0;i<self_menu.length;i++)
 {
  if(self_menu[i][3] == nr) pull_down(i,nr)
  i==self_menu.length;
 }
 }
}  
</script>
<title>Leuke links</title>
</head>
<body bgcolor="#000000" text="#990099">
<table border="1" width="100%" height="46">
  <tr>
    <td width="125%" height="45">
      <p align="center"><a href="../Index/index.html" target="_top"><img border="0" src="kop11.bmp" width="99" height="92">
      </a>
    </td>
  </tr>
</table>

<table border="1" width="100%" height="295">
  <tr>
          <td width="100%" height="1275">
          <p align="center"><font color="#FFFFFF">Hier onder nog wat leuke links
          </font></p>
<center>
<table width=140>
<tr>
<td>
<script language="JavaScript">
      //Link[nr] = "positie [0 is menu/1 is een item],Link naam ,url,target (blank|top|frame_naam)"
      // je kunt eenvoudig items toevoegen, gewoon doornummeren
  var Link = new Array();
  Link[0] = "0|Klik hier!";
  Link[1] = "1|Forum|http://www.rsd.yourbb.nl|blank";
  Link[2] = "1|De Fontein|http://www.defontein.net|blank";
     startup(0);
  </script>
  </td>
 </tr>
</table>
<p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
                    
                    <p align="center"><font color="#FFFFFF">Heb jij nog een leuke link
          mail me!</font></p>
          <p align="center"><font color="#FFFFFF"><a href="mailto:henri_zomer232@hotmail.com" style="color: #FF0000">Klik
          hier om me te mailen</a></font></p>
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center">&nbsp;</p>
</table>

</body>

</html>
 
problem solved (verholpen)

Het probleem zat hem dus wel in het Javascript nadat ik het verwijdert had deed hij het wel weer, kan iemand mij vertellen welke code het probleem precies zou veroorzaken?

Thanks

P.s Heeft iemand hetzelfde probleem gehad??

Hier het Javascript gedeelte

PHP:
<script language="JavaScript"> 
function goToURL() { history.go(-1); } 
</script> 
<style> 
  .menu 
  { 
   background-color:#6666FF; 
   border:1px solid darkblue; 
   width:150px; 
   font-size:11px; 
   font-family:verdana; 
   position: absolute; 
   font:bold; 
   color: #ffffff; 
   cursor: hand; 
  } 
  .item_panel 
  { 
    width:150px; 
    border-left:1px solid darkblue; 
    border-right:1px solid darkblue; 
    clip:rect(0,150,0,0); 
    position:absolute; 
  } 
  .item_panel a 
  { 
   text-decoration:none; 
   color:black; 
   cursor:hand; 
  } 
  .item 
  { 
   background-color: #99CCFF; 
   width: 148px; 
   font-size: 10px; 
   font-family: verdana; 
    
  } 
  </style> 
   
  <script language="JavaScript">   
  var height = 30; // Hoogte van de hoofdmenu linken 
  var iheight = 25; // hoogte van de menu elementen  
  var bgc = "purple" // Achtergrondkleur menu element 
  var tc = "white" // text kleur van het menu element  
  var speed = 20; 
  var timerID = ""; 
  var N = (document.all) ? 0 : 1; 
  var width = 152; 
  var self_menu = new Array(); 
function write_menu() 
{ 
  smc = 0;  
  document.write("<div style='position:absolute'>"); 
  mn = 0; 
  mni = 1; 
  start = -1;   
  for(i=0;i<Link.length;i++) 
  { 
   la = Link[i].split("|"); 
   if (la[0] == "0") 
   { 
    if(start == 0)  
     { 
      document.write("</div>"); 
      h =  csmc * iheight; 
      tmn = mn; //-h 
      self_menu[smc] = new Array(tmn,h,0,-2); 
      smc++; 
      mn--; 
     } 
     csmc = 0; 
    document.write("<div class='menu' style='top:"+mn+";height:"+height+"' id='down"+smc+"' onclick='pull_down("+smc+","+mni+")'> "+ la[1] + "</div>"); 
    self_menu[smc] = new Array(mn,height,0,mni); 
    smc++; 
    mni++; 
    mn+=height; 
    start = 1; 
   } 
   else 
   { 
    if(start == 1)  
     { 
      if(N)mn+=2; 
       document.write("<div class='item_panel' id='down"+smc+"' style='top:"+mn+"'>"); 
       start = 0; 
     } 
     
    document.write("<a href='"+la[2]+"'"); 
    if (la[3] != "") document.write(" target='" + la[3] + "' "); 
    document.write("><div class='item' id='d"+i+"' style='height:"+iheight); 
    if (N) document.write(";width:150"); 
    document.write("' onmouseover='color(this.id)' onmouseout='uncolor(this.id)'>  "+ la[1] + "</div></a>"); 
    csmc++; 
   } 
  } 
  if (start == 0)  
   { 
     document.write("</div>"); 
     h =  csmc * iheight; 
     tmn = mn + 5; //-h 
     self_menu[smc] = new Array(tmn,h,0); 
     name = "down" + (self_menu.length-1); 
     obj = document.getElementById(name); 
     obj.style.borderBottomColor = "darkblue"; 
     obj.style.borderBottomWidth = 1; 
     obj.style.borderBottomStyle = "solid"; 
   } 
  document.write("</div>");} 
function color(obj) 
{ 
 document.getElementById(obj).style.backgroundColor = over_bgc; 
 document.getElementById(obj).style.color = over_tc 
} 

function uncolor(obj) 
{ 
 document.getElementById(obj).style.backgroundColor = bgc; 
 document.getElementById(obj).style.color = tc 
} 

function pull_down(nr,c) 
{ 
 if (timerID == "") 
 { 
 to = self_menu[nr+1][1] 
 begin = nr + 2; 
 if (timerID != "") clearTimeout(timerID); 
 if (self_menu[nr+1][2] == 0) 
 { 
  self_menu[nr+1][2] = 1; 
  if(nr == self_menu.length-2) {to++;} 
  epull_down(begin,to,0); 
 } 
 else 
 { 
  to = 0; 
  self_menu[nr+1][2] = 0; 
  name = "down"+(nr+2); 
  open_item = 0; 
  for(i=0;i<nr;i++) 
  { 
   if(self_menu[i][2] == 1)  
    {open_item += self_menu[i][1]; 
    } 
  } 
  if (N == false) {open_item-= (c*1)}; 
  if (nr== self_menu.length-2) {val = self_menu[self_menu.length-1][1];to=-1;} 
  else  val = parseInt(document.getElementById(name).style.top) -(open_item)-(c*height); 
  epull_up(begin,to,val); 
 } 
 } 
} 

function epull_down(nr,to,nowv) 
{ 
 name = "down" + (nr-1); 
 obj = document.getElementById(name).style.clip = "rect(0,"+width+","+(nowv+1)+",0)"; 
 for (i=nr;i<self_menu.length;i++) 
 { 
  name = "down" + i; 
  obj = document.getElementById(name); 
  obj.style.top = parseInt(obj.style.top)+1; 
 } 
 nowv++; 
 if(nowv < to) timerID = setTimeout("epull_down("+nr+","+to+","+nowv+")",speed); 
 else timerID = ""; 
} 

function epull_up(nr,to,nowv) 
{ 
 name = "down" + (nr-1); 
 obj = document.getElementById(name).style.clip = "rect(0,"+width+","+nowv+",0)"; 
 for (i=nr;i<self_menu.length;i++) 
 { 
  name = "down" + i; 
  obj = document.getElementById(name); 
  obj.style.top = parseInt(obj.style.top)-1; 
 } 
 nowv--; 
 if(nowv > to) timerID = setTimeout("epull_up("+nr+","+to+","+nowv+")",speed); 
 else timerID = ""; 
} 

function startup(nr) 
{ 
 write_menu(); 
 if (nr != 0) 
 { 
 for(i=0;i<self_menu.length;i++) 
 { 
  if(self_menu[i][3] == nr) pull_down(i,nr) 
  i==self_menu.length; 
 } 
 } 
}   
</script>
 
Laatst bewerkt door een moderator:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan