This site uses cookies- for more information see the Cookie Policy | Continue

 

This page is located in the root of the subweb. Note that this is an emulation of a page using shared borders (not the genuine article) and is intended to demonstrate how Interactive Buttons break when building pages with shared borders on an extended server. The original page was constructed in FrontPage 2003 using a server running FrontPage extensions 2002 - the resulting code from that page has been pasted into the left column in this page.

The image paths in the mouseover events point outside the subweb, for example:

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

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

<td align="center"><a href="http://10.0.0.200/rxs-enterprises/fp/b/buttons/default.aspx"><img border="0" id="img1" src="http://10.0.0.200/rxs-enterprises/fp/b/buttons/images/button4D.gif" height="24" width="122" alt="Interactive Home" fp-style="fp-btn: Chain Column 1; fp-font-size: 10; 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/b/buttons/images/button4E.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'http://10.0.0.200/rxs-enterprises/fp/b/buttons/images/button4D.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'http://10.0.0.200/rxs-enterprises/fp/b/buttons/images/button4F.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'http://10.0.0.200/rxs-enterprises/fp/b/buttons/images/button4E.gif')"></a></td>

For preview in browser, the links become relative:

<td align="center"><a href="default.aspx"><img border="0" id="img1" src="images/button4D.gif" height="24" width="122" alt="IB Home Page" fp-style="fp-btn: Chain Column 1; fp-font-size: 10; fp-transparent: 1; fp-proportional: 0" fp-title="IB Home Page" 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. The addition of the ../ means the links rollover, but the new image is a "image not found" red cross, since the link is pointing to a folder outside the web.