Passing Parameters to a function

atcs2152 · December 21st, 2005, 10:44 PM

I'm learning the basics of AJAX. It's coming along well. Getting the data via xmlHttp wasn't too bad. The problem is updating the page using the DOM.

I want to use an onMouseOver event to pop up a flyover but the information contained in the flyover is dynamic from the xmlHttp request. I need to pass it a parameter. I would normally do a

onMouseOver="Flyover('My text here')"

However, in the AJAX world I have to use a

document.getElementById("MyElement").onmouseover = Flyover;

I can't include the parenthesis and so I also can't pass the parameter here. I can't figure out how to pass "My text here" to the function.

ChrisScott · December 22nd, 2005, 06:22 AM

Try...

Code:

document.getElementById("MyElement").onmouseover = new Function("Flyover('My text here');");

HTH,

Chris

atcs2152 · December 22nd, 2005, 08:30 AM

That works but now I want send it some dynamically generated text and that doesn't. So the following works fine:

Code:

document.getElementById("MyElement").onmouseover = new Function("Flyover('My text here');");

But if I try this, it doesn't

Code:

var MyString = 'Hello there.';
document.getElementById("MyElement").onmouseover = new Function("Flyover(MyString);");

joefawcett · December 22nd, 2005, 08:39 AM

Code:

var MyString = 'Hello there.';
document.getElementById("MyElement").onmouseover = new Function("Flyover(" + MyString+ ");");

This is only going to work if the variable is a string or integer etc, not an object.

--

Joe (Microsoft MVP - XML)

atcs2152 · December 22nd, 2005, 09:12 AM

That didn't work but the following did:

Code:

document.getElementById("MyElement").onmouseover = new Function("Flyover('" + MyString+ "');");

(I added the single quotes)
Thank you very much for the help. I'm a happy camper again.