Function not defined

[Nile]

I'm including a script in my header. That script contains a function, in the body part of the html page I try to call that function. But firebug says its not defined. I've tried moving the script include even after the links.
Can someone help!?

[hsriat]

This should not happen unless the function is being created on some event (which is still to be called), or you have a variable with its name same as the function's.

[Nile]

So, how can I fix it?

[acoder]

You can start by posting your code (using code tags). It's difficult to point out a problem without seeing code.

[Nile]

My js is:

function expand(el){
var element = el.ClassName;
el = el.parentNode; el.getElementsByClassName(element+"Text").style.display="block";
}

And my html:
[html]
<div class="subContainer">
<div class="blue" onClick="expand(this);">Home</div>
<div class="blueText">Hi</div>
</div>
[/html]

[hsriat]

getElementsByClassName is implemented recently, so only the latest versions of Firefox, Opera and Safari support it. Have a look at this page.

Perhaps this is causing the problem.

[Nile]

Again. What would I do?

[hsriat]

Try to utilize other DOM function to get the same results.

You may find these useful:
getElementById
getElementsByTagName
firstChild
lastChild
previousSibling
nextSibling
parentNode

[Nile]

It doesn't make a difference. Its the function thats "undefined". I've already tried your solution.

[acoder]

You've got two more problems. ClassName should be className, and getElementsByClassName returns a list/array of elements, so you need to index the result, e.g. getElementsByClassName(...)[0].style...

Of course, for those browsers that don't support getElementsByClassName, just include a script that creates the function (there's many examples if you search).

[Nile]

It works!! THANKS!!!!!!

[acoder]

Glad to hear it! Post back to the forum if you have anymore questions.

[josefdesousa]

thats good you got it!

jose