Login | Register   
Twitter
RSS Feed
Download our iPhone app
TODAY'S HEADLINES  |   ARTICLE ARCHIVE  |   FORUMS  |   TIP BANK
Browse DevX
Sign up for e-mail newsletters from DevX


Tip of the Day
Language: JavaScript
Expertise: Beginner
Sep 6, 2005

Dynamic <div> Tags

Use JavaScript to make a <div> tag dynamically and then adds code to handle the onmouseclick event to it.":

/*The following code generates a div in javascript dynamically and add events to it and append it to the
form of html page .*/

// call this function from form of html 
function create_div_dynamic(){

dv = document.createElement('div'); // create dynamically div tag
dv.setAttribute('id',"lyr1");       //give id to it
dv.className="top";                 // set the style classname  
//set the inner styling of the div tag 
dv.style.position="absolute";       
dv.style.pixelLeft=20;
dv.style.pixelTop=100;
dv.style.pixelWidth=10;
dv.style.pixelHeight=20;
dv.style.backgroundColor="red";
//set the html content inside the div tag
dv.innerHTML='<br> hi <br>';

// attach event onmouseclick to the created div tag 
dv.attachEvent("onmouseclick",function(){element_event_onmouseclick();}); 
//finally add the div id to ur form 
document.forms[0].appendChild(dv);

}

function element_event_onmouseclick() //its called for onmouseclick 
{ 
     	alert("Inside function onmouseclick");
   
}
Srimoyee Panda
 
Comment and Contribute

 

 

 

 

 


(Maximum characters: 1200). You have 1200 characters left.

 

 

Sitemap