please help

Discussion in 'Javascript' started by kalikoi@gmail.com, Dec 21, 2005.

  1. Guest

    Hi All

    I had an HTMLpage with a table consisting of 5 columns

    the first two columns are images add and delete

    on the page load i have only one row for the table

    when i click the add button then a clone is created below it

    not what i want is as soon as i add some rows and fill them with
    numeric values

    and click the ok button

    the table should be sorted basing on the values of the third column


    here the code

    <html>
    <head>
    <title>Custom Deciling</title>
    <script type="text/javascript">
    function cloneRow(theCell)
    {
    if( document.createElement && document.childNodes )
    {
    var thisRow = theCell.parentNode;
    var newElement = thisRow.cloneNode(true);
    thisRow.parentNode.insertBefore(newElement,thisRow.nextSibling);
    var nr = document.frmadd.textmin.length
    cleanRow(newElement,nr);
    }
    }
    function cleanRow(n,p)
    {
    if (n.id)
    n.id = n.id.split('-')[0] + '-' + p;
    if (n.name)
    n.name = n.name.split('-')[0] + '-' + p;
    if (n.value)
    n.value = '';
    for (var i=0; i<n.childNodes.length; i++) {
    cleanRow(n.childNodes,p);
    }
    }
    function deleteRow(theCell)
    {

    var nr = document.frmadd.textmin.length
    if (nr==undefined || nr==1)
    {
    alert("Operation Cannot be Performed");
    return;
    }
    else
    {
    if( document.createElement && document.childNodes )
    {
    var thisRow = theCell.parentNode;
    thisRow.parentNode.removeChild(thisRow);
    }
    }
    }
    </script>
    </head>
    <body bgcolor="#00265c" >
    <form name="frmadd">
    <table border="0" align=center>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td align=center><Font face=verdana color=yellow
    size=1>Min</font></td>
    <td align=center><Font face=verdana color=yellow
    size=1>Max</font></td>
    <td align=center><Font face=verdana color=yellow
    size=1>Decile</font></td>
    </tr>
    <tr>
    <td onclick="cloneRow(this);"><img src="../../images/add.gif"
    border="0" WIDTH="51" HEIGHT="23"></td>
    <td onclick="deleteRow(this);"><img src="../../images/delete.gif"
    border="0" WIDTH="51" HEIGHT="23"></td>
    <td><input type=text name=textmin size=5 value=""></td>
    <td><input type=text name=textmax size=5 value=""></td>
    <td><input type=text name=textdecile size=5 value=""></td>
    </tr>
    </table>
    <br>
    <center><input type=button value=ok name=ok size=5
    onclick=checkboxes()></center>
    </form>
    </body>
    </html>

    <script language=javascript>
    function checkboxes()
    {
    ///here the scripting should be done which sorts the table basing on
    the values in 3rd column
    }
    </script>
     
    , Dec 21, 2005
    #1
    1. Advertising

  2. VK Guest

    wrote:
    > the table should be sorted basing on the values of the third column


    Unless you're using a data bound table, table sorting is a rather
    complicated task. For some inspitation ideas you may look at
    <http://www.mattkruse.com/javascript/sorttable/>

    Data bound table doesn't need scripting at all, but unfortunately it is
    still IE-only.
     
    VK, Dec 21, 2005
    #2
    1. Advertising

  3. Lee Guest

    said:
    >
    >Hi All
    >
    >I had an HTMLpage with a table consisting of 5 columns


    You've posted this once with the subject "urgent"
    and now again with the subject "please help".
    In these newsgroups, we can assume that a new post is asking for help
    of some sort. The subject line should tell us what it is that you're
    asking about.
     
    Lee, Dec 21, 2005
    #3
  4. Matt Kruse Guest

    VK wrote:
    > Unless you're using a data bound table, table sorting is a rather
    > complicated task. For some inspitation ideas you may look at
    > <http://www.mattkruse.com/javascript/sorttable/>


    Actually, I recommend against it. I'm taking that lib down, as it was
    written back in Netscape 4.x days when sorting tables was considerably more
    complex. These days, there are better solutions...

    --
    Matt Kruse
    http://www.JavascriptToolbox.com
    http://www.AjaxToolbox.com
     
    Matt Kruse, Dec 21, 2005
    #4
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. JC
    Replies:
    4
    Views:
    8,018
    Jeff C
    Jul 8, 2004
  2. Replies:
    4
    Views:
    552
    Chris Uppal
    May 5, 2005
  3. KK
    Replies:
    2
    Views:
    664
    Big Brian
    Oct 14, 2003
  4. MuZZy
    Replies:
    7
    Views:
    1,799
    Mike Hewson
    Jan 7, 2005
  5. mera
    Replies:
    7
    Views:
    1,143
Loading...

Share This Page