...

View Full Version : .SHTML Multipage Question



dk4210
11-04-2002, 06:17 PM
Hello everyone,
I have an issue that I am dealing with, so maybe you guys know a better way.
I have developed 5 .shtml pages. I am bringing the pages together (Like a puzzle) with the include statment (see below). Everything works great though I am wonering about the header. The header has a navbar. The problem is how do I dynamically make the button on the nav bar light up when you go to that page without creating another header.shtml. There has got to be another way to accomplish this.. Please advise.. You are welcome to ICQ me @ 10070548
Thanks, Dan

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<!--#include virtual="header.shtml" -->
<!--#include virtual="left.shtml" -->
<!--#include Virtual="service_content.shtml" -->
<!--#include virtual="right.shtml" --->
<!--#include virtual="footer.shtml" -->

Feyd
11-04-2002, 06:37 PM
<!--#set var="page" value="DOCUMENT_URI" -->
<p><!--#if expr="\"$page\" = \"index.shtml\"" --><span style="navon"><!--#else --><span style="navoff">Home Link</span> |
<!--#if expr="\"$page\" = \"second.shtml\"" --><span style="navon"><!--#else --><span style="navoff">Second Link</span> |
<!--#if expr="\"$page\" = \"third.shtml\"" --><span style="navon"><!--#else --><span style="navoff">Third Link</span></p>


The if-elif-else statements can also be shortened to be more efficient, but that is basically it. However, you are going to be giving your box a huge overhead with all of these includes, and the xssi processing in some of these, so you may want to consider that in conjunction with how much use you expect these pages to get.

More info : http://www.uic.edu/depts/scailab/system/tutorial.shtml

dk4210
11-04-2002, 06:50 PM
Hey Thanks for the quick response...
What if it is a button.. Here is my code for the header...
This header will be on every page. How can I make it to when the user clicks on the "index_03.jpg" for example it will change the image to a highlighted gif image. Kinda like letting you know where you are on the nav bar... Here is addy http://www.apbcpa.com/main/
please note I have not linked the other links on the nav bar.
Thanks for your help...


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<HTML>
<HEAD>
<TITLE>WELCOME TO APBCPA.COM</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF topmargin="0" rightmargin="0" marginwidth="0" marginheight="0" leftmargin="0" bottommargin="0">
<TABLE WIDTH=756 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="0">
<TR>
<TD width="1"> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD width="213"> <IMG SRC="images/spacer.gif" WIDTH=213 HEIGHT=1></TD>
<TD width="2"> <IMG SRC="images/spacer.gif" WIDTH=2 HEIGHT=1></TD>
<TD width="2"> <IMG SRC="images/spacer.gif" WIDTH=2 HEIGHT=1></TD>
<TD width="118"> <IMG SRC="images/spacer.gif" WIDTH=118 HEIGHT=1></TD>
<TD width="1"> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD width="129"> <IMG SRC="images/spacer.gif" WIDTH=129 HEIGHT=1></TD>
<TD width="1"> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD width="64"> <IMG SRC="images/spacer.gif" WIDTH=63 HEIGHT=1></TD>
<TD width="3"> <IMG SRC="images/spacer.gif" WIDTH=3 HEIGHT=1></TD>
<TD width="233"> <IMG SRC="images/spacer.gif" WIDTH=225 HEIGHT=1></TD>
<TD width="5"> <IMG SRC="images/spacer.gif" WIDTH=2 HEIGHT=1></TD>
</TR>
<TR>
<TD COLSPAN=2> <IMG SRC="images/index_01.jpg" WIDTH=214 HEIGHT=126></TD>
<TD COLSPAN=3> <IMG SRC="images/index_02.jpg" WIDTH=122 HEIGHT=126></TD>
<TD width="1"> <IMG SRC="images/index_03.jpg" WIDTH=1 HEIGHT=126></TD>
<TD width="129"> <IMG SRC="images/index_04.jpg" WIDTH=129 HEIGHT=126></TD>
<TD width="1"> <IMG SRC="images/index_05.jpg" WIDTH=1 HEIGHT=126></TD>
<TD COLSPAN=4> <img src="images/index_06.jpg" width=295 height=126></TD>
</TR>
<TR>

<TD COLSPAN=11><img src="images/menu/0_navbar.gif" width="60" height="39"><img src="images/menu/1_navbar.gif" width="91" height="39"><img src="images/menu/2_navbar.gif" width="107" height="39"><img src="images/menu/3_navbar.gif" width="120" height="39"><img src="images/menu/4_navbar.gif" width="129" height="39"><img src="images/menu/5_navbar.gif" width="104" height="39"><img src="images/menu/6_navbar.gif" width="99" height="39"><img src="images/menu/7_navbar.gif" width="50" height="39">
</TD>

