Linking to a frame

  • feelgood
  • Newbie
  • Newbie
  • feelgood
  • Posts: 12
  • Loc: NY

Post 3+ Months Ago

hi all,

I have this code shown below.
I am trying to make the thumbnails on the left table to be displayed in the frame when they're clicked.

so basicly I have the table for the thumbnails and the frame on the right side of it for displaying the pictures.

Any ideas on how to make those links?

thank you!


Code: [ Select ]
<html>
<body>
<table border=5 width="100%" height="100%">
<body>

<tr valign=top height=47> <td>
<table border="1" width="100%">
 <tr>
 <td>
  <p>This is the title bar</p>
  <p>My Photo Gallery</p>
 </td>
 </tr>
</table>
</td></tr>


<tr><td>
<table border=10 height="100%" width="100%">
<body>

<tr>
<td width="20%">
<table border=0 width="100%" height="100%" cellpadding=0 cellspacing=0>
<tr><td>

<td bgcolor="black" width="10%">
<p>1</p>
</td>

<td width="80%">

<table border=1 height="100%" width="100%">
<tr height=100 align=center>
<td valign=top><img src="\winter_t.gif"></td>
</tr>

<tr height=100 align=center>
<td valign=top><a href="sunset.htm"><img src="\sunset_t.jpg"></a></td>
</tr>

<tr>
<td>c</td>
</tr>

</table>
</td>

<td bgcolor="black" width="10%">
<p>3</p>
</td>

</td></tr>

</body>
</table>
</td>

<td>
<table border=5>
<tr><td>

<div align="center">
 <center>
<TABLE id=RefExp cellSpacing=0 cellPadding=0 width=770 border=0 height="250" style="border-collapse: collapse" bordercolor="#111111">
 <TBODY>
 <TR>
  <TD width=15 valign="top">
  <iframe name="I1" width="760" height="408" border="0" frameborder="0" src="blah.htm">
  your browser doesn't support frames.</iframe></TD>
  </TR>
 </TBODY></TABLE>
 </center>
</div>

</td> </tr>
</td>

</tr>
</table>

</td></tr>
</table>


</body>
</td></tr>
</body>
</table>
</html>
  1. <html>
  2. <body>
  3. <table border=5 width="100%" height="100%">
  4. <body>
  5. <tr valign=top height=47> <td>
  6. <table border="1" width="100%">
  7.  <tr>
  8.  <td>
  9.   <p>This is the title bar</p>
  10.   <p>My Photo Gallery</p>
  11.  </td>
  12.  </tr>
  13. </table>
  14. </td></tr>
  15. <tr><td>
  16. <table border=10 height="100%" width="100%">
  17. <body>
  18. <tr>
  19. <td width="20%">
  20. <table border=0 width="100%" height="100%" cellpadding=0 cellspacing=0>
  21. <tr><td>
  22. <td bgcolor="black" width="10%">
  23. <p>1</p>
  24. </td>
  25. <td width="80%">
  26. <table border=1 height="100%" width="100%">
  27. <tr height=100 align=center>
  28. <td valign=top><img src="\winter_t.gif"></td>
  29. </tr>
  30. <tr height=100 align=center>
  31. <td valign=top><a href="sunset.htm"><img src="\sunset_t.jpg"></a></td>
  32. </tr>
  33. <tr>
  34. <td>c</td>
  35. </tr>
  36. </table>
  37. </td>
  38. <td bgcolor="black" width="10%">
  39. <p>3</p>
  40. </td>
  41. </td></tr>
  42. </body>
  43. </table>
  44. </td>
  45. <td>
  46. <table border=5>
  47. <tr><td>
  48. <div align="center">
  49.  <center>
  50. <TABLE id=RefExp cellSpacing=0 cellPadding=0 width=770 border=0 height="250" style="border-collapse: collapse" bordercolor="#111111">
  51.  <TBODY>
  52.  <TR>
  53.   <TD width=15 valign="top">
  54.   <iframe name="I1" width="760" height="408" border="0" frameborder="0" src="blah.htm">
  55.   your browser doesn't support frames.</iframe></TD>
  56.   </TR>
  57.  </TBODY></TABLE>
  58.  </center>
  59. </div>
  60. </td> </tr>
  61. </td>
  62. </tr>
  63. </table>
  64. </td></tr>
  65. </table>
  66. </body>
  67. </td></tr>
  68. </body>
  69. </table>
  70. </html>
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

To open something in the iFrame from above you supply a "target" attribute in your link.

Code: [ Select ]
<a href="sunset.htm" target="I1">click here for sunset.htm</a>
  • feelgood
  • Newbie
  • Newbie
  • feelgood
  • Posts: 12
  • Loc: NY

Post 3+ Months Ago

thank you so much for the quick response!

Post Information

  • Total Posts in this topic: 3 posts
  • Users browsing this forum: No registered users and 74 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.