[Zope-PTK] Retro-GUI Widgets

Spicklemire, Jerry Jerry.Spicklemire@IFLYATA.COM
Wed, 9 Aug 2000 10:21:35 -0500


Hi PTK Fans,

There's been a bit of discussion re. dressing up the appearance of PTK in a
backward compatible way. The HTML below is a small example of an idea I've
been working on that is user definable, programmable, and compatible even
back to v.2 generation browsers. 

Yes, it's subject to revulsive reactions on the part of elegant code
afficianados, but if you count up the bits you'll likely be surprised at the
actual modest cost of such a brute force approach, considering the benefits
(user definable, programmable, backward compatible . . .). 

Unfortunately some obvious optimizations are (can you guess) mutually
incompatible with Navigator and Explorer. Surprise!

Anyhow, you can cut and paste this into a DTML Document (or an HTML "page")
and get the idea.

Later,
Jerry S.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>Table Tabs</title>
</head>

<body>
<table border="0" bgcolor="CCFFFF" cellpadding="0" cellspacing="0"><tr>
<tr>
<td BGCOLOR="FFFFFF" HEIGHT="1" COLSPAN="2"><SPACER TYPE=BLOCK
HEIGHT="1"></td>
<td BGCOLOR="CCFFFF" HEIGHT="1"><SPACER TYPE=BLOCK HEIGHT="1"></td>
<td BGCOLOR="FFFFFF" HEIGHT="1" COLSPAN="5"><SPACER TYPE=BLOCK
HEIGHT="1"></td>
<td BGCOLOR="CCFFFF" HEIGHT="1"><SPACER TYPE=BLOCK HEIGHT="1"></td>
<td BGCOLOR="FFFFFF" HEIGHT="1" COLSPAN="2"><SPACER TYPE=BLOCK
HEIGHT="1"></td>
<td BGCOLOR="CCFFFF" HEIGHT="1"><SPACER TYPE=BLOCK HEIGHT="1"></td>
<td BGCOLOR="FFFFFF" HEIGHT="1" COLSPAN="2"><SPACER TYPE=BLOCK
HEIGHT="1"></td>
<td BGCOLOR="CCFFFF" HEIGHT="1"><SPACER TYPE=BLOCK HEIGHT="1"></td>
<td BGCOLOR="FFFFFF" HEIGHT="1"><SPACER TYPE=BLOCK HEIGHT="1"></td>
</tr>
<tr>
<td BGCOLOR="66CCCC" WIDTH="1"><SPACER TYPE=BLOCK WIDTH="1"></td>
<td BGCOLOR="CCFFFF" WIDTH="1"><SPACER TYPE=BLOCK WIDTH="1"></td>
<td bgcolor="99CCCC">&nbsp;Tab1&nbsp;</td>
<td BGCOLOR="339999" WIDTH="1"><SPACER TYPE=BLOCK WIDTH="1"></td>
<td bgcolor="CCFFFF" WIDTH="1" COLSPAN="2">&nbsp;Tab2&nbsp;</td>
<td BGCOLOR="66CCCC" WIDTH="1"><SPACER TYPE=BLOCK WIDTH="1"></td>
<td BGCOLOR="CCFFFF" WIDTH="1"><SPACER TYPE=BLOCK WIDTH="1"></td>
<td bgcolor="99CCCC">&nbsp;Tab3&nbsp;</td>
<td BGCOLOR="339999" WIDTH="1"><SPACER TYPE=BLOCK WIDTH="1"></td>
<td BGCOLOR="CCFFFF" WIDTH="1"><SPACER TYPE=BLOCK  WIDTH="1"></td>
<td bgcolor="99CCCC">&nbsp;Tab4&nbsp;</td>
<td BGCOLOR="339999" WIDTH="1"><SPACER TYPE=BLOCK WIDTH="1"></td>
<td BGCOLOR="CCFFFF" WIDTH="1"><SPACER TYPE=BLOCK  WIDTH="1"></td>
<td bgcolor="99CCCC">&nbsp;Tab5&nbsp;</td>
<td BGCOLOR="339999" WIDTH="1"><SPACER TYPE=BLOCK WIDTH="1"></td>
</tr>
<tr>
<td BGCOLOR="66CCCC" WIDTH="1"><SPACER TYPE=BLOCK HEIGHT="1"></td>
<td BGCOLOR="CCFFFF" HEIGHT="1"><SPACER TYPE=BLOCK HEIGHT="1"></td>
<td BGCOLOR="339999" HEIGHT="1"><SPACER TYPE=BLOCK HEIGHT="1"></td>
<td BGCOLOR="CCFFFF" HEIGHT="1" COLSPAN="5"><SPACER TYPE=BLOCK
HEIGHT="1"></td>
<td BGCOLOR="339999" HEIGHT="1"><SPACER TYPE=BLOCK HEIGHT="1"></td>
<td BGCOLOR="CCFFFF" HEIGHT="1" COLSPAN="2"><SPACER TYPE=BLOCK
HEIGHT="1"></td>
<td BGCOLOR="339999" HEIGHT="1"><SPACER TYPE=BLOCK HEIGHT="1"></td>
<td BGCOLOR="CCFFFF" HEIGHT="1" COLSPAN="2"><SPACER TYPE=BLOCK
HEIGHT="1"></td>
<td BGCOLOR="339999" HEIGHT="1"><SPACER TYPE=BLOCK HEIGHT="1"></td>
<td BGCOLOR="66CCCC" WIDTH="1"><SPACER TYPE=BLOCK HEIGHT="1"></td>
</tr>
<tr>
<td BGCOLOR="66CCCC" WIDTH="1"><SPACER TYPE=BLOCK WIDTH="1"></td>
<td colspan="14" bgcolor="CCFFFF">&nbsp;</td>
<td BGCOLOR="66CCCC" WIDTH="1"><SPACER TYPE=BLOCK WIDTH="1"></td>
</tr></table>

</body>
</html>