<TD ROWSPAN=3 width="5">&nbsp; </TD>
</TR>

DanHibiki
11-04-2002, 07:09 PM
I havent messed too much with shtml, but I have done a regular HTML page that used JavaScript to determine the location and depending on the location changed images. I am not sure if there is an easier way with SHTML, like I said I havent messed with it too much...Also I am not sure if my JavaScript method is correct, but hey what the heck I will throw it out here anyhow

<script>
page = document.URL.toUpperCase();
if(page.search("PAGE1.HTML")>-1){
do something
}
else...
</script>

dk4210
11-04-2002, 07:35 PM
Is there a tutorial on what you just said? I see what you mean but I am unable to write the code that you are refering...

Signed --- a wanna be web developer..!

DanHibiki
11-04-2002, 08:01 PM
I dont know if there are any specific tutorials on that. I wouldnt even begin to know what to call it. Let me see if I can make it a little more informative.

we have our menu image(s) that should be "highlighted" if we are on its corresponding page(s).

<img src="menu1.gif" id="page1">
<img src="menu2.gif" id="page2">

the script checks to see what page we are on then replaces the src of the menu image with the src of the highlighted image.

<script>
page = document.URL.toUpperCase();
if(page.search("PAGE1.HTML")>-1){
document.getElementById('page1').src="menu1highlight.gif"
}
else if(page.search("PAGE2.HTML")>-1){
document.getElementById('page2').src="menu2highlight.gif"
}
</script>

Hopefully this makes a little more sense.

dk4210
11-04-2002, 09:26 PM
I am still unable to make it work, But I feel like I am close... Please review my code... Thanks for AALLLLLLL your help!

~~~~~~~~~~~~~~~~~~~~~~~~~
<HTML>
<HEAD>
<TITLE>WELCOME TO APBCPA.COM</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<script>
page = document.URL.toUpperCase();
if(page.search("services.shtml")){
document.getElementById('page1').src="images/menu/1_navbar_roll.gif"
}
else if(page.search("PAGE2.HTML")){
document.getElementById('page2').src="menu2highlight.gif"
}
</script>
</HEAD>
<BODY BGCOLOR=#FFFFFF topmargin="0" rightmargin="0" marginwidth="0" marginheight="0" leftmargin="0" bottommargin="0">
<TABLE WIDTH=756 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="0">
<TR>
<TD width="1"> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD width="213"> <IMG SRC="images/spacer.gif" WIDTH=213 HEIGHT=1></TD>
<TD width="2"> <IMG SRC="images/spacer.gif" WIDTH=2 HEIGHT=1></TD>
<TD width="2"> <IMG SRC="images/spacer.gif" WIDTH=2 HEIGHT=1></TD>
<TD width="118"> <IMG SRC="images/spacer.gif" WIDTH=118 HEIGHT=1></TD>
<TD width="1"> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD width="129"> <IMG SRC="images/spacer.gif" WIDTH=129 HEIGHT=1></TD>
<TD width="1"> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD width="64"> <IMG SRC="images/spacer.gif" WIDTH=63 HEIGHT=1></TD>
<TD width="3"> <IMG SRC="images/spacer.gif" WIDTH=3 HEIGHT=1></TD>
<TD width="233"> <IMG SRC="images/spacer.gif" WIDTH=225 HEIGHT=1></TD>
<TD width="5"> <IMG SRC="images/spacer.gif" WIDTH=2 HEIGHT=1></TD>
</TR>
<TR>
<TD COLSPAN=2> <IMG SRC="images/index_01.jpg" WIDTH=214 HEIGHT=126></TD>
<TD COLSPAN=3> <IMG SRC="images/index_02.jpg" WIDTH=122 HEIGHT=126></TD>
<TD width="1"> <IMG SRC="images/index_03.jpg" WIDTH=1 HEIGHT=126></TD>
<TD width="129"> <IMG SRC="images/index_04.jpg" WIDTH=129 HEIGHT=126></TD>
<TD width="1"> <IMG SRC="images/index_05.jpg" WIDTH=1 HEIGHT=126></TD>
<TD COLSPAN=4> <img src="images/index_06.jpg" width=295 height=126></TD>
</TR>
<TR>

