Dynamic 'on' handlers.

[Markus]

Is it possible to do something like the below (it should explain itself)

var event = 'onclick';
 
document.getElementById('id').event = alert("it works);
 

[omerbutt]

@Markus

var event1='onClick';
    document.getElementById('but').event1= alert("it works");
 

this would work only on page loading and for sure it will show the alert but you cannot assign an event like this to any button or form element ,means if you are trying this way to attach the event that should occur when we will later click that button or form element , that will not work for you
regards,
Omer Aslam

[acoder]

@Markus
Yes, except that the syntax would be something like:

var anevent = 'onclick';
document.getElementById('id')[anevent] = function() {alert("it works");}
 

Changes:
1. changed event to anevent. IE seems to have problems with setting variables with the name 'event' (messes with the global window.event).
2. Use bracket notation for strings.
3. Use a function object, otherwise it would alert "it works" as soon as this event is attached.
4. You forgot to close the string ;)

Note that you could alternatively use addEventListener/attachEvent (look them up).

[acoder]

@omerbutt
If you use a function object, you can. Also note that JavaScript is case-sensitive, so it should be "onclick", not "onClick".

[omerbutt]

@acoder
hey but when using it on the button type the property is named as "onClick" rather than "onclick" isnt it :( or i am missing something

[acoder]

You mean within the HTML code?

[omerbutt]

@acoder
yes wont that effect changing the spelling for the same property that we are setting through javascript
regards,
Omer Aslam

[acoder]

No, in JavaScript they must be lower-case. With HTML, you can get away with using mixed case, but XHTML is more strict. In other words, it should be lower-case in HTML too. See, for example, http://www.w3.org/TR/REC-html40/inte....html#h-18.2.3.