Thu, 2004-11-25 20:06
Gang,
I'm trying to make my web page change the text in a box by clicking a menu item. Sounds simple but I can't seem to do it.
This works in Explorer, but does nothing in FireFox. Why?:
<p>Click your mouse on one of the choices</p>
<TABLE>
<TR>
<TD WIDTH="200" HEIGHT="100">
<a href="" onMouseOver="InfoDisplayArea.innerHTML='First Message is about the first menu item'" >First Menu Item</a><BR>
<a href="" onMouseOver="InfoDisplayArea.innerHTML='Second Message is about the second menu item'">Second Menu Item</a><BR>
<a href="" onMouseOver="InfoDisplayArea.innerHTML='Third Message is about the third menu item'">Third Menu Item</a><BR>
</TD>
<TD WIDTH="400" HEIGHT="100">
<div id='InfoDisplayArea'></div>
</TD>
</TR>
</TABLE>
Is there an easier way to do this?
Thu, 2004-11-25 20:09
#1
Does .innerHTML not work in FireFox? It does in Explorer.
Woops, have to turn off html to show the example:
<p>Click your mouse on one of the choices</p>
<TABLE>
<TR>
<TD WIDTH="200" HEIGHT="100">
<a href="" onMouseover="InfoDisplayArea.innerHTML='<B>First Message</B> is about the first menu item'" >First Menu Item</a><BR>
<a href="" onMouseover="InfoDisplayArea.innerHTML='<B>Second Message</B> is about the second menu item'">Second Menu Item</a><BR>
<a href="" onMouseover="InfoDisplayArea.innerHTML='<B>Third Message</B> is about the third menu item'">Third Menu Item</a><BR>
</TD>
<TD WIDTH="400" HEIGHT="100">
<div id='InfoDisplayArea'></div>
</TD>
</TR>
</TABLE>
Is there a good forum to post this in?
Thu, 2004-11-25 21:24
#2
Does .innerHTML not work in FireFox? It does in Explorer.
Hi jamesmcclelland,
The problem is the way you are targeting "InfoDisplayArea" in the onmouseover.
try something like onmouseover="document.getElementById('InfoDisplayArea').innerHTML ='<B>First Message</B> is about the first menu item'"
That should work in most browsers with DOM support.
Sat, 2004-11-27 15:53
#3
Does .innerHTML not work in FireFox? It does in Explorer.
Tony,
This has been very helpful. Here's what I have now:
<a href="workingdemo2d.htm" onMouseDown="document.getElementById('InfoDisplayArea').innerHTML ='<B>First Message</B> is about the first menu item'">First Menu Item</a><BR>
And it works. Except I need the text to stay there after the MouseDown event. Can you help with that? OnClick doesn't do it either.
James