Creating Dynamic User Friendly Form

I created a dynamic form in javascript. Am unable to get those values in to php to display. I need all details. If i add 10 rows the i need to display those all values. Can any one help me for that code.

Expand|Select|Wrap|Line Numbers

 <HTML>

<HEAD>

    <TITLE> Add/Remove dynamic rows in HTML table </TITLE>
 
 <script type="text/javascript" src="script.js">
 
// JavaScript Document

var c=0;

        function addRow(tableID) {
 
            var table = document.getElementById(tableID);
 
            var rowCount = table.rows.length;

            var row = table.insertRow(rowCount);
 
            var cell1 = row.insertCell(0);

            var element1 = document.createElement("input");

            element1.type = "checkbox";

            cell1.appendChild(element1);
 
             var type=document.forms[0].element.value;

            var value=document.forms[0].field_value.value;

            var name="txt"+c;

            document.forms[0].hid.value="txt"+c;

            var cell2 = row.insertCell(1);

            cell2.innerHTML =document.forms[0].field_name.value;
 
            var cell3 = row.insertCell(2);

            var element2 = document.createElement("input");
 
            element2.setAttribute("type", type);

            element2.setAttribute("value", value);

            element2.setAttribute("name", name);
 
            if(document.forms[0].element.value =='area'){

                var element3 = document.createElement("textarea");

                cell3.appendChild(element3);

                c++;

                document.forms[0].txt.value=c;

            }

            else{

            cell3.appendChild(element2);

            c++;

            document.forms[0].txt.value=c;

            }
 
        }
 
        function setbg(color)

            {
 
            document.getElementById("area").style.background=color

            }
 
        function sz(t) {

            a = t.value.split('\n');

            b=1;

            for (x=0;x < a.length; x++) {

                 if (a[x].length >= t.cols) b+= Math.floor(a[x].length/t.cols);

             }

            b+= a.length;

            if (b > t.rows) t.rows = b;

            }
 
        function deleteRow(tableID) {

            try {

            var table = document.getElementById(tableID);

            var rowCount = table.rows.length;
 
            for(var i=0; i<rowCount; i++) {

                var row = table.rows[i];

                var chkbox = row.cells[0].childNodes[0];

                if(null != chkbox && true == chkbox.checked) {

                    table.deleteRow(i);

                    rowCount--;

                    i--;

                    document.forms[0].txt.value=i;

                }
 
            }

            }catch(e) {

                alert(e);

            }

        }
 
</script>

</HEAD>

<BODY><form style="background-color:#F6F7F2; width:100%" action="example_process.php" method="post" name="f1" >

<label>Select Type</label> <SELECT name="element">
 
    <OPTION value="text">Textbox</OPTION>

    <OPTION value="radio">Radio</OPTION>

    <option value="checkbox">Check Box</option>

     <OPTION value="area">Area</OPTION>
 
</SELECT>

<label>Name</label>

<input type="text" name="field_name" value="">

<label>Value</label>

<input type="text" name="field_value" value="">

    <INPUT type="button" value="Add Row" onClick="addRow('dataTable')" />
 
    <INPUT type="button" value="Delete Row" onClick="deleteRow('dataTable')" />
 
    <TABLE id="dataTable" width="350px" border="0">

        <TR>

               <td> </td>

        </TR>

    </TABLE>
 
    <INPUT  align="right" type="submit" value="Save" />

    <input type="hidden" name="txt"/>

    <input type="hidden" name="hid"/>

<textarea id="area" name="info" style="visibility:hidden;" onFocus="this.value=''; setbg('#e5fff3');" onBlur="setbg('white');"onkeyup="sz(this);">Enter your comment here...</textarea>

 </form>

</BODY>

</HTML>

Oct 21 '09 #1

Subscribe Post Reply

3310

Dormilich

8,658

Expert Mod 8TB

if I read your code right, then all the created <input>s have the same name. unless you use "input_name[]" (this is parsed into an array), the <input>s with the same name will overwrite each other.

PS. putting the <input> in a list is a more semantic approach.

Oct 21 '09 #2

Markus

6,050

Expert 4TB

Furthermore, you never show us how you are trying to access the data in PHP. If you are POSTing the data, it will be in the $_POST array.

Do a print_r($_POST); to see what's in that array.

Oct 21 '09 #3

by: tommy | last post by:

Newbie to the group.....hope you guys can help. I need to be able to have a button at the bottom of a form page (like the submit & reset buttons) to provide the user with a printer friendly...

Javascript

AC2000 - hitting enter after zooming a memo field closes the zoom instead of creating a new line

by: Deano | last post by:

I think that just about sums it up. Is there a fix/workaround for this?It's quite annoying behaviour and not user-friendly.thanksMartin

Microsoft Access / VBA

looking for tutorial on creating DLL

by: Fabrice | last post by:

Hi ! I'm looking for a tutorial on how to create a DLL in C (not C++). I don't know whether i can use C for this purpose, but i didn't find any post telling me that i cannot use C. So, if it is...

C / C++

creating ASPx Pages on the FLY

by: LIN | last post by:

Hello, Greetings. I am creating a web site which will contain lot of articles. I had been planning to create simple HTML page on the server everytime i posted a article (eg. article12.html )....

ASP.NET

Creating templated websites in asp.net -- i need feedback

by: Hasani $remove nospam$ | last post by:

The way the system works is, you create a user control (ascx) that will be a template and must implement the interface IPageTemplate. You then create one or more user controls (ascx) that implement...

ASP.NET

Dynamically creating a web form with server controls

by: Patrick | last post by:

I want to define a set of web-form templates in XML and render the equivalent web-form with ASP.NET, then process any input server controls on the form. Reading the XML file from Page_load is...

ASP.NET

Creating a control in Class1 ... and showing it in Class2 (winform)

by: Guillaume BRAUX | last post by:

Hello, What I want to do is to add a userControl to a form class witch is a different class from the one the button is generated. For example, I want to instanciate a label in "class1" and add...

C# / C Sharp

Creating Dynamic URLs

by: jflash | last post by:

Hello all, I feel dumb having to ask this question in the first place, but I just can not figure it out. I am wanting to set my site up using dynamic urls (I'm assuming that's what they're...

PHP

creating dynamic controls out of static controls

by: Tarscher | last post by:

hi all, I have this seemingly simple problem. I have lost a lot of time on it though. When a user selects a value from a dropdownlist (static control) a dynamic control is generated. I have...

ASP.NET

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Creating Dynamic User Friendly Form

Similar topics