Post by bass5098 on Mar 31, 2007 11:31:12 GMT -5
This is just like the other but it has 2 tables in one and you can hide and show them.
EDITING:
It is all Self Explanatory
<script type="text/javascript">
<!--
/* Easy Info Table By Bass5098
May not be redistributed without permission of the creator */
// Info You Want In The Table
var title_text = "Table Title"; // The name of the table
var left_text = "Left Box Text"; // The Text You Want In The left Box
var center_text = "Center Box Text"; // The Text You Want In The Center Box
var right_text = "Right Box Text"; // The name of the table
var table_width = "Table Width"; // The width of the table (pixels only)
var title_text2 = "Table Title"; // The name of the second table
var left_text2 = "Left Box Text"; // The Text You Want In The second left Box
var center_text2 = "Center Box Text"; // The Text You Want In The second Center Box
var right_text2 = "Right Box Text"; // The name of the second table
var h = "hide" // the words you want for the hide button
var s ="show" // the text you want for the show button
// Do Not Edit Below
document.write( '<table width="'+table_width+'" cellpadding="4" cellspacing="1" align="center" class="bordercolor">' );
document.write( '<tr>' );
document.write( '<td class="titlebg" width="100%" colspan="3" align="center">' );
document.write( ''+title_text+' <a href="javascript:void(0);" onClick="document.getElementById('td1').style.display='none';">'+h+'</a> / <a href="javascript:void(0);" onClick="document.getElementById('td1').style.display='';">'+s+'</a>' );
document.write( '</td>' );
document.write( '</tr>' );
document.write( '<tr id="td1">' );
document.write( '<td width="30%" class="windowbg2" vAlign="top">' );
document.write( ''+left_text+'' );
document.write( '</td>' );
document.write( '<td width="40%" class="windowbg" vAlign="top">' );
document.write( ''+center_text+'' );
document.write( '</td>' );
document.write( '<td width="30%" class="windowbg2" vAlign="top">' );
document.write( ''+right_text+'' );
document.write( '</td>' );
document.write( '</tr>' );
document.write( '<tr>' );
document.write( '<td class="titlebg" width="100%" colspan="3" align="center">' );
document.write( ''+title_text2+' <a href="javascript:void(0);" onClick="document.getElementById('td2').style.display='none';">'+h+'</a> / <a href="javascript:void(0);" onClick="document.getElementById('td2').style.display='';">'+s+'</a>' );
document.write( '</td>' );
document.write( '</tr>' );
document.write( '<tr id="td2">' );
document.write( '<td width="30%" class="windowbg2" vAlign="top">' );
document.write( ''+left_text2+'' );
document.write( '</td>' );
document.write( '<td width="40%" class="windowbg" vAlign="top">' );
document.write( ''+center_text2+'' );
document.write( '</td>' );
document.write( '<td width="30%" class="windowbg2" vAlign="top">' );
document.write( ''+right_text2+'' );
document.write( '</td>' );
document.write( '</tr>' );
document.write( '</table>' );
//-->
</script>
EDITING:
var title_text = "Table Title"; // The name of the table
var left_text = "Left Box Text"; // The Text You Want In The left Box
var center_text = "Center Box Text"; // The Text You Want In The Center Box
var right_text = "Right Box Text"; // The name of the table
var table_width = "Table Width"; // The width of the table (pixels only)
var title_text2 = "Table Title"; // The name of the second table
var left_text2 = "Left Box Text"; // The Text You Want In The second left Box
var center_text2 = "Center Box Text"; // The Text You Want In The second Center Box
var right_text2 = "Right Box Text"; // The name of the second table
var h = "hide" // the words you want for the hide button
var s ="show" // the text you want for the show button
It is all Self Explanatory