<TD COLSPAN=11><a href="index.shtml"><img src="images/menu/0_navbar.gif" width="60" height="39" id="page0" border=0></a><a href="services.shtml"><img src="images/menu/1_navbar.gif" width="91" height="39" id="page1" border=0></a><img src="images/menu/2_navbar.gif" width="107" height="39" id="page3"><img src="images/menu/3_navbar.gif" width="120" height="39" id="page4"><img src="images/menu/4_navbar.gif" width="129" height="39" id="page5"><img src="images/menu/5_navbar.gif" width="104" height="39" id="page6"><img src="images/menu/6_navbar.gif" width="99" height="39"><img src="images/menu/7_navbar.gif" width="50" height="39" id="page7">
</TD>

<TD ROWSPAN=3 width="5">&nbsp; </TD>
</TR>

DanHibiki
11-04-2002, 10:50 PM
edit 3: yeah just forget you ever saw this....tee hee...We are getting there though

DanHibiki
11-04-2002, 11:56 PM
back to the drawing board!

dk4210
11-05-2002, 03:02 PM
Is this the finished code? When you said "Back to the drawing board" does that mean this code doesn't work? Please let me know.. Thanks, Dan

DanHibiki
11-05-2002, 03:07 PM
Quick question. Are you going to be doing rollovers on the images. right now I have reached a dead end with the code. The problem came in with rollovers. Lets say for example that we had the home button highlighted if we rolled over it, and then off, it would reset to its original state of non-highlighted. Does that make sense? I am still working on it and have take it completely back to the drawing board. Give me some time and I will finish it up, unless of course you wont be using rollovers in which case I can post the code in a matter of minutes.

dk4210
11-05-2002, 03:18 PM
No, I really don't have to have mouse rollovers. I just want the image to be replaced when I go to the specific page.
For example when I click on the link to go to the contact us page I would like to contact us button/image to be replaced with the highlighted one... I know that we have to specifiy each page in the code, but how do I do that If I have .shtml calling the differnet pages... Thanks for your help... DAN!

DanHibiki
11-05-2002, 07:16 PM
<TABLE WIDTH=756 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="0">
<TR>
<TD width="1"> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD width="213"> <IMG SRC="images/spacer.gif" WIDTH=213 HEIGHT=1></TD>
<TD width="2"> <IMG SRC="images/spacer.gif" WIDTH=2 HEIGHT=1></TD>
<TD width="2"> <IMG SRC="images/spacer.gif" WIDTH=2 HEIGHT=1></TD>
<TD width="118"> <IMG SRC="images/spacer.gif" WIDTH=118 HEIGHT=1></TD>
<TD width="1"> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD width="129"> <IMG SRC="images/spacer.gif" WIDTH=129 HEIGHT=1></TD>
<TD width="1"> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD width="64"> <IMG SRC="images/spacer.gif" WIDTH=63 HEIGHT=1></TD>
<TD width="3"> <IMG SRC="images/spacer.gif" WIDTH=3 HEIGHT=1></TD>
<TD width="233"> <IMG SRC="images/spacer.gif" WIDTH=225 HEIGHT=1></TD>
<TD width="5"> <IMG SRC="images/spacer.gif" WIDTH=2 HEIGHT=1></TD>
</TR>
<TR>
<TD COLSPAN=2> <IMG SRC="images/index_01.jpg" WIDTH=214 HEIGHT=126></TD>
<TD COLSPAN=3> <IMG SRC="images/index_02.jpg" WIDTH=122 HEIGHT=126></TD>
<TD width="1"> <IMG SRC="images/index_03.jpg" WIDTH=1 HEIGHT=126></TD>
<TD width="129"> <IMG SRC="images/index_04.jpg" WIDTH=129 HEIGHT=126></TD>
<TD width="1"> <IMG SRC="images/index_05.jpg" WIDTH=1 HEIGHT=126></TD>
<TD COLSPAN=4> <img src="images/index_06.jpg" width=295 height=126></TD>
</TR>
<TR>

<TD COLSPAN=11><a href="index.shtml"><img src="images/menu/0_navbar.gif" width="60" height="39" name="page1" border=0></a><a href="services.shtml"><img src="images/menu/1_navbar.gif" width="91" height="39" name="page2" border=0></a><img src="images/menu/2_navbar.gif" width="107" height="39" name="page3"><img src="images/menu/3_navbar.gif" width="120" height="39" name="page4"><img src="images/menu/4_navbar.gif" width="129" height="39" name="page5"><img src="images/menu/5_navbar.gif" width="104" height="39" name="page6"><img src="images/menu/6_navbar.gif" width="99" height="39"><img src="images/menu/7_navbar.gif" width="50" height="39" id="page7">
</TD>

