Hovering image not showing in Firefox

@HookedOnWinterFeb 23.2007 — #Can you post your actual code? like the way you're using it on your page? Thanks

@WebJoelFeb 23.2007 — #Nice tutorial though... ?

@corrado1000authorFeb 23.2007 — #[B]This is in the <head> of the page:[/B]

<script>

function Show(){

x = event.clientX + document.body.scrollLeft;

y = event.clientY + document.body.scrollTop + 35;

Popup.style.display="block";

Popup.style.left = x;

Popup.style.top = y;

}

function Hide()

{

Popup.style.display="none";

}

</script>

[B]This is in the CSS stylesheet in amongst all my other style sheet classes:[/B]

.transparent {

filter:alpha(opacity=80);

background-color:white;

display:none;

width:170;

height:100;

position:absolute;

color: white;

border:none;

}

[B]And finally this is in the HTML page ( the page has no DOCType) with <td> and after a textbox that verifies an email address:[/B]

<TD><input type=text name=cardVerify size=4 maxlength="4" value="<%=cardVerify%>" class="texta"> <a href="#" onMouseOut="Hide()" onMouseOver="Show()"onMouseMove="Show()" title="Card Verification number - CVV">help?</a><div id="Popup" class="transparent"><img border=0 src="../UserMods/CardCodeVerif.jpg"></div></TD>

Like I said before it works perfectly on in IE but not in Firefox?

@corrado1000authorFeb 23.2007 — #[B]Got it to work -[/B]

I had to put the event keyword within the Show() function parameters and also when calling it in the HTML:

[B]Javascript:[/B]

function Show(event)...

[B]HTML:[/B]

onMouseMove="Show(event)"

Thanks anyway guys.

Hovering image not showing in Firefox

4 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

Hovering image not showing in Firefox

4 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

4 Comments(s) _↴

Also in #CSS _↴