To display text for mouse over images

[javakid]

I want to display text for no. of images when i move mouse over them.
Can anybody help?

Thanks

[AricC]

I want to display text for no. of images when i move mouse over them.
Can anybody help?

Thanks

Are you talking about tooltips?

[javakid]

Are you talking about tooltips?

No, I am not looking for tooltip

I have logos of companies on left side vertically. i want to have their description when i move mouse over them. Is it possible using HTML or css or javascript.

Thanks

[acoder]

I assume you want to display the text in a static place (not following the mouse).

You can still achieve that using tooltips (by setting a few parameters), or alternatively, just use the visibility style property of a div that contains the info. and set it to 'visible' onmouseover and 'hidden' onmouseout.

What code do you have?

[javakid]

I assume you want to display the text in a static place (not following the mouse).

You can still achieve that using tooltips (by setting a few parameters), or alternatively, just use the visibility style property of a div that contains the info. and set it to 'visible' onmouseover and 'hidden' onmouseout.

What code do you have?

Thanks for your help

Now i have got the code and it is working fine in IE but it is not running on Firefox
The action is, when i move mouse over my image the description is displayed on right side of image and on mouseout description again goes off .

But it is not working in FIrefox.
Code is as below:


javascript code:

function toggleVisibilit y(me){
if (me.style.visib ility=="hidden" ){
me.style.visibi lity="visible";
}
else {
me.style.visibi lity="hidden";
}
}

Html Part:

<table>
<tr><td>
<a href="" onmouseover=tog gleVisibility(f irst); onmouseout=togg leVisibility(fi rst)>
<img src="logos/Texas.jpg" width="160" height="50" border="1" alt=""></a>
</td>
<td>

<div id=first style="position :relative; visibility:hidd en"> <strong>Texas </strong><strong> Instruments </strong>Burrbrow n, Unitrode, Benchmarq, TI-RFid, DSP, MCU, Logics, Analog Circuit,Motor protector, Thermostat, Battery Protector.&nbsp ; </div>
</td></tr></table>

[pronerd]

Another option at lest for IE would be to add the alt attribute to the images. This would allow the alt text to be displayed when the user lets their cursor hover over the image.

[acoder]

Another option at lest for IE would be to add the alt attribute to the images. This would allow the alt text to be displayed when the user lets their cursor hover over the image.

That's not the correct behaviour. Should use the title attribute for that.

[acoder]

Thanks for your help

Now i have got the code and it is working fine in IE but it is not running on Firefox
The action is, when i move mouse over my image the description is displayed on right side of image and on mouseout description again goes off .

But it is not working in FIrefox.
Code is as below:


javascript code:

function toggleVisibilit y(me){
if (me.style.visib ility=="hidden" ){
me.style.visibi lity="visible";
}
else {
me.style.visibi lity="hidden";
}
}

Html Part:

<table>
<tr><td>
<a href="" onmouseover=tog gleVisibility(f irst); onmouseout=togg leVisibility(fi rst)>
<img src="logos/Texas.jpg" width="160" height="50" border="1" alt=""></a>
</td>
<td>

<div id=first style="position :relative; visibility:hidd en"> <strong>Texas </strong><strong> Instruments </strong>Burrbrow n, Unitrode, Benchmarq, TI-RFid, DSP, MCU, Logics, Analog Circuit,Motor protector, Thermostat, Battery Protector.&nbsp ; </div>
</td></tr></table>

Works fine in Firefox.

[jaballah]

Works fine in Firefox.

I tried the code quoted in the thread, and it does not work in Firefox. It does work in IE.