Ad:

PHP Discussion Thread
Unsolved
Views: 530

Oct 8th, 2008

Generating Fields On the Fly

Expand Post »

im asking the user to enter the number of fields he want to generate and i need to take this number and generate him the fields when he click Submit

can anyone Help Me

yasmena

Reputation Points: 10

Solved Threads: 0

Light Poster

Offline

45 posts
since May 2008

Permalink

Oct 8th, 2008

Re: Generating Fields On the Fly

you mean dynamic text box generation...
or
what do you mean by fields here?

Shanti C

Reputation Points: 137

Solved Threads: 162

Posting Virtuoso

Offline

1,641 posts
since Jul 2008

Permalink

Oct 8th, 2008

Re: Generating Fields On the Fly

yeah thats what i mean dynamic text box generation

yasmena

Reputation Points: 10

Solved Threads: 0

Light Poster

Offline

45 posts
since May 2008

Permalink

Oct 8th, 2008

Re: Generating Fields On the Fly

hello..
try this code:

html Syntax (Toggle Plain Text)
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Third Santor</title>
<script>
  function generate(){
    var myDiv = document.getElementById('someid');
      var objTextArea = document.getElementById('mem1');
 
    var list = objTextArea.value.split('\n');
 
 
      var tbody = document.createElement('tbody');
 
      for(var i=0; i<list.length; i++){       
 
        var cell1 = document.createElement('td');
        var label = document.createTextNode(list[i]);
        cell1.appendChild(label);
 
        var cell2 = document.createElement('td');
        var textbox = document.createElement('input');
        textbox.type = 'text';
        textbox.id = list[i];
        cell1.appendChild(textbox);
 
        var row = document.createElement('tr');
        row.appendChild(cell1);
        row.appendChild(cell2);
 
        tbody.appendChild(row);
      }
 
    var table = document.createElement('table');
      table.border = 1;
      table.appendChild(tbody);
 
    /*  var submit = document.createElement('input');
    submit.type = 'submit';
      submit.value = 'Submit';
*/
      myDiv.appendChild(table);
      myDiv.appendChild(submit);      
  }
</script>
</head>
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<form name="frm1" method="post" action="" onsubmit="return ">
<textarea name="mem1" id="mem1" rows="10" cols="30"></textarea>
<input type="button" value="Generate" onclick="generate();">
</form>
<DIV id="someid"></DIV>
</body>
</html>
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Third Santor</title>
<script>
  function generate(){
    var myDiv = document.getElementById('someid');
      var objTextArea = document.getElementById('mem1');

    var list = objTextArea.value.split('\n');

      
      var tbody = document.createElement('tbody');

      for(var i=0; i<list.length; i++){       

        var cell1 = document.createElement('td');
        var label = document.createTextNode(list[i]);
        cell1.appendChild(label);

        var cell2 = document.createElement('td');
        var textbox = document.createElement('input');
        textbox.type = 'text';
        textbox.id = list[i];
        cell1.appendChild(textbox);

        var row = document.createElement('tr');
        row.appendChild(cell1);
        row.appendChild(cell2);
        
        tbody.appendChild(row);
      }

    var table = document.createElement('table');
      table.border = 1;
      table.appendChild(tbody);

    /*  var submit = document.createElement('input');
    submit.type = 'submit';
      submit.value = 'Submit';
*/
      myDiv.appendChild(table);
      myDiv.appendChild(submit);      
  }
</script>
</head>
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<form name="frm1" method="post" action="" onsubmit="return ">
<textarea name="mem1" id="mem1" rows="10" cols="30"></textarea>
<input type="button" value="Generate" onclick="generate();">
</form>
<DIV id="someid"></DIV>
</body>
</html>

and also check:
http://www.daniweb.com/forums/thread135356.html

Last edited by Shanti C; Oct 8th, 2008 at 10:20 am.

Shanti C

Reputation Points: 137

Solved Threads: 162

Posting Virtuoso

Offline

1,641 posts
since Jul 2008

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in PHP Forum Timeline: Multiple files Upload plz HelP

Next Thread in PHP Forum Timeline: Need the help of a programer

DaniWeb Message

Cancel Changes

User Name
Password