Here is my webpage: http://www.lightsforafrica.org/project.html

HOVERPICS.

It used to work but, even though I've changed nothing, it no longer works!

When you hover your mouse over the 5 words: America, Asia, Europe, India and Africa (towards the foot of the page) the image with the lights used to change to that region.

I'm using this code:
<SCRIPT type="text/javascript">
<!--
var hoverTrg11=document.getElementById("hoverArea11");
var hoverImg2=document.getElementById("hoverPic2");
hoverTrg11.onmouseover=function(){
hoverImg2.src="Images/lights_america.jpg";
}


<td><img id="hoverArea11" src="Images/America.gif" alt="" width="130" height="39" /></td>

This seems to have happened on all my website (which all previously worked).

Any ideas?

Why not instead of using javascript for hover images, use css? It might free some resources from the explorer viewing your site.

you can check CSS hovers here

Thanks for the advice. But so you know why my code (which always worked) has just stopped working?

Works fine for me... maybe the explorer you are using? Or a javascript deactivator, or activex control blocking?

I'm not talking about the buttons at the top! I'm asking about the map at the bottom with the lights.

Also, similar code here has stopped working on another of my websites:
http://www.kikati.org/blousy-bag.html

Works fine too... Try checking for the explorer's settings

Well that's good to hear. It used to work for me on IE, firefox and chrome. This morning I had an email from a visitor saying it wasn't working. I checked and she was right. Now I've checked again and it's working in all 3 browsers. Very strange!

Should probably switch to css from java!

Try this snippet. Might do some magic for you ;)

This might pose a problem, as you've already seen, for visitors who have js disabled. I normally do disable it except for testing environments.

As Nichito suggested, this can also be done with hidden divs and CSS, which will work in all browsers with no js at all. You should definately look into that.

I tried it as well with lots of different browsers and Operating systems. They all work fine. There are far too many things that could be wrong that have nothing to do with your design.

After I have checked my code, I suspect the server delivering my files is the problem. I know what my hosting service provides as features and I stay up-to-date with what versions of the programs they are using. A change in version of a program you were using could be the cause. I'm pretty quick with an email to tech support when this happens.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.