Uncle Jim's Web Designs: Form Sorting

COPY - Insert Between Head Tags: <HEAD></HEAD>

function SortableTable(id,rows,cols,border,width,align) {
 this.id = id
 this.rows = rows
 this.cols = cols
 this.border = border
 this.width = width
 this.align = align
 this.buttons = new Array(cols)
 this.numeric = new Array(cols)
 for(var i=0;i<cols;++i)
  this.buttons[i]="y"
 for(var i=0;i<cols;++i)
  this.numeric[i]=false
 this.data = new Array(rows)
 for(var i=0;i<rows;++i) {
  this.data[i] = new Array(cols)
  for(var j=0;j<cols;++j)
   this.data[i][j] = "Y"
 }

this.display = SortableTable_display
 this.setButtons = SortableTable_setButtons
 this.setData = SortableTable_setData
 this.setNumeric = SortableTable_setNumeric
 this.sort = SortableTable_sort
}

function SortableTable_setButtons(buttons) {
 if(buttons == null) return
 var n = buttons.length
 if(n > this.cols) n = this.cols
 for(var i=0;i<n;++i)
  if(buttons[i]!=null) this.buttons[i] = buttons[i]
}

function SortableTable_display() {
 // Check for tableSortBy cookie
 if(document.cookie.length > 0) {
  var search = this.id + "="
  var offset = document.cookie.indexOf(this.id+"=")
  if(offset != -1) {
   offset += search.length
   var end = document.cookie.indexOf(";", offset)
   if(end == -1) end = document.cookie.length
   this.sort(document.cookie.substring(offset, end))
  }
 }

document.writeln('<FORM NAME="tableForm">')
 document.write('<TABLE BORDER="'+this.border+'" WIDTH="')
 document.writeln(this.width+'" ALIGN="'+this.align+'">')
 document.writeln('<TR>')

// Display buttons
 for(var i=0;i<this.cols;++i) {
  document.write('<TD>')
  document.write('<INPUT TYPE="BUTTON" VALUE="')
  document.write(this.buttons[i])
  document.write('" ONCLICK="SortableTable_handleColumnButton(\'')
  document.write(this.id+'\','+i+')">')
  document.writeln('</TD>')
 }

document.writeln('</TR>')
 // Display sorted/unsorted table
 for(var i=0;i<this.rows;++i) {
  document.writeln('<TR>')
  for(var j=0;j<this.cols;++j) {
   document.write('<TD>')
    document.write(this.data[i][j])
    document.writeln('</TD>')
  }

document.writeln('</TR>')
 }

document.writeln('</TABLE>')
 document.writeln('</FORM>')
}

function SortableTable_setNumeric(n) {
 this.numeric[n] = true
}

COPY - Insert Inside Body: <BODY></BODY>

Uncle Jim's Web Designs

Form Field Sorting - Table Of Contents