Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 12 of 12
  1. #1
    New Coder
    Join Date
    Aug 2009
    Posts
    95
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Javascript Issue - Sorting Tables (sorttable.js)

    Not really sure why this isn't working. I've mirrored this webpage from a friend's page - everything is literally identical, save for the references to the databases. His works, and mine doesn't. Here's an example of one of the tables I'm trying to sort:

    http://www.iblhoops.net/iblv2archive...isplay=ratings

    The code in question for said table:

    Code:
    // BEGIN RATINGS TABLE
    
          $table_ratings="<table class=\"sortable\">
          <thead>
          <tr bgcolor=$color1><th><font color=$color2>Pos</font></th><th><font color=$color2>Player</font></th><th><font color=$color2>Age</font></th><th><font color=$color2>Sta</font></th><th><font color=$color2>2ga</font></th><th><font color=$color2>2g%</font></th><th><font color=$color2>fta</font></th><th><font color=$color2>ft%</font></th><th><font color=$color2>3ga</font></th><th><font color=$color2>3g%</font></th><th><font color=$color2>orb</font></th><th><font color=$color2>drb</font></th><th><font color=$color2>ast</font></th><th><font color=$color2>stl</font></th><th><font color=$color2>tvr</font></th><th><font color=$color2>blk</font></th><th><font color=$color2>o-o</font></th><th><font color=$color2>d-o</font></th><th><font color=$color2>p-o</font></th><th><font color=$color2>t-o</font></th><th><font color=$color2>o-d</font></th><th><font color=$color2>d-d</font></th><th><font color=$color2>p-d</font></th><th><font color=$color2>t-d</font></th><th><font color=$color2>Foul</font></th><th><font color=$color2>Inj</font></th></tr>
    </thead>
    <tbody>
    ";
    
        $i=0;
    
        while ($i < $num)
        {
    
       if ($yr == "")
       {
    
        $name=mysql_result($result,$i,"name");
        $team=mysql_result($result,$i,"teamname");
        $pid=mysql_result($result,$i,"pid");
        $pos=mysql_result($result,$i,"altpos");
        $p_ord=mysql_result($result,$i,"ordinal");
        $age=mysql_result($result,$i,"age");
        $inj=mysql_result($result,$i,"injured");
    
        $r_2ga=mysql_result($result,$i,"r_fga");
        $r_2gp=mysql_result($result,$i,"r_fgp");
        $r_fta=mysql_result($result,$i,"r_fta");
        $r_ftp=mysql_result($result,$i,"r_ftp");
        $r_3ga=mysql_result($result,$i,"r_tga");
        $r_3gp=mysql_result($result,$i,"r_tgp");
        $r_orb=mysql_result($result,$i,"r_orb");
        $r_drb=mysql_result($result,$i,"r_drb");
        $r_ast=mysql_result($result,$i,"r_ast");
        $r_stl=mysql_result($result,$i,"r_stl");
        $r_blk=mysql_result($result,$i,"r_blk");
        $r_tvr=mysql_result($result,$i,"r_to");
        $r_sta=mysql_result($result,$i,"sta");
        $r_foul=mysql_result($result,$i,"r_foul");
        $r_totoff=mysql_result($result,$i,"oo")+mysql_result($result,$i,"do")+mysql_result($result,$i,"po")+mysql_result($result,$i,"to");
        $r_totdef=mysql_result($result,$i,"od")+mysql_result($result,$i,"dd")+mysql_result($result,$i,"pd")+mysql_result($result,$i,"td");
        $r_oo=mysql_result($result,$i,"oo");
        $r_do=mysql_result($result,$i,"do");
        $r_po=mysql_result($result,$i,"po");
        $r_to=mysql_result($result,$i,"to");
        $r_od=mysql_result($result,$i,"od");
        $r_dd=mysql_result($result,$i,"dd");
        $r_pd=mysql_result($result,$i,"pd");
        $r_td=mysql_result($result,$i,"td");
    	$r_bird=mysql_result($result,$i,"bird");
    
    $draftyear=mysql_result($result,$i,"draftyear");
    $exp=mysql_result($result,$i,"exp");
    $cy=mysql_result($result,$i,"cy");
    $cyt=mysql_result($result,$i,"cyt");
    
    	$yearoffreeagency=$draftyear+$exp+$cyt-$cy;
    
    	} else {
    
         $name=mysql_result($result,$i,"name");
         $team=mysql_result($result,$i,"team");
         $pid=mysql_result($result,$i,"pid");
    
         $r_2ga=mysql_result($result,$i,"r_2ga");
         $r_2gp=mysql_result($result,$i,"r_2gp");
         $r_fta=mysql_result($result,$i,"r_fta");
         $r_ftp=mysql_result($result,$i,"r_ftp");
         $r_3ga=mysql_result($result,$i,"r_3ga");
         $r_3gp=mysql_result($result,$i,"r_3gp");
         $r_orb=mysql_result($result,$i,"r_orb");
         $r_drb=mysql_result($result,$i,"r_drb");
         $r_ast=mysql_result($result,$i,"r_ast");
         $r_stl=mysql_result($result,$i,"r_stl");
         $r_blk=mysql_result($result,$i,"r_blk");
         $r_tvr=mysql_result($result,$i,"r_tvr");
         $r_totoff=mysql_result($result,$i,"r_oo")+mysql_result($result,$i,"r_do")+mysql_result($result,$i,"r_po")+mysql_result($result,$i,"r_to");
         $r_totdef=mysql_result($result,$i,"r_od")+mysql_result($result,$i,"r_dd")+mysql_result($result,$i,"r_pd")+mysql_result($result,$i,"r_td");
         $r_oo=mysql_result($result,$i,"r_oo");
         $r_do=mysql_result($result,$i,"r_do");
         $r_po=mysql_result($result,$i,"r_po");
         $r_to=mysql_result($result,$i,"r_to");
         $r_od=mysql_result($result,$i,"r_od");
         $r_dd=mysql_result($result,$i,"r_dd");
         $r_pd=mysql_result($result,$i,"r_pd");
         $r_td=mysql_result($result,$i,"r_td");
    
    
    	}
    
    	if(($i % 2)==0) {
    		$bgcolor="FFFFFF";
    	}else{
    		$bgcolor="EEEEEE";
    	}
    
    if ($tid == 0)
    {
        $table_ratings=$table_ratings."      <tr bgcolor=$bgcolor><td>$pos</td><td><a href=\"http://www.iblhoops.net/modules.php?name=Player&pa=showpage&pid=$pid\">$name</a></td><td>$age</td><td>$r_sta</td><td>$r_2ga</td><td>$r_2gp</td><td>$r_fta</td><td>$r_ftp</td><td>$r_3ga</td><td>$r_3gp</td><td>$r_orb</td><td>$r_drb</td><td>$r_ast</td><td>$r_stl</td><td>$r_tvr</td><td>$r_blk</td><td>$r_oo</td><td>$r_do</td><td>$r_po</td><td>$r_to</td><td>$r_od</td><td>$r_dd</td><td>$r_pd</td><td>$r_td</td><td>$r_foul</td><td>$inj</td></tr>
    ";
    } else {
    if ($p_ord > 959)
    {
        $table_ratings=$table_ratings."      <tr bgcolor=$bgcolor><td>$pos</td><td>(<a href=\"http://www.iblhoops.net/modules.php?name=Player&pa=showpage&pid=$pid\">$name)*</a></td><td>$age</td><td>$r_sta</td><td>$r_2ga</td><td>$r_2gp</td><td>$r_fta</td><td>$r_ftp</td><td>$r_3ga</td><td>$r_3gp</td><td>$r_orb</td><td>$r_drb</td><td>$r_ast</td><td>$r_stl</td><td>$r_tvr</td><td>$r_blk</td><td>$r_oo</td><td>$r_do</td><td>$r_po</td><td>$r_to</td><td>$r_od</td><td>$r_dd</td><td>$r_pd</td><td>$r_td</td><td>$r_foul</td><td>$inj</td></tr>
    ";
    } elseif ($r_bird == 0) {
        $table_ratings=$table_ratings."      <tr bgcolor=$bgcolor><td>$pos</td><td><i><a href=\"http://www.iblhoops.net/modules.php?name=Player&pa=showpage&pid=$pid\">$name</i></a></td><td>$age</td><td>$r_sta</td><td>$r_2ga</td><td>$r_2gp</td><td>$r_fta</td><td>$r_ftp</td><td>$r_3ga</td><td>$r_3gp</td><td>$r_orb</td><td>$r_drb</td><td>$r_ast</td><td>$r_stl</td><td>$r_tvr</td><td>$r_blk</td><td>$r_oo</td><td>$r_do</td><td>$r_po</td><td>$r_to</td><td>$r_od</td><td>$r_dd</td><td>$r_pd</td><td>$r_td</td><td>$r_foul</td><td>$inj</td></tr>
    ";
    } else if ($fayr == "" OR $yearoffreeagency == $fayr) {
       $table_ratings=$table_ratings."      <tr bgcolor=$bgcolor><td>$pos</td><td><a href=\"http://www.iblhoops.net/modules.php?name=Player&pa=showpage&pid=$pid\">$name</a></td><td>$age</td><td>$r_sta</td><td>$r_2ga</td><td>$r_2gp</td><td>$r_fta</td><td>$r_ftp</td><td>$r_3ga</td><td>$r_3gp</td><td>$r_orb</td><td>$r_drb</td><td>$r_ast</td><td>$r_stl</td><td>$r_tvr</td><td>$r_blk</td><td>$r_oo</td><td>$r_do</td><td>$r_po</td><td>$r_to</td><td>$r_od</td><td>$r_dd</td><td>$r_pd</td><td>$r_td</td><td>$r_foul</td><td>$inj</td></tr>
    ";
    }
    }
    
        $i++;
    
        }
    
    $table_ratings=$table_ratings."
          </tbody>
        </table>
    ";
    
    if ($tid != 0)
    {
    
    $table_totals=$table_totals."
          <table class=\"sortable\">
            <thead>
    <tr bgcolor=$color1><th><font color=$color2>Pos</font></th><td colspan=3><font color=$color2>Player</font></th><th><font color=$color2>g</font></th><th><font color=$color2>gs</font></th><th><font color=$color2>min</font></th><th><font color=$color2>fgm</font></th><th><font color=$color2>fga</font></th><th><font color=$color2>ftm</font></th><th><font color=$color2>fta</font></th><th><font color=$color2>3gm</font></th><th><font color=$color2>3ga</font></th><th><font color=$color2>orb</font></th><th><font color=$color2>reb</font></th><th><font color=$color2>ast</font></th><th><font color=$color2>stl</font></th><th><font color=$color2>to</font></th><th><font color=$color2>blk</font></th><th><font color=$color2>pf</font></th><th><font color=$color2>pts</font></th></tr>
    </thead>
    <tbody>
    ";
    To clarify, when I say "sort", I mean being able to click on the header of a column within the table, and having that sort the entire table by that column. It works fine on my friend's website (and this is a duplicate of his, with only the database references changed)...For what it's worth, he does have a sorttable.js located in a "jslib" folder on the main portion of the site, but not in the directory that this file is in. Yet his sorting works perfectly. I should link to a working example of what I'm wanting to have:

    http://www.ijbl.net/modules.php?name...isplay=ratings

  • #2
    New Coder
    Join Date
    Aug 2009
    Posts
    95
    Thanks
    1
    Thanked 0 Times in 0 Posts
    And here's the code for the sorttable.js file:

    Code:
    /*
      SortTable
      version 2
      7th April 2007
      Stuart Langridge, http://www.kryogenix.org/code/browser/sorttable/
      
      Instructions:
      Download this file
      Add <script src="sorttable.js"></script> to your HTML
      Add class="sortable" to any table you'd like to make sortable
      Click on the headers to sort
      
      Thanks to many, many people for contributions and suggestions.
      Licenced as X11: http://www.kryogenix.org/code/browser/licence.html
      This basically means: do what you want with it.
    */
    
     
    var stIsIE = /*@cc_on!@*/false;
    
    sorttable = {
      init: function() {
        // quit if this function has already been called
        if (arguments.callee.done) return;
        // flag this function so we don't do the same thing twice
        arguments.callee.done = true;
        // kill the timer
        if (_timer) clearInterval(_timer);
        
        if (!document.createElement || !document.getElementsByTagName) return;
        
        sorttable.DATE_RE = /^(\d\d?)[\/\.-](\d\d?)[\/\.-]((\d\d)?\d\d)$/;
        
        forEach(document.getElementsByTagName('table'), function(table) {
          if (table.className.search(/\bsortable\b/) != -1) {
            sorttable.makeSortable(table);
          }
        });
        
      },
      
      makeSortable: function(table) {
        if (table.getElementsByTagName('thead').length == 0) {
          // table doesn't have a tHead. Since it should have, create one and
          // put the first table row in it.
          the = document.createElement('thead');
          the.appendChild(table.rows[0]);
          table.insertBefore(the,table.firstChild);
        }
        // Safari doesn't support table.tHead, sigh
        if (table.tHead == null) table.tHead = table.getElementsByTagName('thead')[0];
        
        if (table.tHead.rows.length != 1) return; // can't cope with two header rows
        
        // Sorttable v1 put rows with a class of "sortbottom" at the bottom (as
        // "total" rows, for example). This is B&R, since what you're supposed
        // to do is put them in a tfoot. So, if there are sortbottom rows,
        // for backwards compatibility, move them to tfoot (creating it if needed).
        sortbottomrows = [];
        for (var i=0; i<table.rows.length; i++) {
          if (table.rows[i].className.search(/\bsortbottom\b/) != -1) {
            sortbottomrows[sortbottomrows.length] = table.rows[i];
          }
        }
        if (sortbottomrows) {
          if (table.tFoot == null) {
            // table doesn't have a tfoot. Create one.
            tfo = document.createElement('tfoot');
            table.appendChild(tfo);
          }
          for (var i=0; i<sortbottomrows.length; i++) {
            tfo.appendChild(sortbottomrows[i]);
          }
          delete sortbottomrows;
        }
        
        // work through each column and calculate its type
        headrow = table.tHead.rows[0].cells;
        for (var i=0; i<headrow.length; i++) {
          // manually override the type with a sorttable_type attribute
          if (!headrow[i].className.match(/\bsorttable_nosort\b/)) { // skip this col
            mtch = headrow[i].className.match(/\bsorttable_([a-z0-9]+)\b/);
            if (mtch) { override = mtch[1]; }
    	      if (mtch && typeof sorttable["sort_"+override] == 'function') {
    	        headrow[i].sorttable_sortfunction = sorttable["sort_"+override];
    	      } else {
    	        headrow[i].sorttable_sortfunction = sorttable.guessType(table,i);
    	      }
    	      // make it clickable to sort
    	      headrow[i].sorttable_columnindex = i;
    	      headrow[i].sorttable_tbody = table.tBodies[0];
    	      dean_addEvent(headrow[i],"click", function(e) {
    
              if (this.className.search(/\bsorttable_sorted\b/) != -1) {
                // if we're already sorted by this column, just 
                // reverse the table, which is quicker
                sorttable.reverse(this.sorttable_tbody);
                this.className = this.className.replace('sorttable_sorted',
                                                        'sorttable_sorted_reverse');
                this.removeChild(document.getElementById('sorttable_sortfwdind'));
                sortrevind = document.createElement('span');
                sortrevind.id = "sorttable_sortrevind";
                sortrevind.innerHTML = stIsIE ? '&nbsp<font face="webdings">5</font>' : '&nbsp;&#x25B4;';
                this.appendChild(sortrevind);
                return;
              }
              if (this.className.search(/\bsorttable_sorted_reverse\b/) != -1) {
                // if we're already sorted by this column in reverse, just 
                // re-reverse the table, which is quicker
                sorttable.reverse(this.sorttable_tbody);
                this.className = this.className.replace('sorttable_sorted_reverse',
                                                        'sorttable_sorted');
                this.removeChild(document.getElementById('sorttable_sortrevind'));
                sortfwdind = document.createElement('span');
                sortfwdind.id = "sorttable_sortfwdind";
                sortfwdind.innerHTML = stIsIE ? '&nbsp<font face="webdings">6</font>' : '&nbsp;&#x25BE;';
                this.appendChild(sortfwdind);
                return;
              }
              
              // remove sorttable_sorted classes
              theadrow = this.parentNode;
              forEach(theadrow.childNodes, function(cell) {
                if (cell.nodeType == 1) { // an element
                  cell.className = cell.className.replace('sorttable_sorted_reverse','');
                  cell.className = cell.className.replace('sorttable_sorted','');
                }
              });
              sortfwdind = document.getElementById('sorttable_sortfwdind');
              if (sortfwdind) { sortfwdind.parentNode.removeChild(sortfwdind); }
              sortrevind = document.getElementById('sorttable_sortrevind');
              if (sortrevind) { sortrevind.parentNode.removeChild(sortrevind); }
              
              this.className += ' sorttable_sorted';
              sortfwdind = document.createElement('span');
              sortfwdind.id = "sorttable_sortfwdind";
              sortfwdind.innerHTML = stIsIE ? '&nbsp<font face="webdings">6</font>' : '&nbsp;&#x25BE;';
              this.appendChild(sortfwdind);
    
    	        // build an array to sort. This is a Schwartzian transform thing,
    	        // i.e., we "decorate" each row with the actual sort key,
    	        // sort based on the sort keys, and then put the rows back in order
    	        // which is a lot faster because you only do getInnerText once per row
    	        row_array = [];
    	        col = this.sorttable_columnindex;
    	        rows = this.sorttable_tbody.rows;
    	        for (var j=0; j<rows.length; j++) {
    	          row_array[row_array.length] = [sorttable.getInnerText(rows[j].cells[col]), rows[j]];
    	        }
    	        /* If you want a stable sort, uncomment the following line */
    	        //sorttable.shaker_sort(row_array, this.sorttable_sortfunction);
    	        /* and comment out this one */
    	        row_array.sort(this.sorttable_sortfunction);
                        row_array.reverse();
    	        
    	        tb = this.sorttable_tbody;
    	        for (var j=0; j<row_array.length; j++) {
    	          tb.appendChild(row_array[j][1]);
    	        }
    	        
    	        delete row_array;
    	      });
    	    }
        }
      },
      
      guessType: function(table, column) {
        // guess the type of a column based on its first non-blank row
        sortfn = sorttable.sort_alpha;
        for (var i=0; i<table.tBodies[0].rows.length; i++) {
          text = sorttable.getInnerText(table.tBodies[0].rows[i].cells[column]);
          if (text != '') {
            if (text.match(/^-?[£$€]?[\d,.]+%?$/)) {
              return sorttable.sort_numeric;
            }
            // check for a date: dd/mm/yyyy or dd/mm/yy 
            // can have / or . or - as separator
            // can be mm/dd as well
            possdate = text.match(sorttable.DATE_RE)
            if (possdate) {
              // looks like a date
              first = parseInt(possdate[1]);
              second = parseInt(possdate[2]);
              if (first > 12) {
                // definitely dd/mm
                return sorttable.sort_ddmm;
              } else if (second > 12) {
                return sorttable.sort_mmdd;
              } else {
                // looks like a date, but we can't tell which, so assume
                // that it's dd/mm (English imperialism!) and keep looking
                sortfn = sorttable.sort_ddmm;
              }
            }
          }
        }
        return sortfn;
      },
      
      getInnerText: function(node) {
        // gets the text we want to use for sorting for a cell.
        // strips leading and trailing whitespace.
        // this is *not* a generic getInnerText function; it's special to sorttable.
        // for example, you can override the cell text with a customkey attribute.
        // it also gets .value for <input> fields.
        
        hasInputs = (typeof node.getElementsByTagName == 'function') &&
                     node.getElementsByTagName('input').length;
        
        if (node.getAttribute("sorttable_customkey") != null) {
          return node.getAttribute("sorttable_customkey");
        }
        else if (typeof node.textContent != 'undefined' && !hasInputs) {
          return node.textContent.replace(/^\s+|\s+$/g, '');
        }
        else if (typeof node.innerText != 'undefined' && !hasInputs) {
          return node.innerText.replace(/^\s+|\s+$/g, '');
        }
        else if (typeof node.text != 'undefined' && !hasInputs) {
          return node.text.replace(/^\s+|\s+$/g, '');
        }
        else {
          switch (node.nodeType) {
            case 3:
              if (node.nodeName.toLowerCase() == 'input') {
                return node.value.replace(/^\s+|\s+$/g, '');
              }
            case 4:
              return node.nodeValue.replace(/^\s+|\s+$/g, '');
              break;
            case 1:
            case 11:
              var innerText = '';
              for (var i = 0; i < node.childNodes.length; i++) {
                innerText += sorttable.getInnerText(node.childNodes[i]);
              }
              return innerText.replace(/^\s+|\s+$/g, '');
              break;
            default:
              return '';
          }
        }
      },
      
      reverse: function(tbody) {
        // reverse the rows in a tbody
        newrows = [];
        for (var i=0; i<tbody.rows.length; i++) {
          newrows[newrows.length] = tbody.rows[i];
        }
        for (var i=newrows.length-1; i>=0; i--) {
           tbody.appendChild(newrows[i]);
        }
        delete newrows;
      },
      
      /* sort functions
         each sort function takes two parameters, a and b
         you are comparing a[0] and b[0] */
      sort_numeric: function(a,b) {
        aa = parseFloat(a[0].replace(/[^0-9.-]/g,''));
        if (isNaN(aa)) aa = 0;
        bb = parseFloat(b[0].replace(/[^0-9.-]/g,'')); 
        if (isNaN(bb)) bb = 0;
        return aa-bb;
      },
      sort_alpha: function(a,b) {
        if (a[0]==b[0]) return 0;
        if (a[0]<b[0]) return -1;
        return 1;
      },
      sort_ddmm: function(a,b) {
        mtch = a[0].match(sorttable.DATE_RE);
        y = mtch[3]; m = mtch[2]; d = mtch[1];
        if (m.length == 1) m = '0'+m;
        if (d.length == 1) d = '0'+d;
        dt1 = y+m+d;
        mtch = b[0].match(sorttable.DATE_RE);
        y = mtch[3]; m = mtch[2]; d = mtch[1];
        if (m.length == 1) m = '0'+m;
        if (d.length == 1) d = '0'+d;
        dt2 = y+m+d;
        if (dt1==dt2) return 0;
        if (dt1<dt2) return -1;
        return 1;
      },
      sort_mmdd: function(a,b) {
        mtch = a[0].match(sorttable.DATE_RE);
        y = mtch[3]; d = mtch[2]; m = mtch[1];
        if (m.length == 1) m = '0'+m;
        if (d.length == 1) d = '0'+d;
        dt1 = y+m+d;
        mtch = b[0].match(sorttable.DATE_RE);
        y = mtch[3]; d = mtch[2]; m = mtch[1];
        if (m.length == 1) m = '0'+m;
        if (d.length == 1) d = '0'+d;
        dt2 = y+m+d;
        if (dt1==dt2) return 0;
        if (dt1<dt2) return -1;
        return 1;
      },
      
      shaker_sort: function(list, comp_func) {
        // A stable sort function to allow multi-level sorting of data
        // see: http://en.wikipedia.org/wiki/Cocktail_sort
        // thanks to Joseph Nahmias
        var b = 0;
        var t = list.length - 1;
        var swap = true;
    
        while(swap) {
            swap = false;
            for(var i = b; i < t; ++i) {
                if ( comp_func(list[i], list[i+1]) > 0 ) {
                    var q = list[i]; list[i] = list[i+1]; list[i+1] = q;
                    swap = true;
                }
            } // for
            t--;
    
            if (!swap) break;
    
            for(var i = t; i > b; --i) {
                if ( comp_func(list[i], list[i-1]) < 0 ) {
                    var q = list[i]; list[i] = list[i-1]; list[i-1] = q;
                    swap = true;
                }
            } // for
            b++;
    
        } // while(swap)
      }  
    }
    
    /* ******************************************************************
       Supporting functions: bundled here to avoid depending on a library
       ****************************************************************** */
    
    // Dean Edwards/Matthias Miller/John Resig
    
    /* for Mozilla/Opera9 */
    if (document.addEventListener) {
        document.addEventListener("DOMContentLoaded", sorttable.init, false);
    }
    
    /* for Internet Explorer */
    /*@cc_on @*/
    /*@if (@_win32)
        document.write("<script id=__ie_onload defer src=javascript:void(0)><\/script>");
        var script = document.getElementById("__ie_onload");
        script.onreadystatechange = function() {
            if (this.readyState == "complete") {
                sorttable.init(); // call the onload handler
            }
        };
    /*@end @*/
    
    /* for Safari */
    if (/WebKit/i.test(navigator.userAgent)) { // sniff
        var _timer = setInterval(function() {
            if (/loaded|complete/.test(document.readyState)) {
                sorttable.init(); // call the onload handler
            }
        }, 10);
    }
    
    /* for other browsers */
    window.onload = sorttable.init;
    
    // written by Dean Edwards, 2005
    // with input from Tino Zijdel, Matthias Miller, Diego Perini
    
    // http://dean.edwards.name/weblog/2005/10/add-event/
    
    function dean_addEvent(element, type, handler) {
    	if (element.addEventListener) {
    		element.addEventListener(type, handler, false);
    	} else {
    		// assign each event handler a unique ID
    		if (!handler.$$guid) handler.$$guid = dean_addEvent.guid++;
    		// create a hash table of event types for the element
    		if (!element.events) element.events = {};
    		// create a hash table of event handlers for each element/event pair
    		var handlers = element.events[type];
    		if (!handlers) {
    			handlers = element.events[type] = {};
    			// store the existing event handler (if there is one)
    			if (element["on" + type]) {
    				handlers[0] = element["on" + type];
    			}
    		}
    		// store the event handler in the hash table
    		handlers[handler.$$guid] = handler;
    		// assign a global event handler to do all the work
    		element["on" + type] = handleEvent;
    	}
    };
    // a counter used to create unique IDs
    dean_addEvent.guid = 1;
    
    function removeEvent(element, type, handler) {
    	if (element.removeEventListener) {
    		element.removeEventListener(type, handler, false);
    	} else {
    		// delete the event handler from the hash table
    		if (element.events && element.events[type]) {
    			delete element.events[type][handler.$$guid];
    		}
    	}
    };
    
    function handleEvent(event) {
    	var returnValue = true;
    	// grab the event object (IE uses a global event object)
    	event = event || fixEvent(((this.ownerDocument || this.document || this).parentWindow || window).event);
    	// get a reference to the hash table of event handlers
    	var handlers = this.events[event.type];
    	// execute each event handler
    	for (var i in handlers) {
    		this.$$handleEvent = handlers[i];
    		if (this.$$handleEvent(event) === false) {
    			returnValue = false;
    		}
    	}
    	return returnValue;
    };
    
    function fixEvent(event) {
    	// add W3C standard event methods
    	event.preventDefault = fixEvent.preventDefault;
    	event.stopPropagation = fixEvent.stopPropagation;
    	return event;
    };
    fixEvent.preventDefault = function() {
    	this.returnValue = false;
    };
    fixEvent.stopPropagation = function() {
      this.cancelBubble = true;
    }
    
    // Dean's forEach: http://dean.edwards.name/base/forEach.js
    /*
    	forEach, version 1.0
    	Copyright 2006, Dean Edwards
    	License: http://www.opensource.org/licenses/mit-license.php
    */
    
    // array-like enumeration
    if (!Array.forEach) { // mozilla already supports this
    	Array.forEach = function(array, block, context) {
    		for (var i = 0; i < array.length; i++) {
    			block.call(context, array[i], i, array);
    		}
    	};
    }
    
    // generic enumeration
    Function.prototype.forEach = function(object, block, context) {
    	for (var key in object) {
    		if (typeof this.prototype[key] == "undefined") {
    			block.call(context, object[key], key, object);
    		}
    	}
    };
    
    // character enumeration
    String.forEach = function(string, block, context) {
    	Array.forEach(string.split(""), function(chr, index) {
    		block.call(context, chr, index, string);
    	});
    };
    
    // globally resolve forEach enumeration
    var forEach = function(object, block, context) {
    	if (object) {
    		var resolve = Object; // default
    		if (object instanceof Function) {
    			// functions have a "length" property
    			resolve = Function;
    		} else if (object.forEach instanceof Function) {
    			// the object implements a custom forEach method so use that
    			object.forEach(block, context);
    			return;
    		} else if (typeof object == "string") {
    			// the object is a string
    			resolve = String;
    		} else if (typeof object.length == "number") {
    			// the object is array-like
    			resolve = Array;
    		}
    		resolve.forEach(object, block, context);
    	}
    };

  • #3
    Supreme Master coder! Old Pedant's Avatar
    Join Date
    Feb 2009
    Posts
    26,561
    Thanks
    80
    Thanked 4,494 Times in 4,458 Posts
    No place on the page you listed ( http://www.iblhoops.net/iblv2archive/index.php ) do you have *ANY* <table> that has class="sortable"

    So of course you have no sortable table.

    Compare that to your friend's site:
    Code:
    <table  align="center" class="sortable">
    If you don't make the table sortable, the JS code can't sort it.
    An optimist sees the glass as half full.
    A pessimist sees the glass as half empty.
    A realist drinks it no matter how much there is.

  • #4
    New Coder
    Join Date
    Aug 2009
    Posts
    95
    Thanks
    1
    Thanked 0 Times in 0 Posts
    This is from the very beginning of my code, posted above:

    Code:
    // BEGIN RATINGS TABLE
    
          $table_ratings="<table class=\"sortable\">
    So is that incorrect? (These are both php pages, FWIW)

  • #5
    Supreme Master coder! Old Pedant's Avatar
    Join Date
    Feb 2009
    Posts
    26,561
    Thanks
    80
    Thanked 4,494 Times in 4,458 Posts
    I brought up your page. I clicked on the VIEW menu. I clicked on the PAGE SOURCE menu item. I then looked through *ALL* the HTML for the words "sortable" (upper or lower case). It's not there.

    If you have that code in your PHP page, you are somehow *NOT* managing to then get it into the HTML.

    Don't look at your PHP. Look at what the PHP is *creating*. That's the ONLY way to debug JavaScript code.
    An optimist sees the glass as half full.
    A pessimist sees the glass as half empty.
    A realist drinks it no matter how much there is.

  • #6
    New Coder
    Join Date
    Aug 2009
    Posts
    95
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I guess I'm confused, then. What I pasted above is what is in my PHP...what should I be changing it to to make it work? Because that's what is in his page as well. LOL

  • #7
    Supreme Master coder! Old Pedant's Avatar
    Join Date
    Feb 2009
    Posts
    26,561
    Thanks
    80
    Thanked 4,494 Times in 4,458 Posts
    My point is that your PHP code may have that, but then apparently you aren't actually *USING* that variable $table_ratings when you create the HTML.

    If you don't understand your own PHP code, then I can't, especially since you don't show it.
    An optimist sees the glass as half full.
    A pessimist sees the glass as half empty.
    A realist drinks it no matter how much there is.

  • #8
    New Coder
    Join Date
    Aug 2009
    Posts
    95
    Thanks
    1
    Thanked 0 Times in 0 Posts
    ...the PHP code is in the very first post I made. Unless you're saying you need the entire index.php posted, in which case I'm not sure, since so much of it isn't relevant to the situation (and wouldn't fit in one post, either!).

  • #9
    Supreme Master coder! Old Pedant's Avatar
    Join Date
    Feb 2009
    Posts
    26,561
    Thanks
    80
    Thanked 4,494 Times in 4,458 Posts
    Maybe so, but then you apparently aren't then writing out that variable.

    Look, this is a PHP question, now. Has nothing to do with JavaScript.

    I say again, *DO THIS YOURSELF*.

    (1) Go to that page of yours: http://www.iblhoops.net/iblv2archive/index.php

    (2) Click on your browser's VIEW menu.

    (3) Click on the SOURCE (or PAGE SOURCE, depends on browser) menu item.

    (4) That will bring up your HTML *AS THE BROWSER SEES IT*.

    (5) Use CTRL=F to *try* to find the string sortable ANYPLACE in that code.

    Actually, you don't even have the string sort ANYPLACE on that page.

    So I don't understand why you are surprised that nothing is sorting.
    An optimist sees the glass as half full.
    A pessimist sees the glass as half empty.
    A realist drinks it no matter how much there is.

  • #10
    Supreme Master coder! Old Pedant's Avatar
    Join Date
    Feb 2009
    Posts
    26,561
    Thanks
    80
    Thanked 4,494 Times in 4,458 Posts
    To compare, do this:

    (1) Go to your friend's site: http://www.ijbl.net/modules.php?name=Team&op=team&tid=10&display=ratings

    (2) Click on your browser's VIEW menu.

    (3) Click on the SOURCE (or PAGE SOURCE, depends on browser) menu item.

    (4) That will bring up your HTML *AS THE BROWSER SEES IT*.

    (5) Use CTRL=F to find the string sortable in that code.

    PRESTO! There it is! Abotu 40% of the way down the page, find the line
    Code:
    <tr><td align=center><table  align="center" class="sortable">
    And also on his page find
    Code:
    <script src="http://www.ijbl.net/jslib/sorttable.js"></script>
    Which doesn't appear on your page.

    How you can say your page is anything at all like his is a mystery to me.
    An optimist sees the glass as half full.
    A pessimist sees the glass as half empty.
    A realist drinks it no matter how much there is.

  • #11
    New Coder
    Join Date
    Aug 2009
    Posts
    95
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Code:
    // BEGIN RATINGS TABLE
    
          $table_ratings="<table  align=\"center\" class=\"sortable\">
          <thead>
          <tr bgcolor=$color1><th><font color=$color2>Pos</font></th><th><font color=$color2>Player</font></th><th><font color=$color2>Age</font></th><th><font color=$color2>Sta</font></th><th><font color=$color2>2ga</font></th><th><font color=$color2>2g%</font></th><th><font color=$color2>fta</font></th><th><font color=$color2>ft%</font></th><th><font color=$color2>3ga</font></th><th><font color=$color2>3g%</font></th><th><font color=$color2>orb</font></th><th><font color=$color2>drb</font></th><th><font color=$color2>ast</font></th><th><font color=$color2>stl</font></th><th><font color=$color2>tvr</font></th><th><font color=$color2>blk</font></th><th><font color=$color2>o-o</font></th><th><font color=$color2>d-o</font></th><th><font color=$color2>p-o</font></th><th><font color=$color2>t-o</font></th><th><font color=$color2>o-d</font></th><th><font color=$color2>d-d</font></th><th><font color=$color2>p-d</font></th><th><font color=$color2>t-d</font></th><th><font color=$color2>Foul</font></th><th><font color=$color2>Inj</font></th></tr>
    </thead>
    <tbody>
    ";
    
        $i=0;
    
        while ($i < $num) 
        {
    
       if ($yr == "")
       {
    
        $name=mysql_result($result,$i,"name");
        $team=mysql_result($result,$i,"teamname");
        $pid=mysql_result($result,$i,"pid");
        $pos=mysql_result($result,$i,"altpos");
        $p_ord=mysql_result($result,$i,"ordinal");
        $age=mysql_result($result,$i,"age");
        $inj=mysql_result($result,$i,"injured");
    
        $r_2ga=mysql_result($result,$i,"r_fga");
        $r_2gp=mysql_result($result,$i,"r_fgp");
        $r_fta=mysql_result($result,$i,"r_fta");
        $r_ftp=mysql_result($result,$i,"r_ftp");
        $r_3ga=mysql_result($result,$i,"r_tga");
        $r_3gp=mysql_result($result,$i,"r_tgp");
        $r_orb=mysql_result($result,$i,"r_orb");
        $r_drb=mysql_result($result,$i,"r_drb");
        $r_ast=mysql_result($result,$i,"r_ast");
        $r_stl=mysql_result($result,$i,"r_stl");
        $r_blk=mysql_result($result,$i,"r_blk");
        $r_tvr=mysql_result($result,$i,"r_to");
        $r_sta=mysql_result($result,$i,"sta");
        $r_foul=mysql_result($result,$i,"r_foul");
        $r_totoff=mysql_result($result,$i,"oo")+mysql_result($result,$i,"do")+mysql_result($result,$i,"po")+mysql_result($result,$i,"to");
        $r_totdef=mysql_result($result,$i,"od")+mysql_result($result,$i,"dd")+mysql_result($result,$i,"pd")+mysql_result($result,$i,"td");
        $r_oo=mysql_result($result,$i,"oo");
        $r_do=mysql_result($result,$i,"do");
        $r_po=mysql_result($result,$i,"po");
        $r_to=mysql_result($result,$i,"to");
        $r_od=mysql_result($result,$i,"od");
        $r_dd=mysql_result($result,$i,"dd");
        $r_pd=mysql_result($result,$i,"pd");
        $r_td=mysql_result($result,$i,"td");
    	$r_bird=mysql_result($result,$i,"bird");
    
    $draftyear=mysql_result($result,$i,"draftyear");
    $exp=mysql_result($result,$i,"exp");
    $cy=mysql_result($result,$i,"cy");
    $cyt=mysql_result($result,$i,"cyt");
    	
    	$yearoffreeagency=$draftyear+$exp+$cyt-$cy;
    
    	} else {
    
         $name=mysql_result($result,$i,"name");
         $team=mysql_result($result,$i,"team");
         $pid=mysql_result($result,$i,"pid");
    
         $r_2ga=mysql_result($result,$i,"r_2ga");
         $r_2gp=mysql_result($result,$i,"r_2gp");
         $r_fta=mysql_result($result,$i,"r_fta");
         $r_ftp=mysql_result($result,$i,"r_ftp");
         $r_3ga=mysql_result($result,$i,"r_3ga");
         $r_3gp=mysql_result($result,$i,"r_3gp");
         $r_orb=mysql_result($result,$i,"r_orb");
         $r_drb=mysql_result($result,$i,"r_drb");
         $r_ast=mysql_result($result,$i,"r_ast");
         $r_stl=mysql_result($result,$i,"r_stl");
         $r_blk=mysql_result($result,$i,"r_blk");
         $r_tvr=mysql_result($result,$i,"r_tvr");
         $r_totoff=mysql_result($result,$i,"r_oo")+mysql_result($result,$i,"r_do")+mysql_result($result,$i,"r_po")+mysql_result($result,$i,"r_to");
         $r_totdef=mysql_result($result,$i,"r_od")+mysql_result($result,$i,"r_dd")+mysql_result($result,$i,"r_pd")+mysql_result($result,$i,"r_td");
         $r_oo=mysql_result($result,$i,"r_oo");
         $r_do=mysql_result($result,$i,"r_do");
         $r_po=mysql_result($result,$i,"r_po");
         $r_to=mysql_result($result,$i,"r_to");
         $r_od=mysql_result($result,$i,"r_od");
         $r_dd=mysql_result($result,$i,"r_dd");
         $r_pd=mysql_result($result,$i,"r_pd");
         $r_td=mysql_result($result,$i,"r_td");
    
    
    	}
    	
    	if(($i % 2)==0) {
    		$bgcolor="FFFFFF";
    	}else{
    		$bgcolor="EEEEEE";
    	}
    
    if ($tid == 0)
    {
        $table_ratings=$table_ratings."      <tr bgcolor=$bgcolor><td>$pos</td><td><a href=\"http://www.ijbl.net/modules.php?name=Player&pa=showpage&pid=$pid\">$name</a></td><td>$age</td><td>$r_sta</td><td>$r_2ga</td><td>$r_2gp</td><td>$r_fta</td><td>$r_ftp</td><td>$r_3ga</td><td>$r_3gp</td><td>$r_orb</td><td>$r_drb</td><td>$r_ast</td><td>$r_stl</td><td>$r_tvr</td><td>$r_blk</td><td>$r_oo</td><td>$r_do</td><td>$r_po</td><td>$r_to</td><td>$r_od</td><td>$r_dd</td><td>$r_pd</td><td>$r_td</td><td>$r_foul</td><td>$inj</td></tr>
    ";
    } else {
    if ($p_ord > 959)
    {
        $table_ratings=$table_ratings."      <tr bgcolor=$bgcolor><td>$pos</td><td>(<a href=\"http://www.ijbl.net/modules.php?name=Player&pa=showpage&pid=$pid\">$name)*</a></td><td>$age</td><td>$r_sta</td><td>$r_2ga</td><td>$r_2gp</td><td>$r_fta</td><td>$r_ftp</td><td>$r_3ga</td><td>$r_3gp</td><td>$r_orb</td><td>$r_drb</td><td>$r_ast</td><td>$r_stl</td><td>$r_tvr</td><td>$r_blk</td><td>$r_oo</td><td>$r_do</td><td>$r_po</td><td>$r_to</td><td>$r_od</td><td>$r_dd</td><td>$r_pd</td><td>$r_td</td><td>$r_foul</td><td>$inj</td></tr>
    ";
    } elseif ($r_bird == 0) {
        $table_ratings=$table_ratings."      <tr bgcolor=$bgcolor><td>$pos</td><td><i><a href=\"http://www.ijbl.net/modules.php?name=Player&pa=showpage&pid=$pid\">$name</i></a></td><td>$age</td><td>$r_sta</td><td>$r_2ga</td><td>$r_2gp</td><td>$r_fta</td><td>$r_ftp</td><td>$r_3ga</td><td>$r_3gp</td><td>$r_orb</td><td>$r_drb</td><td>$r_ast</td><td>$r_stl</td><td>$r_tvr</td><td>$r_blk</td><td>$r_oo</td><td>$r_do</td><td>$r_po</td><td>$r_to</td><td>$r_od</td><td>$r_dd</td><td>$r_pd</td><td>$r_td</td><td>$r_foul</td><td>$inj</td></tr>
    ";
    } else if ($fayr == "" OR $yearoffreeagency == $fayr) {
       $table_ratings=$table_ratings."      <tr bgcolor=$bgcolor><td>$pos</td><td><a href=\"http://www.ijbl.net/modules.php?name=Player&pa=showpage&pid=$pid\">$name</a></td><td>$age</td><td>$r_sta</td><td>$r_2ga</td><td>$r_2gp</td><td>$r_fta</td><td>$r_ftp</td><td>$r_3ga</td><td>$r_3gp</td><td>$r_orb</td><td>$r_drb</td><td>$r_ast</td><td>$r_stl</td><td>$r_tvr</td><td>$r_blk</td><td>$r_oo</td><td>$r_do</td><td>$r_po</td><td>$r_to</td><td>$r_od</td><td>$r_dd</td><td>$r_pd</td><td>$r_td</td><td>$r_foul</td><td>$inj</td></tr>
    ";
    }
    }
    
        $i++;
    
        }
    
    $table_ratings=$table_ratings."
          </tbody>
        </table>
    ";
    
    if ($tid != 0)
    {
    
    $table_totals=$table_totals." 
          <table align=\"center\" class=\"sortable\">
            <thead>
    <tr bgcolor=$color1><th><font color=$color2>Pos</font></th><td colspan=3><font color=$color2>Player</font></th><th><font color=$color2>g</font></th><th><font color=$color2>gs</font></th><th><font color=$color2>min</font></th><th><font color=$color2>fgm</font></th><th><font color=$color2>fga</font></th><th><font color=$color2>ftm</font></th><th><font color=$color2>fta</font></th><th><font color=$color2>3gm</font></th><th><font color=$color2>3ga</font></th><th><font color=$color2>orb</font></th><th><font color=$color2>reb</font></th><th><font color=$color2>ast</font></th><th><font color=$color2>stl</font></th><th><font color=$color2>to</font></th><th><font color=$color2>blk</font></th><th><font color=$color2>pf</font></th><th><font color=$color2>pts</font></th></tr>
    </thead>
    <tbody>
    ";
    That's his page. Same coding.

    I completely understand what you're searching for, why, and that it's not showing up - that's the entire issue. It's showing up on his page, not on mine, and yet the coding is the same. That's the entire problem.

  • #12
    Supreme Master coder! Old Pedant's Avatar
    Join Date
    Feb 2009
    Posts
    26,561
    Thanks
    80
    Thanked 4,494 Times in 4,458 Posts
    But that code is *NOT* writing *ANYTHING* to the page.

    All it is doing is creating the HTML table and putting it into a PHP variable.

    *SOMEPLACE* there is code that is doing echo $table_totals; or print $table_totals;

    That's the code you need to be looking for and almost sure the code that is missing from your page.

    (Incidentally, that's not the best way of writing the PHP code. Building up big long strings like that isn't very efficient. But it does work.)

    I say again: This isn't a JavaScript question, it's a PHP question.

    If you can't figure it out, get help in the PHP forum.
    An optimist sees the glass as half full.
    A pessimist sees the glass as half empty.
    A realist drinks it no matter how much there is.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •