Firefox Problem

[jug]

This is not totally PHP but is related.

I have a page which works in IE but not in Firefox, the page basically does the following:

PHP Script outputs several images onto my page, and each of them have a unique id (from a mysql database) stored in the id tag. I have a javascript function which is called on mouse over of each image. This function gets the value of the id tag and display in a table below my images.

In IE, this works, but in Firefox, the data isn't displayed in the table when I hover over the images.

I'm guessing one of the features i'm using is not compatible with Firefox, can anyone tell me what it is and how I can overcome it.

Thanks in advance

Regards

Jug

[sanfly]

you will need to post the script.  There are some apects of javascript that need to be rewritten for firefox browsers

[jug]

function GetDetails()
{
var DetailsAll = window.event.srcElement.id;
var WhereSpaceIs = DetailsAll.indexOf(" ")
var NamePart = DetailsAll.substr(0, WhereSpaceIs)
var AgePart = DetailsAll.substr(WhereSpaceIs)
document.getElementById("NameDisplay").innerHTML = NamePart
document.getElementById("AgeDisplay").innerHTML = AgePart
}

Basically I've got the name and age in the id tag and i'm separating them with a bit of string handling and displaying them in a table.

[sanfly]

Also have you looked to see if any errors are coming up in the Firefox Javascript Console (TOOLS > Javascript Console)

[jug]

Thanks for pointing that out. The error is:

"window.event has no properties" on the first line of that function.

[jug]

So anyone got any idea what I can use that will work in IE and Firefox?

[sanfly]

I cant really test it out without your HTML too, so I suggest a [url=http://www.google.com/search?sourceid=navclient-ff&ie=UTF-8&rls=GGGL,GGGL:2006-22,GGGL:en&q=firefox+window.event]google search for "firefox window.event"[/url]

You will find google can help you out with most of these compatibilty issues, just search for firefox + the error

[fenway]

You have to deal with window.event for IE, and just event ( the first parameter from every handler) for FF.

[jug]

So can anyone suggest what the following code has to be to be cross-browser?

[b]Javascript Functions:[/b]

function GetDetails()
{
var DetailsAll = window.event.srcElement.id;
var WhereSpaceIs = DetailsAll.indexOf(" ")
var NamePart = DetailsAll.substr(0, WhereSpaceIs)
var AgePart = DetailsAll.substr(WhereSpaceIs)
document.getElementById("NameDisplay").innerHTML = NamePart
document.getElementById("AgeDisplay").innerHTML = AgePart
}

function GetDetailsRevert()
{
document.getElementById("NameDisplay").innerHTML = " "
document.getElementById("AgeDisplay").innerHTML = " "
}

[b]Each image has the following tags[/b]

<img id="' . $Variable .'" onMouseOver="GetDetails()" onMouseOut="GetDetailsRevert()" src="image.jpg">

[b]And the table where I display the data about the current image has these spans[/b]

<span id="NameDisplay">
<span id="AgeDisplay">




Thanks in advance

Regards

Jug

[mainewoods]

to make the event information accessable cross browser, use this template:
[code]element.onclick = doSomething;

function doSomething(e) {
if (!e) var e = window.event;
// e gives access to the event in all browsers
}[/code]
http://www.quirksmode.org/js/events_access.html
everything your mother never told you about js events:
http://www.quirksmode.org/js/introevents.html