id is undefined problem!

[Mokka]

I just build a javascript function that writes some img tags into a
layer on mouseover but i have a problem i don't know how to solve.

Everything works fine if the user waits until the page is done loading,
but if the user activates the mouse over i get the error that my id is
undefined because the javascript hasn't crated the layer yet.

is there some kind of way that i can check if the layer has been
created or if the page is done loading etc.??

i refer to the id this way:

document.getElementById( containerName ).
please help me.

[Randy Webb]

Mokka said the following on 5/1/2006 8:04 AM:

I just build a javascript function that writes some img tags into a
layer on mouseover but i have a problem i don't know how to solve.

Everything works fine if the user waits until the page is done loading,
but if the user activates the mouse over i get the error that my id is
undefined because the javascript hasn't crated the layer yet.
if (document.getElementById('containerName')){
//code here
}

It is called feature/object detection.
is there some kind of way that i can check if the layer has been
created or if the page is done loading etc.??

See above.

Or, window.onload = new Function(){isLoaded=true};

And in your function:

if (isLoaded)

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[Mokka]

Thanks Randy,

could i get you to modify this code with the window.onload function?
cant get it to wok myself...... ;(

------------------------------------------------------------------------------------------

var http_request = false;
var containerName ='tipRich';

function ShowPictures( url , tipRich)
{

containerName = tipRich;

if (window.XMLHttpRequest) { // Mozilla, Safari,...
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {
http_request.overrideMimeType('text/xml');
// See note below about this line
}
} else if (window.ActiveXObject) { // IE

try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");

} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}

if (!http_request) {
alert('Giving up :( Cannot create an XMLHTTP instance');
return false;
}
http_request.onreadystatechange = httpRequestReady;

http_request.open('GET', url, true);
http_request.send(null);

}

function httpRequestReady() {
// elem = document.getElementById( containerName );

if (http_request.readyState == 4) {
if (http_request.status == 200) {
//elem.setAttribute('innerHTML',
http_request.responseText);
document.getElementById( containerName ).innerHTML =
http_request.responseText;
} else {
alert('There was a problem with the request.');
}
}

}

------------------------------------------------------------------------------------------

[Randy Webb]

Mokka said the following on 5/2/2006 4:36 AM:

Thanks Randy,
For what?

Please quote what you are replying to.

If you want to post a followup via groups.google.com, don't use the
"Reply" link at the bottom of the article. Click on "show options" at
the top of the article, then click on the "Reply" at the bottom of the
article headers.

<URL: http://www.safalra.com/special/googlegroupsreply/ >
could i get you to modify this code with the window.onload function?
cant get it to wok myself...... ;(
Where do you think you are calling it window.onload? There is nowhere in
the code you posted a reference to window.onload
------------------------------------------------------------------------------------------

var http_request = false;
var containerName ='tipRich';

function ShowPictures( url , tipRich)
{
containerName = tipRich;
tipRich is undefined.

contatinerName = 'tipRich';

But, not sure why you define it again locally when it is defined
globally with the same value. Drop one of them. Probably this one since
you also refer to containerName in another function.
if (window.XMLHttpRequest) { // Mozilla, Safari,...
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType)
{ http_request.overrideMimeType('text/xml');
// See note below about this line

I know what that line was for but there is no note "below" about that line.

<snip>

window.onload = ShowPictures;

Next, post a URL to a complete page that doesn't work.

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/