I have a script that changes the Page Title of my document based on the
navigation button chosen. The page is setup in frames. The page/scripts
are setup so that when the home page is displayed, the heading is blank
("blank.gif"). Then when I click on a navigation button, such as OAC,
the page title (and graphic) change to OAC.gif. This all works very
smoothly. However, I notice that if I'm on the OAC page (or any page
other than HOME) and I hit Refresh (F5), the page title returns to Blank
("Blank.gif"). How can I set this up so that the appropriate gif will
appear until the "return to home" button is used?
I am working in IE5.1 only.
I have the following function in the <head> section of my page.
<script language="javascript">
function imUpdate(item){
document.all[currSel].style.visibility = "hidden";
document.all[item.value].style.visibility = "visible";
currSel = item.value;
}
</script>
--------------------
the page title area is set up as follows:
<td>
<DIV ALIGN="CENTER"><img src="../OI/IMAGES/TITLE.GIF" alt="Office of
Investigations"></DIV>
<DIV CLASS="imPos" id="Blank" align="center"><img
src="../OI/Images/Titles/Blank.gif" alt=" "></div>
<DIV CLASS="imPos" id="OAC" align="center"><img
src="../OI/Images/Titles/OAC.gif" alt="Office of Assistant
Commissioner"></div>
<DIV CLASS="imPos" id="Domestic" align="center"><img
src="../OI/Images/Titles/Domestic.gif" alt="Domestic Operations"></div>
<DIV CLASS="imPos" id="Field" align="center"><img
src="../OI/Images/Titles/FieldOffices.gif" alt="Field Operations"></div>
<DIV CLASS="imPos" id="Investigative" align="center"><img
src="../OI/Images/Titles/Investigative.gif" alt="Investigative
Programs"></div>
<DIV CLASS="imPos" id="Admin" align="center"><img
src="../OI/Images/Titles/Administration.gif" alt="Administration Planning
& Policy"></div>
<DIV CLASS="imPos" id="Air&Marine" align="center"><img
src="../OI/Images/Titles/Air&Marine.gif" alt="Air & Marine
Interdiction"></div>
<DIV CLASS="imPos" id="Intelligence" align="center"><img
src="../OI/Images/Titles/Intelligence.gif" alt="Intelligence
Division"></div>
<DIV CLASS="imPos" id="Tactical" align="center"><img
src="../OI/Images/Titles/Tactical.gif" alt="Tactical
Communications"></div>
</TD>
--------------
The corresponding script that goes with the navigation buttons is as
follows:
<TR>
<TD valign="top"> <a href=../OI/Construction.asp target="body"
onMouseOver="rollOver('btn1','../OI/Images/Buttons/OAC_f2.gif');"
onMouseOut="rollOver('btn1','../OI/Images/Buttons/OAC.gif');"
onClick="imUpdate(this);"
value="OAC"> <img
src="../OI/Images/Buttons/OAC.gif" alt="Office of Assistant Commissioner"
name="btn1" border="0" width="104" height="36"></a></TD>
</TR>
---------------
At the very bottom just before </body> is the following:
I know it's this script that's setting me back to "blank.gif" each time my
page is refreshed. How do I work around this so that currSel equals the
item/button that was last chosen (home, oac, tactical, etc.)?
<script language="javascript">
var currSel="Blank";
document.all.Blank.style.visibility = "visible";
</script>
View Cart
