Binding Event to innerHTML

[nwaseem]

Hi everyone,

I'm trying to figure out a way to some how 'bind an event' to the innerHTML property. As an example, if I do something like:

<containerElement>.innerHTML='some HTML code';

I would like somehow to be able to fire an event to accommodate the updated container content.

I just spent today and yesterday teaching myself prototypes and literals and all that cool stuff; from what I was able to pick up, I came up with the following unfunctioning script:

<script language="javascript" type="text/javascript" src="prototype.js"></script>
<script language="javascript" type="text/javascript">
 
Object.prototype.initialize = function(){
  this.innerHTML.bind(this.update());//I'm imagining you laughing at this line :)
}
 
Object.prototype.update = function(){
  alert('testing');
}
 
var vCA;//Will contain an array of containers
 
window.onload = function(){
  document.getElementById('containerDiv').initialize();//Make object into a container
}
</script>

I appreciate your time :)

[Ferris]

Hi

innerHTML is a property, not a function ,so it can't be applied with "bind".


by the way,the first parameter of bind is an object,so you should change the line

this.innerHTML.bind(this.update());//I'm imagining you laughing at this line :)
 

into

this.innerHTML.bind(this.update);
 

hope it helps.

[nwaseem]

Hey,

I appreciate your help, I'm probably going to go for an alternate route.

Thanks