javascript onclick event nightmare ...

plk · 10-12-2008, 02:41 PM

Hey all.

I'm having a problem with dynamically changing an onclick event. I know there are two solutions to this:

myVar.onclick = some_function;

or

myVar.onclick = function(){some_function();};

so.. why does that not work ?? :

[HTML]<html>
<head><title></title>
<script language="text/javascript" type="text/javascript" src="test.js">
</script>
</head>
<body>
<a href="#" id="id">Click me!</a>
</body>
</html>[/HTML]

with test.js:

Code:

	window.onLoad = initAll();

	// on load
	function initAll() {
		var the_change = document.getElementById('id');
		the_change.onclick=show_table;
	}

        function show_table() {
          // whatever
        }

note that the_change.onclick=function(){show_table();}; does not work neither ...

I'm lost .. honnestly.

thanks

plk

burschik · 10-13-2008, 12:19 AM

Quote:

so.. why does that not work ?? :

Couldn't you be more specific?

Quote:

Code:

        function show_table() {
          // whatever
        }

Let's assume, just for the sake of argument, that there is an error in this function. How do you think anyone will be able to help you debug "whatever"?

plk · 10-13-2008, 02:49 AM

Ok sorry ...

Code:

function show_table() {
    alert('whatever');
}

plk

Guttorm · 10-13-2008, 03:13 AM

Hi

Code:

window.onLoad = initAll();

It has to be "onload", not "onLoad". Also, initAll will be called since you use the () after the function name, so the initAll function is called before the page is loaded.

Code:

window.onload = initAll;

should work.

plk · 10-15-2008, 07:35 AM

And Yes it did !

I knew it was something like that.

Thank you very much ! :-)

plk