CApp using javascript
by rishul matta
HTML
<input type="button" value="Add" id="add"/>
<div id="chatApp">
</div>
JavaScript
/*--------------------------Compatibilty Section----------------------------------------*/
//this section adds code for cross browser compatibility
//event handler code added on window object to make the events compatible with mozilla and IE
if (document.addEventListener) {
this.addEvent = function (elem, type, fn) {
elem.addEventListener(type, fn, false);
return fn;
};
}
else
if (document.attachEvent) {
this.addEvent = function (elem, type, fn) {
var bound = function () {
return fn.apply(elem, arguments);
};
elem.attachEvent("on" + type, bound);
return bound;
};
}
/*--------------------------Declaration Section----------------------------------------*/
var ca = {
addChatWindow : (function () {
var index = 1;
return function () {
ca.chatSec.innerHTML += html.replace('[index]',index);
index++;
}
})(),
broadCast :function () {
var index;
var chatWindows = document.getElementsByTagName('p');
if(event.target.value == "send"){
index = event.target.id;
for(var i=0;i<chatWindows.length;++i){
chatWindows[i].innerHTML+= "<em>Chat window</em> "+index+" says: <b>"+
event.target.previousElementSibling.value+"</b><br/>";
}
event.target.previousElementSibling.value=null;
}
}
};
(function () {
ca.chatSec = document.getElementById('chatApp');
ca.add = document.getElementById("add");
})()
var html="<h1>Chat Window</h1> <div> <p></p> <textarea rows='4' cols='50'> </textarea> <input type='button' value='send' id = '[index]'></div>";
/*-----------------------------Event Handler...