Interactive Buttons

Search

Advanced Search

Related Pages
IB Home Page
Button 1
Button 2
Button 3
Button 4
DWT
Root DWT
Two Borders
Root

This page, root.htm, lives in the subweb root, along with the home page.  It uses a left shared border to display the Interactive Buttons.

Although the image paths in the <body> tag are correct (for preloading the rollover images) the image paths in the mouseover events are pointing outside the subweb, for example:

onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'../images/button4.gif')"

Previewing this page in FrontPage2003 showed no errors, whereas using a browser shows the images fail to rollover or "press".  When using Preview, all links were made absolute, ie in the form http://domain/path/link.gif  (this code was taken from the development system.)

<td align="center"><a href="http://10.0.0.200/rxs-enterprises/fp/buttons/index.html"><img border="0" id="img1" src="http://10.0.0.200/rxs-enterprises/fp/buttons/images/button4D.gif" height="20" width="80" alt="Interactive Home" fp-style="fp-btn: Soft Rectangle 6; fp-font-size: 8; fp-transparent: 1; fp-proportional: 0" fp-title="Interactive Home" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'http://10.0.0.200/rxs-enterprises/fp/buttons/images/button4E.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'http://10.0.0.200/rxs-enterprises/fp/buttons/images/button4D.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'http://10.0.0.200/rxs-enterprises/fp/buttons/images/button4F.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'http://10.0.0.200/rxs-enterprises/fp/buttons/images/button4E.gif')"></a></td>

For preview in browser, the links become relative:

<td align="center"><a href="index.html"><img border="0" id="img1" src="images/button4D.gif" height="20" width="80" alt="Interactive Home" fp-style="fp-btn: Soft Rectangle 6; fp-font-size: 8; fp-transparent: 1; fp-proportional: 0" fp-title="Interactive Home" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'../images/button4E.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'../images/button4D.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'../images/button4F.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'../images/button4E.gif')"></a></td>

Note how the image links in the onmousexxx events are broken, though the image links in the <body> tag are correct:
<body onload="FP_preloadImgs(/*url*/'images/button4F.gif, ...