<TD ROWSPAN=3 width="5">&nbsp; </TD>
</TR>
</TABLE>
<script>
page = document.URL.toUpperCase();

//instructions
//document.****.src="********"
//where **** is the Name given to the image in the code
//ex: <img src="images/menu/0_navbar_over.gif" width="60" height="39" name="page1" border=0>
//Name would be page1
//and where ******** is the location of the secondary image
//images/menu/1_navbar_roll.gif

if(page.search("HEADER.HTML")>-1){
document.page1.src="images/menu/1_navbar_roll.gif"
}
else if(page.search("SERVICES.SHTML")>-1){
document.page2.src="menu2highlight.gif"
}
else if(page.search("SERVICES.SHTML")>-1){
document.page3.src="menu2highlight.gif"
}
else if(page.search("SERVICES.SHTML")>-1){
document.page4.src="menu2highlight.gif"
}
else if(page.search("SERVICES.SHTML")>-1){
document.page5.src="menu2highlight.gif"
}
else if(page.search("SERVICES.SHTML")>-1){
document.page6.src="menu2highlight.gif"
}
</script>

give that a try, that should do it. you will just need to customize it to suit your needs.

dk4210
11-06-2002, 02:08 PM
Hey...
Here is my code I mainly trying to get the service button to change to the 1_navbar_roll.gif when I enter the page... Please review the code.... And let me know.. Thanks again..



+++++++++++++++++++++++++++
<TABLE WIDTH=756 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="0">
<TR>
<TD width="1"> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD width="213"> <IMG SRC="images/spacer.gif" WIDTH=213 HEIGHT=1></TD>
<TD width="2"> <IMG SRC="images/spacer.gif" WIDTH=2 HEIGHT=1></TD>
<TD width="2"> <IMG SRC="images/spacer.gif" WIDTH=2 HEIGHT=1></TD>
<TD width="118"> <IMG SRC="images/spacer.gif" WIDTH=118 HEIGHT=1></TD>
<TD width="1"> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD width="129"> <IMG SRC="images/spacer.gif" WIDTH=129 HEIGHT=1></TD>
<TD width="1"> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD width="64"> <IMG SRC="images/spacer.gif" WIDTH=63 HEIGHT=1></TD>
<TD width="3"> <IMG SRC="images/spacer.gif" WIDTH=3 HEIGHT=1></TD>
<TD width="233"> <IMG SRC="images/spacer.gif" WIDTH=225 HEIGHT=1></TD>
<TD width="5"> <IMG SRC="images/spacer.gif" WIDTH=2 HEIGHT=1></TD>
</TR>
<TR>
<TD COLSPAN=2> <IMG SRC="images/index_01.jpg" WIDTH=214 HEIGHT=126></TD>
<TD COLSPAN=3> <IMG SRC="images/index_02.jpg" WIDTH=122 HEIGHT=126></TD>
<TD width="1"> <IMG SRC="images/index_03.jpg" WIDTH=1 HEIGHT=126></TD>
<TD width="129"> <IMG SRC="images/index_04.jpg" WIDTH=129 HEIGHT=126></TD>
<TD width="1"> <IMG SRC="images/index_05.jpg" WIDTH=1 HEIGHT=126></TD>
<TD COLSPAN=4> <img src="images/index_06.jpg" width=295 height=126></TD>
</TR>
<TR>

<TD COLSPAN=11><a href="index.shtml"><img src="images/menu/0_navbar.gif" width="60" height="39" name="page1" border=0></a><a href="services.shtml"><img src="images/menu/1_navbar.gif" width="91" height="39" name="page2" border=0></a><img src="images/menu/2_navbar.gif" width="107" height="39" name="page3"><img src="images/menu/3_navbar.gif" width="120" height="39" name="page4"><img src="images/menu/4_navbar.gif" width="129" height="39" name="page5"><img src="images/menu/5_navbar.gif" width="104" height="39" name="page6"><img src="images/menu/6_navbar.gif" width="99" height="39"><img src="images/menu/7_navbar.gif" width="50" height="39" id="page7">
</TD>

<TD ROWSPAN=3 width="5"> </TD>
</TR>
<script>
page = document.URL.toUpperCase();


//document.****.src="********"
//where **** is the Name given to the image in the code
//ex: <img src="images/menu/0_navbar_over.gif" width="60" height="39" name="page1" border=0>
//Name would be page1
//and where ******** is the location of the secondary image
//images/menu/1_navbar_roll.gif

