dynamic table using javascript

hi everyone,

i am creating dynamic row in a table using javascript its working fine and now i want to create more than 1 table using javascript which is dynamic its also working fine but when i am taking the value of each table individually thats i am not able to get any value. if i get the value of table then its not taking properly.

let me explain the whole scenario...

i want to add product specification . it may vary in number of specification.i.e. i may be 2 or 10 or 30 etc.for each specification i have to add properties it is possible only using dynamic rows.like suppose if i have 5 specification and i have to add properties for each specification then i will use dynamic row creation. And now i am able to do this till now after that i am not able to take the value of all the text fields in a single text field by comma(,) separated.

how will i do this please help me out its urgent...

Apr 8 '09 #1

Subscribe Post Reply

4834

acoder

16,027

Expert Mod 8TB

Please post your code, so we can see where the problem might lie.

Apr 8 '09 #2

tokcy

Expand|Select|Wrap|Line Numbers

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

     <head>

          <title>Dymanic Row</title>

<script language="Javascript" type="text/javascript">

     function addRow(str)

     {

          var tbl = document.getElementById('mySampleTable'+str);

          var lastRow = tbl.rows.length;

          var iteration = lastRow;

          var row = tbl.insertRow(lastRow);

          var cellLeft = row.insertCell(0);

          var textNode = document.createTextNode(iteration);

          //cellLeft.appendChild(textNode);

          var cellRight = row.insertCell(1);

          var el = document.createElement('input');

          el.type = 'text';

          el.name = 'txtRow' + iteration;

          el.id = 'txtRow' + iteration;

          el.size = 40;

          cellRight.appendChild(el);

          //el.setAttribute("onBlur","setvalue(this);");

     }
 
     function removeRow(str1)

     {

          var tbl = document.getElementById('mySampleTable'+str1);

          var lastRow = tbl.rows.length;

          if (lastRow > 2) tbl.deleteRow(lastRow - 1);

     }
 
function setvalue(str2)

{

    alert(str2);

    var i=0;

    var idstr="txtRow" + str2;

    //alert('item' + str2);

    document.getElementById('item' + str2).value="";

    while(document.getElementById(idstr))

    {

    document.getElementById('item' + str2).value=document.getElementById('item' + str2).value + ',' + document.getElementById(idstr).value;

    idstr='txtRow' + str2;

    str2++;

    }

}

</script>

     </head>

     <body leftmargin="0" topmargin="0">

          <form action="#" name="frm" method="post">

              <? 

              $i=1;

              for($i=1;$i<=5;$i++)

                {

              ?>

               <table align="center" width = "75%">

                     <tr>

                       <td align = "center">

                 <input type="text" name="item<?=$i?>" id="item<?=$i?>" value="<?=$i?>" size="40" />

                 <table border="1" id="mySampleTable<?=$i?>">

                                     <tr>

                                        <td>&nbsp;</td>

                                        <td>

                                             Specification

                                        </td>

                                        <td>&nbsp;</td>

                                   </tr>
 
                                   <tr>

                                        <td>&nbsp;</td>

                                        <td>

                                             <input type="text" name="txtRow<?=$i?>" id="txtRow<?=$i?>" size="40" value="<?=$i?>" onBlur="setvalue(this);" /></td>

                                        <td>&nbsp;</td>

                                   </tr>

                              </table>

                              <input type="button" name="add" id="add" value="Add" onClick="addRow('<?=$i?>'); setvalue(<?=$i?>);" />

                              <input type="button" value="Remove" onClick="removeRow('<?=$i?>');" />

                              <input type="submit" value="Submit" onClick="setvalue(<?=$i?>);" />

                         </td>

                    </tr>

               </table>

               <?

               }

               ?>

          </form>

     </body>

</html>

Apr 8 '09 #3

acoder

16,027

Expert Mod 8TB

You're passing 'this' to setvalue when you probably mean to pass a string.

Apr 8 '09 #4

by: Travis Pupkin | last post by:

Hey, I've done a number of product catalogs/galleries with one or two category levels (Category > Subcategory). The straightforward way to do this, of course, is to use database fields for...

ASP / Active Server Pages

Is it possible to make dynamic ids for html-tags

by: OM | last post by:

I am trying to present tree-structure information using a html table and JavaScript. Each tree node is displayed in the first column in a table row. The tree node can also have additional...

Javascript

fixing column width in a dynamic table

by: chimalus | last post by:

I am using a table with no column widths specified, letting the table layout manager do its thing for figuring out the column widths, and this works just fine. Now I want to make the table...

HTML / CSS

Dynamic HREF links

by: nsvmani | last post by:

Hi, i am trying to get the FileOpen dialogue window as soon as clicked href link I am using IE6 with ActiveX enabled. Just need to get the File Open dialogue window when i click on the HREF links.It...

Javascript

Dynamic Content in High-Traffic Sites

by: pbd22 | last post by:

Hi. This is just a disaster management question. I am using XMLHTTP for the dynamic loading of content in a very crucial area of my web site. Same as an IFrame, but using XMLHTTP and a DIV. I...

Javascript

Retrieving Dynamic Form Data?????

by: bmallett | last post by:

First off, i would like to thank everyone for any and all help with this. That being said, I am having a problem retrieving/posting my dynamic form data. I have a form that has multiple options...

ASP / Active Server Pages

JavaScript dynamic table SUM problem

by: azegurb | last post by:

hi I have just took from internet dinamic table. this table is dynamic and its rows dynamically can be increased. but i would like how create SUM function that automatically sums each added row...

Javascript

Creating Dynamic User Friendly Form

by: yomadhu | last post by:

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...

PHP

Wordpress or something else?

by: Faith0G | last post by:

I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

Content Management Systems

Access Europe: Command bars, the Access Shortcut Tool and a simple Audit Log - Wed 3 April

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

General

One-click Importing Excel Data into a*Database

by: ryjfgjl | last post by:

In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...

Microsoft Excel

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

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

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

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

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

dynamic table using javascript

Similar topics