PDA

Click to See Complete Forum and Search --> : i need help with the linking

jian_xin85
09-19-2006, 04:21 AM
can't figure out how i should do this : when i click the button the left side the page is show on the right side i have paste the code on the page jusz for simulation .....

index.html:

<html>

<head>
<title>Defects Performance</title>


</head>


<frameset rows="20%,80%" background="bgedited.jpg">


<frame src="1.html" scrolling="no"\>
<frameset cols="25%,75%" >
<frame name="left" src="buttons.html" scrolling="no" noresize/>
<frame name="right" src="bg.html"/>
</frameset>



</frameset>

</html>

leftpage:"button.html"

<html>
<head>

<script src="menuscript.js" language="javascript" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="menustyle.css" media="screen, print" />


</head>

<body background="bgedited1.jpg">

<br/>
<br/>
<br/>
<br/>
<br/>
<table border="0" cellpadding="0" cellspacing="0" ><tr><td>
<a href="Link 1" onmouseover="setOverImg('1','');overSub=true;showSubMenu('submenu1','button1');" onmouseout="setOutImg('1','');overSub=false;setTimeout('hideSubMenu(\'submenu1\')',delay);" target="bg.html"><img src="buttons/button1up.png" border="0" id="button1" vspace="1" hspace="1" ></a><br>
<br/>
<a href="Link 2" onmouseover="setOverImg('2','');overSub=true;showSubMenu('submenu2','button2');" onmouseout="setOutImg('2','');overSub=false;setTimeout('hideSubMenu(\'submenu2\')',delay);" target=""><img src="buttons/button2up.png" border="0" id="button2" vspace="1" hspace="1" ></a><br>
<br/>
<a href="Link 3" onmouseover="setOverImg('3','');overSub=true;showSubMenu('submenu3','button3');" onmouseout="setOutImg('3','');overSub=false;setTimeout('hideSubMenu(\'submenu3\')',delay);" target=""><img src="buttons/button3up.png" border="0" id="button3" vspace="1" hspace="1" ></a><br>
</td></td></table>
<br/>
<br/>
</body>

</html>

right page:"bg.html"


<html><head>

</head>

<body background="bgedited.jpg">

<a href="Quality System Assessment Database.xls" target="a">


<span onmouseover="this.style.color='red'" onmouseout="this.style.color='orange'"><b>Quality System Assessment Database</b></span>
<a href="Summary table_Testing_1.xls" >
</a>


</body>

</html>
Charles
09-19-2006, 04:39 AM
You need to set the target attribute to the name of the frame in question. But you have a lot of other problems there.

Those trailling "/" characters with empty elements, they're from XHTML and have no place in HTML.

For accesssibility reasons, your frame names need to be more expressive. They need to be more like "navigation" and "content".

See http://www.w3.org/TR/REC-html40/present/frames.html .
jian_xin85
09-19-2006, 07:18 PM
i apologise if i offended u but could u provide mi a solution as in help mi change the source code to work the way it should work