3
Contributors
3
Replies
4
Views
7 Years
Discussion Span
Last Post by mangel.murti
0

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.

0

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>
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.