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="subConta iner">
<div class="blue" onClick="expand (this);">Home</div>
<div class="blueText ">Hi</div>
</div>
[/html]

[hsriat]

getElementsByCl assName 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
getElementsByTa gName
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 getElementsByCl assName returns a list/array of elements, so you need to index the result, e.g. getElementsByCl assName(...)[0].style...

Of course, for those browsers that don't support getElementsByCl assName, 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