Tabs, IFrame, Refresh - Problem
mpa...@napcollc.com
the index.html page, I have hyperlinks which open in the Iframe. So
far...so good. All worked great...
I then, added tabs (with javascript) to the top of the index.html page.
Each tab opens a panel and THAT worked great.
The problem.... Now, if I click any of the tabs, and THEN click a
hyperlink on the left, the links do not work. I found that if I click
the "Refresh" button, they do work. So I began a search for Refresh
Button code. I have TRIED IT ALL - lol. I found code that uses
reload, history.goback, location.href, you name it. Nothing works. If
I can't find a solution, I will have to re-engineer, but I sure would
love to fix this... All the code is below. Thanks in advance to
anyone willing to read it even!!
(I have stylesheets and js files, but none of them are the problem)....
index.html
<html>
<title>Welcome to The Intranet</title>
<head>
<link rel="stylesheet" type="text/css" href="CSS\standards.css">
<script src="Javascripts\ActionTabs.js"></script>
</head>
<body bgcolor="#000066">
<!--=====IFRAME===-->
<iframe name="NapcoHome" id="NapcoHome" width="790"
src="startPage.html"
height="99%"style="position:absolute;top:57;left:210">
</iframe>
<span style="position:absolute;top:38;left:1">
<img src="images\barGrey.jpg" width="999" height="20">
</span>
<br><br><br>
<pre>
<font color="#FFFFFF" face="arial" size="6"> Sections</font>
</pre>
<!--==================HOME LINK=================-->
<br>
<A HREF="startPage.html" target="NapcoHome"
onmouseup=window.location.href=window.location.href>
<img src="images\tinyNapcoLogo.jpg" border="0">
<font color="#FFFFFF" face="arial" size="4"> Home
</font>
</A>
<br><br><br>
<!--==================LINK ONE=================-->
<A HREF="fakePage.html" target="NapcoHome">
<img src="images\tinyNapcoLogo.jpg" border="0" >
<font color="#FFFFFF" face="arial" size="4"> Corporate
</font>
</A>
<br><br><br>
<!--==================LINK TWO=================-->
<A HREF="fakePage2.html" target="NapcoHome" >
<img src="images\tinyNapcoLogo.jpg" border="0">
<font color="#FFFFFF" face="arial" size="4"> Finance
</font>
</A>
<br><br><br>
<!--==================LINK THREE=================-->
<A HREF="fakePage3.html" target="NapcoHome" >
<img src="images\tinyNapcoLogo.jpg" border="0">
<font color="#FFFFFF" face="arial" size="4"> Human Resources
</font>
</A>
<br><br><br>
<!--==================LINK FOUR=================-->
<A HREF="fakePage4.html" target="NapcoHome">
<img src="images\tinyNapcoLogo.jpg" border="0">
<font color="#FFFFFF" face="arial" size="4"> Operations
</font>
</A>
<br><br><br>
<!--==================LINK FIVE=================-->
<A HREF="fakePage5.html" target="NapcoHome" >
<img src="images\tinyNapcoLogo.jpg" border="0">
<font color="#FFFFFF" face="arial" size="4"> Products
</font>
</A>
<br><br><br>
<A HREF="http://www.napcollc.com" target="_blank">
<pre> <img src="images\NapcoLogo.jpg" border="0" height="65"></pre>
</A>
<!--=================Template Tab====================-->
<div id="tab1" class="tab" style="left: 553;visible:false"
onClick = "showPanel(1);"
onMouseOver="hover(this);"
onMouseOut="setState(1)">Templates</div>
<!--=================Tools/Resources Tab====================-->
<div id="tab2" class="tab" style="left: 638;"
onClick = "showPanel(2);"
onMouseOver="hover(this);"
onMouseOut="setState(2)">Tools/Resources
</div>
<!--=================Procedures Tab====================-->
<div id="tab3" class="tab" style="left:739;"
onClick = "showPanel(3);"
onMouseOver="hover(this);"
onMouseOut="setState(3)">Procedures</div>
<!--=================FAQ====================-->
<div id="tab4" class="tab" style="left:823;"
onClick = "showPanel(4);"
onMouseOver="hover(this);"
onMouseOut="setState(4)">FAQ</div>
<!--================PANELS BEGIN===========-->
<div id="panel1" class="panel">
<iframe name="NapcoHome2" id="NapcoHome2" width="790"
height="99%"style="position:absolute;top:57;left:210">
</iframe>
<A HREF="http://www.napcollc.com" target="NapcoHome2">Test Napco Home
Page</A><br>
<A HREF="http://raptornet/" target="NapcoHome2">Database</A><br>
<A HREF="http://www.weather.com" target="NapcoHome2">Weather</A><br>
</div>
<div id="panel2" class="panel">Content For Panel 2</div>
<div id="panel3" class="panel">Content For Panel 3</div>
<div id="panel4" class="panel">Content For Panel 4</div>
</body>
</html>
startPage.html
<html>
<link rel="stylesheet" type="text/css" href="CSS\standards.css">
<head></head>
<body>
<span style="position:absolute;top:80;left:450">
<img src="images\vbarblue.jpg" height="450">
</span>
<table>
<tr>
<td>
<form action="http://www.google.com/search" name=frmSearchGoogle>
<input maxlength=256 size=30 name="q" value="" style="border-style:
solid;border-width:thin;border-color:#000066">
<input type="hidden" name="hl" value="en">
<input type=submit value="Google" name="btnSearch" style="border-style:
solid;border-width:thin;border-color:#000066">
</form>
</td>
<td>
<form action="http://www.dictionary.com" name="frmDictionary">
<input type="hidden" name="hl" value="en">
<input type="submit" value="Dictionary" name="btnDictionary"
style="border-style: solid;border-width:thin;border-color:#000066">
</form>
</td>
</tr>
</table>
<table width="55%" align="left">
<tr>
<td colspan="3" align="center">
<br>
<table width="75%">
<tr>
<td bgcolor="#000066" align="center" colspan="3">
<font color="#FFFFFF" size="3" face="arial" >
Tag Line or<br>
Revolving Messages, or<br>
Quotes Go Here<br>
</font>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3" align="center">
<br><br>
<font color="#000066" size="5" face="arial"><b>
Quick Links
</b>
</font>
</td>
</tr>
<tr>
<td align="center" colspan="3">
<table align="center" rules="none" bordercolor="#000066" border="0"
border-width="medium" style="border-style: solid;border-width:medium">
<tr>
<td>
<font color="#000066" size="3" face="arial" >
<li>
<A HREF="http://www.google.com">Google</A><br>
</li>
</font>
</td>
<td>
<img src="images\whiteSpacer.jpg" width="60" height="10">
</td>
<td>
<font color="#000066" size="3" face="arial" >
<li>
<A HREF="http://www.floodinsights.com">Flood Insights</A><br>
</li>
</font>
</td>
</tr>
<tr>
<td>
<font color="#000066" size="3" face="arial" >
<li>
<A HREF="http://www.msn.com">MSN</A><br>
</li>
</font>
</td>
<td><img src="images\whiteSpacer.jpg" width="60" height="10"></td>
<td>
<font color="#000066" size="3" face="arial" >
<li>
<A HREF="http://zip4.usps.com/zip4/welcome.jsp">Zip Find</A><br>
</li>
</font>
</td>
</tr>
<tr>
<td>
<font color="#000066" size="3" face="arial" >
<li>
<A HREF="http://www.yahoo.com">Yahoo</A><br>
</li>
</font>
</td>
<td><img src="images\whiteSpacer.jpg" width="60" height="10"></td>
<td>
<font color="#000066" size="3" face="arial" >
<li>
<A HREF="http://www.ambest.com">AM Best</A><br>
</li>
</font>
</td>
</tr>
<tr>
<td>
<font color="#000066" size="3" face="arial" >
<li>
<A HREF="http://www.iso.com">ISO</A><br>
</li>
</font>
</td>
<td><img src="images\whiteSpacer.jpg" width="60" height="10"></td>
<td>
<font color="#000066" size="3" face="arial" >
<li>
<A HREF="http://www.weather.com">Weather</A><br>
</li>
</font>
</td>
</tr>
<tr>
<td>
<font color="#000066" size="3" face="arial" >
<li>
<A HREF="http://www.FEMA.com">FEMA</A><br>
</li>
</font>
</td>
<td><img src="images\whiteSpacer.jpg" width="50" height="10"></td>
<td>
<font color="#000066" size="3" face="arial" >
<li>
<A HREF="http://www.mapquest.com">MapQuest</A><br>
</li>
</font>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3">
<img src="images\whitespacer.jpg" height="24" width="50">
</td>
</tr>
<tr>
<td align="center">
<font color="#000066" size="3" face="arial">
<A HREF="\\dbnj01\home\calendar1.htm">
<b>
Calendar
</b>
</font>
</A>
</td>
<td align="center">
<font color="#000066" size="3" face="arial">
<A HREF="http://raptornet/">
<b>
Database
</b>
</font>
</A>
</td>
<td align="center">
<font color="#000066" size="3" face="arial">
<b>
Rolodex
</b>
</font>
</td>
</tr>
<tr>
<td align="center">
<A HREF="\\dbnj01\home\calendar1.htm">
<img src="images\calendar.jpg" border="0">
</A>
</td>
<td align="center">
<A HREF="http://raptornet/">
<img src="images\database.jpg" height="75" width="100" border="0">
</A>
</td>
<td align="center">
<img src="images\rolodex.jpg" height="75" width="90">
</td>
</tr>
</table>
<!--============NEXT COLUMN================-->
<table align="right" width="30%" bgcolor="#cccccc">
<tr>
<td colspan="2" align="center">
<A HREF="fakepage.html" border="0">
<font color="#000066" face="arial" size="4">
<b><u>Napco News</u></b>
<br>
</font>
</A>
</td>
</tr>
<tr>
<td>
<font color="#000066" face="arial" size="2">
<b>
<li>New Retailer
<br>
<li>Anniversary
</b>
</font>
</td>
<td><!--
<img src="images\david.jpg" height="65">
-->
</td>
</tr>
<tr>
<td colspan="2">
<font color="#000066" face="arial" size="2">
<b>
<li>Hurricane Hits
</b>
</font>
</td>
</tr>
<tr>
<td colspan="2">
<font color="#000066" face="arial" size="2">
<b>
<li>Earthquake
</b>
</font>
</td>
</tr>
<tr>
<td colspan="2">
<font color="#000066" face="arial" size="2">
<b>
<li>Industry Forecast
</b>
</font>
</td>
</tr>
</table>
<br><br><br><br><br><br><br><br><br><br>
<br><br>
<!--===========NEXT TABLE DOWN==========-->
<table align="right" width="30%" border="0" bgcolor="#cccccc">
<tr>
<td colspan="2" align="center">
<A HREF="fakepage.html" border="0">
<font color="#000066" face="arial" size="4">
<b><u>Service/Support</u></b>
<br>
</font>
</A>
</td>
</tr>
<tr>
<td align="center">
<A HREF="mailto:sugge...@napcollc.com">
<img src="images\suggestionbox.jpg" height="40" width="60" border="0">
</A>
</td>
<td>
<A HREF="mailto:sugge...@napcollc.com">
<font color="#000066" face="arial" size="2">
<b>
Suggestions
</A>
</b>
</font>
</td>
</tr>
<tr>
<td align="center">
<A HREF="mailto:fake...@somewhere.com">
<img src="images\techsupport.jpg" border="0">
</A>
</td>
<td>
<font color="#000066" face="arial" size="2">
<b>
<A HREF="mailto:fake...@somwhere.com">
Tech Support
</A>
</b>
</font>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<img src="images\world.jpg" height="60" width="90">
</td>
<td></td>
</tr>
</table>
</body>
</html>