stefanpenner/index.html

## index.html
<html>
  <head>
    <script type="text/javascript" src="jquery-1.2.6.js"></script>
    <script type="text/javascript">
// tablelize
(function($){
 	$.fn.tablize = function(){
	  var store = new Array();

      var toText = function(){ return $(this).text(); };

     // function to take a tr and map it to a store row
      var toStoreRow = function(){
                       var storeRow = new Array();

                       // stores raw html
                       storeRow.push(this);

                       // stores values in locations 1...n
                       storeRow.concat($(this).map(toText()));
                       return storeRow;
                        };
       // ** NOTES **
       // $('tr',$('tbody')).map(function(){return $(this).text();}).map(function(){alert(this);});
       // ** TODO **
       // create a table object
       // create a row object
       // var reDrawTable = function(table){};
       // var setListeners = function(){};
       // on click
       //    - comparator = correct comparator; direction + column knowledge
       //    - store.sortbo(comparator);
       //    - store.redraw();
       //
       // should be in an initializer
	   store = $('tbody tr',this).map(toStoreRow);

       return this;
	};
})(jQuery);
      $('document').ready(function(){
         $('#table').tablize();
      });

    </script>
  </head>
  <body>
    <table id="table">
      <thead>
        <tr>
          <th>number</th>
          <th>name</th>
          <th>html</th>
        </tr>
      <tbody>
         <tr>
          <td>5</td>
          <td>stefan</td>
          <td><b>stefan</b></td>
        </tr>
         <tr>
          <td>-5</td>
          <td>sam</td>
          <td><b>sa,</b></td>
        </tr>
        <tr>
          <td>1</td>
          <td>gip</td>
          <td><b>gip</b></td>
        </tr>
    </table>
  </body>
</html>
	<html>
	<head>
	<script type="text/javascript" src="jquery-1.2.6.js"></script>
	<script type="text/javascript">
	// tablelize
	(function($){
	$.fn.tablize = function(){
	var store = new Array();

	var toText = function(){ return $(this).text(); };

	// function to take a tr and map it to a store row
	var toStoreRow = function(){
	var storeRow = new Array();

	// stores raw html
	storeRow.push(this);

	// stores values in locations 1...n
	storeRow.concat($(this).map(toText()));
	return storeRow;
	};
	// NOTES
	// $('tr',$('tbody')).map(function(){return $(this).text();}).map(function(){alert(this);});
	// TODO
	// create a table object
	// create a row object
	// var reDrawTable = function(table){};
	// var setListeners = function(){};
	// on click
	// - comparator = correct comparator; direction + column knowledge
	// - store.sortbo(comparator);
	// - store.redraw();
	//
	// should be in an initializer
	store = $('tbody tr',this).map(toStoreRow);

	return this;
	};
	})(jQuery);
	$('document').ready(function(){
	$('#table').tablize();
	});

	</script>
	</head>
	<body>
	<table id="table">
	<thead>
	<tr>
	<th>number</th>
	<th>name</th>
	<th>html</th>
	</tr>
	<tbody>
	<tr>
	<td>5</td>
	<td>stefan</td>
	<td><b>stefan</b></td>
	</tr>
	<tr>
	<td>-5</td>
	<td>sam</td>
	<td><b>sa,</b></td>
	</tr>
	<tr>
	<td>1</td>
	<td>gip</td>
	<td><b>gip</b></td>
	</tr>
	</table>
	</body>
	</html>