I'm trying to turn four (4) Iframes into one Iframe with several hyperlinks on my "index.php" file.
On that page I have a table with 2 columns. I'm only working now with the widest column on the left side. I placed this coding between the <head></head> tags in my index.php file:
<HEAD><TITLE>farm-sales</TITLE><script type="text/javascript">function showPage(typeName) {try {var lstrPageName = '';switch (typeName) {case "antique":lstrPageName = 'antique.html';break;case "finejewelry":lstrPageName = 'FineJewelry.html';break;case "costume":lstrPageName =
'costume.html';break;case "loose":lstrPageName = 'loosestones.html';break;}document.getElementB---('mainFrame').src = lstrPageName;} catch (e) {alert('There was an error while trying to load the page: ' + e);}}</script></HEAD>
Then I placed this coding into the table. (You can see it by "view source" if you want.)
[ <a href="javascript:showPage('antique');">Antique Jewelry</a> | <a href="javascript:showPage('finejewelry');">Fine Jewelry</a> | <a href="javascript:showPage('costume');">Costume Jewelry</a> | <a href="javascript:showPage('loose');">Loose Stones</a> ]<br /><!-- This is coding for the Iframes. !--><iframe src="antique.html" width="100%" height="1200" border="0" scrolling="" id="mainFrame"></iframe><!-- Above is the coding for several Iframes. !-->
I did get the one Iframe; however, the hyperlinks don't work. What did I do wrong?
You can see my site at
Code: Select all
http://motdaugrnds.com/farmsales