View source for Widget:Tablify

<noinclude>

Used to convert a list for zebra striping.

'''Usage:'''

Place the list you want in a nowiki section, followed by the Zebra widget.  Like so:

 <nowiki>
 &lt;nowiki>
Something
&lt;/nowiki>{{#widget:Tablify}}</nowiki>

'''Shows As:'''

 <nowiki>
Something
</nowiki>{{#widget:Tablify}}



</noinclude><includeonly>
<button onclick="doTablify(this);">Tablify</button> this list.
<script>
    var tag = document.getElementsByTagName('script');
    var nTags = tag.length;
    tag = tag[nTags - 1];
    var button = tag.previousSibling;
    button = button.previousSibling;
    tag = tag.parentNode;

    //tag.innerHTML = "Y " + tag.innerHTML;
    //button.innerHTML = "X " + button.innerHTML+ " ";
    button.tag = tag;

/**
 *
 * @param strings
 * @param cols
 * @returns {string}
 */
function BlueTable( strings, cols ){
  var str = "\r\n";
  str += '<table width="95%" style="border-color:#B7CEEC; border-style:' +
    ' solid" cellpadding=10px>\r\n';
  var rows = Math.ceil(strings.length / cols);
  for(i=0;i<rows;i++){
    str += (i%2==0) ? '<tr style="background-color:#ddeeff" valign="top">\r\n'
      : '<tr valign="top">\r\n';
    for(j=0;j<cols;j++){
      var k = i + (rows)*j;
      str += '<td width="25%">' + (( k >= strings.length ) ?
          "" : strings[k])+ '</td>\r\n'
    }
    str += '</tr>\r\n';
  }
  str += '</table>\r\n';
  str = str.replace(/</g,"&lt;");
  str = str.replace(/>/g,"&gt;");
  return str;
}

    function doTablify(btn){
       if( btn.tag ){
          var text =  btn.tag.innerHTML;
          text = text.split( "<button onclick=\"doTablify(this);\">")[0];
          text = text.replace( /&lt; /g, "&amp;lt; ");
          text = text.replace( / &gt;/g, " &amp;gt;");
          text = text.split("\n");
          text = BlueTable( text, 4 ); 
          btn.tag.innerHTML = text;
          btn.tag = null;
       }
    }
</script>
</includeonly>