classicpenny wrote:
There is at least one minor bug: the links on the index page disappear when you roll over them with the mouse
I'm only a hack at this, but I thought I'd give it a shot. It appears your menu is made up of images, which cannot be found. (InternetExplorer[v7] shows that more obviously than Firefox[v3.5.3]) The images show correctly for the initial page load, but are broken during the rollover. Perhaps the rollover references the images in the wrong location. With Firefox, go
View > Page Source, which shows the following pertinent lines.
Quote:
<script type="text/javascript" src="Clean_Nuclear_Fusion/Scripts/iWebSite.js"></script>
...
<script type="text/javascript" src="Clean_Nuclear_Fusion/Home_files/Home.js"></script>
...
<img usemap="#map1" id="shapeimage_1" src="Clean_Nuclear_Fusion/Home_files/shapeimage_1.png" style="border: none; height: 228px; left: -9px; position: absolute; top: -9px; width: 404px; z-index: 1; " alt="Why do you say, “Safe, Green, and Clean?”
What is a Polywell, Anyway?
Just Exactly What is Nuclear Energy?
Why Can’t We Use Alternatives Like Wind?
What’s the Big Deal about Fossil Fuels? " title="" />
</a>
...
<map name="map1" id="map1">
<area href="Clean_Nuclear_Fusion/Clean_Green_Safe.html" title="Clean_Green_Safe.html" shape="rect" alt="Clean_Green_Safe.html" onmouseover="IMmouseover('shapeimage_1', '0');" onmouseout="IMmouseout('shapeimage_1', '0');" coords="9, 9, 296, 53" />
...
<img style="height: 44px; left: 0px; position: absolute; top: 0px; width: 287px; " id="shapeimage_1_link_0" alt="shapeimage_1_link_0" src="Clean_Nuclear_Fusion/Home_files/shapeimage_1_link_0.png" />
The bit that causes the rollover is
onmouseover="IMmouseover('shapeimage_1', '0');
The function IMmouseover() is defined in
http://www.polywellnuclearfusion.com/Cl ... WebSite.js Quote:
function IMmouseover(name,areaIndex)
{
var rolloverName=name+'_rollover_'+areaIndex;
var linkName=name+'_link_'+areaIndex;
var img=document.getElementById(linkName);
if(img)
{
detectBrowser();
if(windowsInternetExplorer&&img.originalSrc)
{
swapAlphaImageLoaderFilterSrc(img,self[rolloverName].src);
}
else
{
img.src=self[rolloverName].src;
}
}
return true;
}
function IMmouseout(name,areaIndex)
{
var linkName=name+'_link_'+areaIndex;
var img=document.getElementById(linkName);
if(img)
{
detectBrowser();
if(windowsInternetExplorer&&img.originalSrc)
{
swapAlphaImageLoaderFilterSrc(img,self[linkName].src);
}
else
{
img.src=self[linkName].src;
}
}
return true;
}
This shows the image being accessed has
id=shapeimage_1_link_0. You can see by clicking
http://www.polywellnuclearfusion.com/Clean_Nuclear_Fusion/Home_files/shapeimage_1_link_0.png that the original load from the HTML references the correct location, which is why the menu shows up in the inital page load.
However for the rollover, the images are preloaded with Javascript from
Quote:
http://www.polywellnuclearfusion.com/Cl ... es/Home.jsIMpreload('
Home_files','shapeimage_1','0')
http://www.polywellnuclearfusion.com/Cl ... WebSite.jsfunction IMpreload(path,name,areaIndex)
{
var
rolloverName=name+'_rollover_'+areaIndex;
var
rolloverPath=path+'/'+rolloverName+'.png';
self[rolloverName]=new Image();
self
[rolloverName].src=rolloverPath;
var linkName=name+'_link_'+areaIndex;
var linkPath=path+'/'+linkName+'.png';
self[linkName]=new Image();
self[linkName].src=linkPath;
return true;
}
So the filename of the preloaded rollover image is
shapeimage_1_rollover_0.png.
which does work work at
http://www.polywellnuclearfusion.com/Cl ... over_0.png
but perhaps this code trying to access this file at
http://www.polywellnuclearfusion.com/Ho ... over_0.png
On the web server, try manually copying both files
shapeimage_1_link_0.png &
shapeimage_1_rollover_0.png
from
http://www.polywellnuclearfusion.com/Cl ... Home_files
to
http://www.polywellnuclearfusion.com/Home_files.
and see if that works.
Alternatively, try changing IMpreload('
Home_files','shapeimage_1','0')
to IMpreload('
Clean_Nuclear_Fusion/Home_files','shapeimage_1','0').
Hope that helps,
cheers, Ben