Xpounded Adding Event Handlers in IE

This shows multiple methods for adding an event handler

Select All

this can also be loaded from an external file
	
		How many ways can you assign a handler in IE?
		Here are a few - all of the following assignments result in the same response.

Goal: Assign a Response handler to the onlick event of the someElement element.
		someElement is an id for an element on the page that accepts innerHTML arguments
		Response: The text in someElement is replacd by the text 'Replacement Text' inside the someElement element.
		bid() is a seperate function in the script block, 
		bid1,and bid2 are names only, they do not have seperate functional code in the script block.

DEF: cumulative : more than one assignment possible
		DEF: non cumulative : only one assignment possible (last assignment overwrites previous assignment)
	*/

//Assigning a handler to an object event
	//You can try any of the following assignments by removing the appropriate comments
	//singlton assignments
	//
	//non cumlative
	//someElement.onclick=bid	//calls the function bid (non cumlative)
	//someElement.onclick=function(){bid()} //anonymous function (non cumlative)
	//someElement.onclick=function(){someElement.innerHTML="Replacement Text"} //anonymous function (non cumlative)
	//someElement.onclick=function anonymous(){someElement.innerHTML="Replacement Text"}	//anonymous function ( (non cumlative)
	//someElement.onclick=function bid(){someElement.innerHTML="Replacement Text"}	//named function - where is the naming conflict? (non cumlative)
	//someElement.setAttribute("onclick", function anonymous(){ someElement.innerHTML="Replacement Text"}); //anonymous function ( (non cumlative)
	//someElement.setAttribute("onclick", function anonymous(){ bid()}); //anonymous function ( (non cumlative)
	//someElement.setAttribute("onclick", function bid1(){ bid()});	//named function - watch for naming conflicts (non cumlative)
	//cumlative
	//someElement.attachEvent('onclick',bid) //calls bid (cumlative)
	//someElement.attachEvent('onclick',function(){ someElement.innerHTML="Replacement Text"})	//anonymous function (cumlative)
	//someElement.attachEvent('onclick',function anonymous(){ someElement.innerHTML="Replacement Text"})	//anonymous function (cumlative)
	//library inclusion - choose assignment type, select a resource name, and add it.
	//var somelib={init: someElement.onclick=bid, more_defs:"..."} 
	//var somelib={init: someElement.onclick=function(){someElement.innerHTML="Replacement Text"}, more_defs:"..."}
	//...You get the idea

//multiple assignments
	//
	//non cumlative assignment
	//someElement.onclick=function(){bid1(),bid2()}	//order matters
	//other non cumlative assignment simm...
	//cumlative assignment
	//someElement.attachEvent('onclick',bid1) //add bid1 (cumlative)
	//someElement.attachEvent('onclick',bid2) //add bid2 (cumlative)
	//enough...

//yes.. many other combinations are are possible
	//and yes.. other assignment methods are possible
	//such as...
	//someElement.onclick=Function("someElement.innerHTML='Replacement Text'")
	//someElement.onclick=new Function("someElement.innerHTML='Replacement Text'")
	//and...
	//eval("someElement.onclick="+function anonymous(){bid()})
	//stop...
	
	//Any way, the assignment method you utlimatly choose is left to you as 
	//a matter of style and utillity.

</script>

No HTML to View

- Copyright 2003 Xpounded -
All JS code developed by Xpounded is developed in RHSCoder.
All VBS code developed by Xpounded is developed in VBS QuickDev IDE, or RHSCoder.
Privacy Statement
Feedback