hi all,
i have to create web form creator as shown in below link....
how to make it i need idea how to implement this
http://www.phpform.org

Thefor m is very good, and I liked it, even we can also do it, the thing what we need to do for it is...

Step 1: Create various different stylesheets for the forms.
and make thumbnails of showing that form(This is what they are showing it on the front page)

Step 2: Create a Table and keep the style position to fixed, and add the necessary fields, let us suppose we will try with only one to create an email.

Step 3: Onclicking on the email button, call a Javascript and create a Div Element Dynamically, you can set all the attributes to it using setAttribute method.

Step 4. AppendChild and removeChild are the JS functions to add or remove the element from the document.

Step 5. OnMaking the selection of the recently created div, call one more js function to display its attributes, It is quite time consuming to do properly, So if you are interested in doing it continue... I will help you if required.

thankx 4 reply all,,.

hey i have to do it. i donn't know much javascript
but tried for one control adding it or removing it .... lots of work remaining....4 me... so help needed........

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<script> 
function addEvent() {
  var ni = document.getElementById('myDiv');
  var numi = document.getElementById('theValue');
  var num = (document.getElementById("theValue").value -1)+ 2;
  numi.value = num;
  var divIdName = "name"+num;
  var newdiv = document.createElement('div');
  newdiv.setAttribute("id",divIdName);
  newdiv.innerHTML = "<input type=" + num + " name=" + num + " id=" + num + " > <a href=\"javascript:;\" onclick=\"removeElement(\'"+divIdName+"\')\">remove</a>";
  ni.appendChild(newdiv);
}
 
function removeElement(divNum) {
  var d = document.getElementById('myDiv');
  var olddiv = document.getElementById(divNum);
  d.removeChild(olddiv);
}
</script> 
</head> 
 
<body> 
  </div> 
	<input type="hidden" value="0" id="theValue" /> 
	<p><a href="javascript:;" onclick="addEvent();">textbox</a></p> 
	<div id="myDiv"> </div> 
</body> 
</html>