<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Vinodkram &#187; create html element</title>
	<atom:link href="http://www.vinodkram.com/tag/create-html-element/feed" rel="self" type="application/rss+xml" />
	<link>http://www.vinodkram.com</link>
	<description>Creative, Informative and Entertaining Stuff for everyone</description>
	<lastBuildDate>Mon, 26 Dec 2011 18:34:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>how to create html element dynamically in javascript</title>
		<link>http://www.vinodkram.com/how-to-create-html-element-dynamically-in-javascript</link>
		<comments>http://www.vinodkram.com/how-to-create-html-element-dynamically-in-javascript#comments</comments>
		<pubDate>Wed, 26 Mar 2008 09:26:39 +0000</pubDate>
		<dc:creator></dc:creator>
				<category><![CDATA[web development]]></category>
		<category><![CDATA[create html element]]></category>

		<guid isPermaLink="false">http://vinodkram.wordpress.com/?p=22</guid>
		<description><![CDATA[var itemManCnt=2; function addMoreHomeImage() { if(itemManCnt==6) { alert(&#8220;You can upload only 5 files&#8221;); return false; } var parentObj=document.getElementById(&#8216;FileElementItem&#8217;); var divClrBoth = document.createElement(&#8220;div&#8221;); divClrBoth.setAttribute(&#8220;class&#8221;,&#8221;ClrBoth&#8221;); divClrBoth.setAttribute(&#8220;id&#8221;,itemManCnt); var divClrSelect = document.createElement(&#8220;div&#8221;); divClrSelect.setAttribute(&#8220;class&#8221;,&#8221;Select&#8221;); var file= document.createElement(&#8220;input&#8221;); file.setAttribute(&#8220;type&#8221;,&#8221;file&#8221;); file.setAttribute(&#8220;id&#8221;,&#8221;InsuranceHomeImage&#8221;+itemManCnt); file.setAttribute(&#8220;name&#8221;,&#8221;InsuranceHomeImage&#8221;+itemManCnt); divClrSelect.appendChild(file); var divRemove= document.createElement(&#8220;div&#8221;); divRemove.setAttribute(&#8220;class&#8221;,&#8221;AddNew&#8221;); var divRemoveLink = document.createElement(&#8220;a&#8221;); divRemoveLink.setAttribute(&#8216;onclick&#8217;,'deleteHomeImage(&#8216;+itemManCnt+&#8217;)');itemManCnt++; divRemoveLink.innerHTML=&#8217;Remove&#8217;; divRemove.appendChild(divRemoveLink); divClrBoth.appendChild(divClrSelect); divClrBoth.appendChild(divRemove); parentObj.appendChild(divClrBoth); } function deleteHomeImage(iEle) { var [...]]]></description>
			<content:encoded><![CDATA[<p>var itemManCnt=2;<br />
function addMoreHomeImage()<br />
{<br />
if(itemManCnt==6)<br />
{<br />
alert(&#8220;You can upload only 5 files&#8221;);<br />
return false;</p>
<p>}<br />
var parentObj=document.getElementById(&#8216;FileElementItem&#8217;);<br />
var divClrBoth = document.createElement(&#8220;div&#8221;);<br />
divClrBoth.setAttribute(&#8220;class&#8221;,&#8221;ClrBoth&#8221;);<br />
divClrBoth.setAttribute(&#8220;id&#8221;,itemManCnt);</p>
<p>var divClrSelect = document.createElement(&#8220;div&#8221;);<br />
divClrSelect.setAttribute(&#8220;class&#8221;,&#8221;Select&#8221;);</p>
<p>var file= document.createElement(&#8220;input&#8221;);<br />
file.setAttribute(&#8220;type&#8221;,&#8221;file&#8221;);<br />
file.setAttribute(&#8220;id&#8221;,&#8221;InsuranceHomeImage&#8221;+itemManCnt);<br />
file.setAttribute(&#8220;name&#8221;,&#8221;InsuranceHomeImage&#8221;+itemManCnt);<br />
divClrSelect.appendChild(file);</p>
<p>var divRemove= document.createElement(&#8220;div&#8221;);<br />
divRemove.setAttribute(&#8220;class&#8221;,&#8221;AddNew&#8221;);</p>
<p>var divRemoveLink = document.createElement(&#8220;a&#8221;);<br />
divRemoveLink.setAttribute(&#8216;onclick&#8217;,'deleteHomeImage(&#8216;+itemManCnt+&#8217;)');itemManCnt++;<br />
divRemoveLink.innerHTML=&#8217;Remove&#8217;;<br />
divRemove.appendChild(divRemoveLink);</p>
<p>divClrBoth.appendChild(divClrSelect);<br />
divClrBoth.appendChild(divRemove);</p>
<p>parentObj.appendChild(divClrBoth);<br />
}<br />
function deleteHomeImage(iEle)<br />
{<br />
var parentObj=document.getElementById(&#8216;FileElementItem&#8217;);<br />
var olddiv = document.getElementById(iEle);<br />
&#8211;itemManCnt;<br />
parentObj.removeChild(olddiv);<br />
}</p>
<p><i><b>Implementation example</b></i></p>
<p>&lt;div id=&#8221;FileElementItem&#8221; class=&#8221;FileElement&#8221;&gt;<br />
&lt;div class=&#8221;ClrBoth&#8221;&gt;<br />
&lt;div class=&#8221;Select&#8221;&gt;<br />
&lt;input type=&#8221;file&#8221; name=&#8221;InsuranceHomeImage1&#8243; id=&#8221;InsuranceHomeImage1&#8243;&gt;<br />
&lt;/div&gt;<br />
&lt;div class=&#8221;AddNew&#8221;&gt;<br />
&lt;a onclick=&#8221;addMoreHomeImage()&#8221;&gt;Add New&lt;/a&gt;<br />
&lt;/div&gt;<br />
&lt;/div&gt;<br />
&lt;/div&gt;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.vinodkram.com/how-to-create-html-element-dynamically-in-javascript/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