if(page.search("header.shtml")>-1){
document.page1.src="images/menu/0_navbar.gif"
}
else if(page.search("services.shtml")>-1){
document.page2.src="images/menu/1_navbar_roll.gif"
}
</script>

DanHibiki
11-06-2002, 05:10 PM
Try it out with this script in the place of the other
<script>
page = document.URL.toUpperCase();


//document.****.src="********"
//where **** is the Name given to the image in the code
//ex: <img src="images/menu/0_navbar_over.gif" width="60" height="39" name="page1" border=0>
//Name would be page1
//and where ******** is the location of the secondary image
//images/menu/1_navbar_roll.gif

if(page.search("HEADER.SHTML")>-1){
document.page1.src="images/menu/0_navbar.gif"
}
else if(page.search("SERVICES.SHTML")>-1){
document.page2.src="images/menu/1_navbar_roll.gif"
}
</script>

dk4210
11-06-2002, 06:35 PM
Hey,,,
It worked.... Thank you so much... I am going to attempt the rest of the pages.. I have a question though..
Why do i have to put SERVICES.SHTML in capital letters... the file names are in lowerscase letters..

DanHibiki
11-06-2002, 06:40 PM
in the script it self I put toUpperCase()...this takes the string and converts it to uppercase letters. I used this as a "just in case" By converting them to all uppercase, we know that the string will always be in uppercase.

dk4210
11-06-2002, 07:16 PM
What experience do you have ? whats your background?

dk4210
11-07-2002, 07:35 PM
Hey Will you take a look at my code oce again?... I have a haveing a bad time getting this one to work.. Please let me know if you see anything wrong.. Thanks, Dan

++++++++++++++++++++++++++++
<HTML>
<HEAD>
<TITLE>WELCOME TO APBCPA.COM</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF topmargin="0" rightmargin="0" marginwidth="0" marginheight="0" leftmargin="0" bottommargin="0">
<TABLE WIDTH=760 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=215 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=2 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=41 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=80 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=149 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=266 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
</TR>
<TR>
<TD COLSPAN=2>
<IMG SRC="images/cut_01.jpg" WIDTH=216 HEIGHT=126></TD>
<TD>
<IMG SRC="images/cut_02.jpg" WIDTH=1 HEIGHT=126></TD>
<TD COLSPAN=5>
<IMG SRC="images/cut_03.jpg" WIDTH=125 HEIGHT=126></TD>
<TD>
<IMG SRC="images/cut_04.jpg" WIDTH=1 HEIGHT=126></TD>
<TD>
<IMG SRC="images/cut_05.jpg" WIDTH=149 HEIGHT=126></TD>
<TD>
<IMG SRC="images/cut_06.jpg" WIDTH=1 HEIGHT=126></TD>
<TD COLSPAN=2>
<IMG SRC="images/cut_07.jpg" WIDTH=267 HEIGHT=126></TD>
</TR>
<TR>
<TD COLSPAN=13>
<a href="index.shtml"><IMG SRC="images/menu/0_bar.gif" width="53" height="39" name="page1" border=0></a><a href="service.shtml"><IMG SRC="images/menu/1_bar.gif" width="84" height="39" name="page2" border=0></a><IMG SRC="images/menu/2_bar.gif"><IMG SRC="images/menu/3_bar.gif" name="page3"><IMG SRC="images/menu/4_bar.gif" name="page4"><IMG SRC="images/menu/5_bar.gif" name="page5"><IMG SRC="images/menu/6_bar.gif" name="page6"><IMG SRC="images/menu/7_bar.gif"></TD>
</TR>
<TR>
<TD COLSPAN=13>
<IMG SRC="images/cut_09.jpg" WIDTH=760 HEIGHT=1></TD>
</TR>
<TR>
<TD COLSPAN=13>
<IMG SRC="images/cut_10.jpg" WIDTH=760 HEIGHT=2></TD>
</TR>
<script>
page = document.URL.toUpperCase();


//document.****.src="********"
//where **** is the Name given to the image in the code
//ex: <img src="images/menu/0_navbar_over.gif" width="60" height="39" name="page1" border=0>
//Name would be page1
//and where ******** is the location of the secondary image
//images/menu/1_navbar_roll.gif

if(page.search("HEADER.SHTML")>-1){
document.page1.src="images/menu/0_bar.gif"
}
else if(page.search("SERVICES.SHTML")>-1){
document.page2.src="images/menu/1_bar_roll.gif"
}
</script>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum