aboutsummaryrefslogtreecommitdiffstats
path: root/WebContent
diff options
context:
space:
mode:
authorJoonas Lehtinen <joonas.lehtinen@itmill.com>2006-12-29 17:21:49 +0000
committerJoonas Lehtinen <joonas.lehtinen@itmill.com>2006-12-29 17:21:49 +0000
commit6f51ae0f6feaa1f88dbaea75363f186d207c8f6b (patch)
tree9926f0e99194e747c01d181ef597d8c0dd0a60dd /WebContent
parent6a135983f252374ac3743d08aa8d6f187afff4b7 (diff)
downloadvaadin-framework-6f51ae0f6feaa1f88dbaea75363f186d207c8f6b.tar.gz
vaadin-framework-6f51ae0f6feaa1f88dbaea75363f186d207c8f6b.zip
Moved this prototype stuff to WEB-INF/lib/themes
svn changeset:193/svn branch:toolkit
Diffstat (limited to 'WebContent')
-rw-r--r--WebContent/themes/example/example_styles.css0
-rw-r--r--WebContent/themes/example/example_theme.js80
-rw-r--r--WebContent/themes/playground/components.html227
-rw-r--r--WebContent/themes/playground/default.css238
-rw-r--r--WebContent/themes/playground/img/bg1.gifbin416 -> 0 bytes
-rw-r--r--WebContent/themes/playground/img/bg2.gifbin215 -> 0 bytes
-rw-r--r--WebContent/themes/playground/img/bg3.jpgbin1629 -> 0 bytes
-rw-r--r--WebContent/themes/playground/img/tree/off.gifbin69 -> 0 bytes
-rw-r--r--WebContent/themes/playground/img/tree/on.gifbin70 -> 0 bytes
-rw-r--r--WebContent/themes/playground/table-prototypes/aquaHeaderIcon.gifbin582 -> 0 bytes
-rw-r--r--WebContent/themes/playground/table-prototypes/table-proto-firefox.html88
-rw-r--r--WebContent/themes/playground/table-prototypes/table-proto-ie.html40
-rw-r--r--WebContent/themes/playground/table-prototypes/table-proto-safari.html69
13 files changed, 0 insertions, 742 deletions
diff --git a/WebContent/themes/example/example_styles.css b/WebContent/themes/example/example_styles.css
deleted file mode 100644
index e69de29bb2..0000000000
--- a/WebContent/themes/example/example_styles.css
+++ /dev/null
diff --git a/WebContent/themes/example/example_theme.js b/WebContent/themes/example/example_theme.js
deleted file mode 100644
index 00f8a37319..0000000000
--- a/WebContent/themes/example/example_theme.js
+++ /dev/null
@@ -1,80 +0,0 @@
-/** Construct example theme that extends some other theme
- * typically the DefaultTheme.
- *
- * @param themeRoot The base URL of theme resources.
- * @param defaultTheme Theme to be extended.
- *
- */
-
-
-function ExampleTheme(themeRoot, defaultTheme) {
- this.themeName = "ExampleTheme";
- this.root = themeRoot;
- this.parent = defaultTheme;
-
- // Tell the parent where to look for theme icons
- this.parent.iconRoot = this.root;
-}
-
-/** Register all renderers to a ajax client.
- *
- * @param client The ajax client instance.
- */
-ExampleTheme.prototype.registerTo = function(client) {
-
- // We register our own customlayout handler.
- // This way the layouts can be in different place.
- client.registerRenderer(this,"customlayout",null,this.renderCustomLayout);
-
-}
-
-ExampleTheme.prototype.renderCustomLayout = function(renderer,uidl,target,layoutInfo) {
-
- // Shortcuts
- var theme = renderer.theme;
- var parentTheme = theme.parent;
-
- // Get style
- var style = uidl.getAttribute("style");
- if (style == null) return null;
-
- // Load the layout
- var url = theme.root + style + ".html";
- var text = renderer.client.loadDocument(url,false);
- if (text == null) return null;
-
- // Create containing element
- var main = parentTheme.createPaintableElement(renderer,uidl,target);
-
- var n = parentTheme.createElementTo(main, "div");
- n.setAttribute("id",uidl.getAttribute("id"));
- n.innerHTML=text;
- var divs = n.getElementsByTagName("div");
- for (var i=0; i<divs.length; i++) {
- var div = divs.item(i);
- var name = div.getAttribute("location");
- if (name != null) {
- for (var j=0; j < uidl.childNodes.length; j++) {
- var c = uidl.childNodes.item(j);
- if (c.nodeType == Node.ELEMENT_NODE
- && c.nodeName == "location"
- && c.getAttribute("name") == name) {
-
- for (var k=0; k<c.childNodes.length; k++) {
- var cc = c.childNodes.item(k);
- if (cc.nodeType == Node.ELEMENT_NODE) {
- var parent = div.parentNode;
-
- // TODO
- if (parent != null) {
- parentTheme.removeAllChildNodes(div);
- var newNode = renderer.client.renderUIDL(cc,div);
- }
- }
- }
-
- }
- }
- }
- }
-}
diff --git a/WebContent/themes/playground/components.html b/WebContent/themes/playground/components.html
deleted file mode 100644
index 4aa14143cc..0000000000
--- a/WebContent/themes/playground/components.html
+++ /dev/null
@@ -1,227 +0,0 @@
-<HTML>
-<HEAD>
- <link rel="stylesheet" href="default.css" type="text/css"/>
-</HEAD>
-<BODY>
-
-
-<DIV class="table">
- <DIV class="caption pad">Table
-
- <DIV class="outset popup">
- <DIV class="border pad">
- <IMG class="icon" src="img/icon.gif"/>
- <DIV class="content">
- This is the popup description.
- IT can be multiline.
- </DIV>
- </DIV>
- </DIV>
-
- </DIV>
-
- <DIV class="outset">
- <DIV class="border">
- <TABLE>
- <TR class="header">
- <TD class="empty"></TD>
- <TD class="cheader clickable bg"><DIV class="caption">R header 1</DIV></TD>
- <TD class="cheader clickable bg"><DIV class="caption">R header 2</DIV></TD>
- <TD class="cheader clickable bg"><DIV class="caption">R header 3</DIV></TD>
- </TR>
- <TR class="odd clickable">
- <TD class="rheader"><DIV class="caption">C header 1</DIV></TD>
- <TD>cell</TD>
- <TD>cell</TD>
- <TD>cell</TD>
- </TR>
- <TR class="even clickable">
- <TD class="rheader"><DIV class="caption">C header</DIV></TD>
- <TD>cell</TD>
- <TD>cell</TD>
- <TD>cell</TD>
- </TR>
- <TR class="odd clickable">
- <TD class="rheader"><DIV class="caption">C header</DIV></TD>
- <TD>cell</TD>
- <TD>cell with some more stuff<br/>asdasdas</TD>
- <TD>cell</TD>
- </TR>
- <TR class="even clickable">
- <TD class="rheader"><DIV class="caption">C header</DIV></TD>
- <TD>cell</TD>
- <TD>cell</TD>
- <TD>cell</TD>
- </TR>
- </TABLE>
- <DIV class="nav pad">&lt;&lt; 5 / 72 &gt;&gt;</DIV>
- </DIV>
- </DIV>
-</DIV>
-
-<BR/>
-
-<DIV class="panel outset">
- <DIV class="border">
- <DIV class="caption pad">Panel</DIV>
- <DIV class="content">
- This is supposed to be panel content.
- <P>
- The quick brown fox jumps over the lazy dog.
- The quick brown fox jumps over the lazy dog.
- The quick brown fox jumps over the lazy dog.
- The quick brown fox jumps over the lazy dog.
- The quick brown fox jumps over the lazy dog.
- The quick brown fox jumps over the lazy dog.
-
-
- <DIV class="tabsheet">
- <DIV class="caption">Tabsheet</DIV>
- <DIV class="tabs">
- <DIV class="tab clickable inline"><DIV class="caption border pad inline">Tab 1</DIV></DIV>
- <DIV class="tab-on inline"><DIV class="caption border pad inline">Tab 2</DIV></DIV>
- <DIV class="tab clickable inline"><DIV class="caption border pad inline">Tab 3</DIV></DIV>
- <DIV class="tab disabled inline"><DIV class="caption border pad inline">Disabled</DIV></DIV>
- </DIV>
- <DIV class="outset">
- <DIV class="content border">
- This is supposed to be tabsheet content.
- <P>
- The quick brown fox jumps over the lazy dog.
- The quick brown fox jumps over the lazy dog.
- The quick brown fox jumps over the lazy dog.
- </P>
- </DIV>
- </DIV>
-
- </DIV>
-
-<BR/>
-
- <DIV class="button outset clickable">
- <DIV class="border pad bg">
- <DIV class="caption">Ok</DIV>
- </DIV>
- </DIV>
-
- <DIV class="button outset clickable error">
- <DIV class="border pad bg">
- <DIV class="caption">Error</DIV>
- </DIV>
- </DIV>
-
- <DIV class="button outset disabled">
- <DIV class="border pad bg">
- <DIV class="caption">Disabled asdasdasdasdasdasdasdasdasd</DIV>
- </DIV>
- </DIV>
-
- <DIV class="link clickable">
- <DIV class="border pad">
- <DIV class="caption">This is a link</DIV>
- <DIV class="description">
- Perhaps a link should display it's description directly? I think so :-)<br/>
- Multiline.
- </DIV>
- </DIV>
- </DIV>
-
- <DIV class="link disabled">
- <DIV class="border pad">
- <DIV class="caption">This is a link</DIV>
- <DIV class="description">
- Perhaps a link should display it's description directly? I think so :-)<br/>
- Multiline.
- </DIV>
- </DIV>
- </DIV>
-
- </DIV>
-
- </DIV>
-</DIV>
-
-<BR/>
-<DIV class="outset">
- <DIV class="border">
- <DIV class="caption capshift inline pad">Panel lite</DIV>
- <DIV class="content">
-
- <DIV class="textfield">
- <DIV class="caption">Textfield</DIV>
- <DIV class="border">
- <DIV class="inset">
- <INPUT type="text">
- </DIV>
- </DIV>
- </DIV>
-
- <DIV class="textfield error">
- <DIV class="caption">Textfield</DIV>
- <DIV class="border">
- <DIV class="inset">
- <INPUT type="text">
- </DIV>
- </DIV>
- </DIV>
-
- <DIV class="textfield disabled">
- <DIV class="caption">Disabled</DIV>
- <DIV class="border">
- <DIV class="inset">
- <INPUT type="text">
- </DIV>
- </DIV>
- </DIV>
-
- </DIV>
- </DIV>
- </DIV>
-</DIV>
-
-
-
-<DIV class="tree">
- <DIV class="placeholder">
- <DIV class="caption">Tree</DIV>
-
- <DIV class="content">
- <DIV class="node clickable">
- <IMG src="img/tree/on.gif" class="icon">
- <DIV class="caption inline">Node</DIV>
- </DIV>
- <DIV class="nodes">
- <DIV class="node clickable">
- <IMG src="img/tree/off.gif" class="icon">
- <DIV class="caption inline">Node</DIV>
- </DIV>
- <DIV class="node clickable">
- <IMG src="img/tree/on.gif" class="icon">
- <DIV class="caption inline">Node</DIV>
- </DIV>
- <DIV class="nodes">
- <DIV class="node clickable">
- <IMG src="img/tree/off.gif" class="icon">
- <DIV class="caption inline">Node</DIV>
- </DIV>
- <DIV class="node clickable">
- <IMG src="img/tree/off.gif" class="icon">
- <DIV class="caption inline">Node</DIV>
- </DIV>
- </DIV>
- </DIV>
- <DIV class="node clickable">
- <IMG src="img/tree/off.gif" class="icon">
- <DIV class="caption inline">Node</DIV>
- </DIV>
- <DIV class="node clickable">
- <IMG src="img/tree/off.gif" class="icon">
- <DIV class="caption inline">Node</DIV>
- </DIV>
-
- </DIV>
-</DIV>
-
-
-</BODY>
-</HTML> \ No newline at end of file
diff --git a/WebContent/themes/playground/default.css b/WebContent/themes/playground/default.css
deleted file mode 100644
index 936031d50c..0000000000
--- a/WebContent/themes/playground/default.css
+++ /dev/null
@@ -1,238 +0,0 @@
-* {
- font-size: 10pt;
- font-family: sans-serif;
-}
-
-.popup {
- font-weight: normal;
- position: absolute;
- z-index: 1000;
- background: white;
-}
-.popup .content {
- display: inline;
-}
-.popup .icon {
- vertical-align: middle;
-}
-
-.popup.hide {
- display: inline;
- border: none;
-}
-.popup.hide .border {
- display: inline;
- border: none;
-}
-.popup.hide .icon {
- display: inline;
- width: 16px;
- height: 16px;
-}
-.popup.hide .content {
- display: none;
-}
-
-.inline {
- display: inline;
-}
-
-.pad {
- padding-top: 3px;
- padding-bottom: 3px;
- padding-left: 7px;
- padding-right: 7px;
-}
-
-.bg {
- background-image: url('img/bg1.gif');
- background-repeat: repeat-x;
-}
-
-.disabled {
- color: #999999;
- opacity: 0.5;
- filter: alpha(opacity=50);
-}
-.disabled .caption {
- color: #999999;
-}
-.disabled .border .caption {
- color: #999999;
-}
-
-.caption {
- font-weight: bold;
- color: black;
- clear: both;
-}
-
-.content {
- padding: 7px;
-}
-
-.capshift {
- position: relative;
- top: -10px;
- left: 3px;
- background-color: white;
-}
-
-.clickable {
- cursor: hand;
- cursor: pointer;
-}
-DIV.clickable.outset:hover {
- border: 1px solid #eeeeee;
-}
-DIV.clickable:hover .border {
- border: 1px solid #aaaaee;
-}
-
-.border {
- border-top: 1px solid #aaaaaa;
- border-left: 1px solid #aaaaaa;
- border-bottom: 1px solid #aaaaaa;
- border-right: 1px solid #aaaaaa;
-}
-
-.error .border {
- border-color: #ee6666;
-}
-
-.inset {
- border-top: 2px solid #eeeeee;
- border-left: 2px solid #eeeeee;
-}
-
-.outset {
- border-bottom: 2px solid #eeeeee;
- border-right: 2px solid #eeeeee;
-}
-
-/* COMPONENTS */
-
-
-.link {
- border: 1px solid white;
-}
-.link .caption {
- color: blue;
-}
-.link .description {
- font-size: smaller;
- padding-left: 7px;
-}
-.link DIV.border {
- border: 1px solid white;
-}
-DIV.link.clickable:hover .border {
- background-image: url('img/bg1.gif');
- background-repeat: repeat-x;
-}
-
-
-.tabs {
- padding-left: 0px !important;
- padding-left: 1px;
- padding-top: 5px;
- padding-bottom: 3px;
-}
-.tab, .tab-on {
- border-right: 2px solid #eeeeee;
- border-bottom: none;
-}
-.tab-on {
- position: relative;
- top: 1px;
-}
-.tab .caption {
- background-image: url('img/bg1.gif');
- background-repeat: repeat-x;
- border-bottom: none;
-}
-DIV.tab.clickable:hover .caption {
- background-image: url('img/bg1.gif');
- background-repeat: repeat-x;
-}
-.tab-on .caption {
- border-bottom: 1px solid white;
- border-bottom: none;
- background-color: white;
-}
-
-.node {
- border: 1px solid white;
-}
-.nodes {
- padding-left: 16px;
-}
-.node .caption {
- vertical-align: top;
- font-weight: normal;
-}
-DIV.node:hover{
- border: 1px solid #aaaaee;
- background-image: url('img/bg1.gif');
- background-repeat: repeat-x;
-}
-DIV.node:hover .caption {
- color: blue;
-}
-
-.panel {
- background-image: url('img/bg3.jpg');
- background-repeat: no-repeat;
-}
-
-DIV.textfield:hover .border {
- border: 1px solid #aaaaee;
-}
-.textfield INPUT {
- border: none;
-}
-
-.table TABLE {
- border-collapse: collapse;
- empty-cells: show;
- xborder: 1px solid #999999;
- width: 100%;
-}
-.table TD {
- padding-left: 5px;
- padding-right: 5px;
- padding-top: 3px;
- padding-bottom: 3px;
- border-left: 1px solid #eeeeee;
- border-bottom: 1px solid #eeeeee;
-}
-.table .odd {
- background-color: #f9f9f9;
-}
-.table .cheader {
- border-bottom-color: #999999;
- border-left: 1px solid #999999;
-}
-.table .rheader {
- text-align: right;
- border-right: 1px solid #999999;
- border-left: none;
-}
-.table .empty {
- border-bottom-color: #999999;
- border-right-color: #999999;
-}
-.table .nav {
- border-top: 2px solid #eeeeee;
- text-align: center;
-}
-.table TR.clickable:hover {
- background-image: url('img/bg1.gif');
- background-repeat: repeat-x;
-}
-.table TR.clickable:hover TD {
- border-bottom: 1px solid #9999ee;
-}
-.over .caption {
- color: #6666cc;
-} \ No newline at end of file
diff --git a/WebContent/themes/playground/img/bg1.gif b/WebContent/themes/playground/img/bg1.gif
deleted file mode 100644
index f93245029c..0000000000
--- a/WebContent/themes/playground/img/bg1.gif
+++ /dev/null
Binary files differ
diff --git a/WebContent/themes/playground/img/bg2.gif b/WebContent/themes/playground/img/bg2.gif
deleted file mode 100644
index 1cee3071f6..0000000000
--- a/WebContent/themes/playground/img/bg2.gif
+++ /dev/null
Binary files differ
diff --git a/WebContent/themes/playground/img/bg3.jpg b/WebContent/themes/playground/img/bg3.jpg
deleted file mode 100644
index 51a70f18c3..0000000000
--- a/WebContent/themes/playground/img/bg3.jpg
+++ /dev/null
Binary files differ
diff --git a/WebContent/themes/playground/img/tree/off.gif b/WebContent/themes/playground/img/tree/off.gif
deleted file mode 100644
index bc8b454f81..0000000000
--- a/WebContent/themes/playground/img/tree/off.gif
+++ /dev/null
Binary files differ
diff --git a/WebContent/themes/playground/img/tree/on.gif b/WebContent/themes/playground/img/tree/on.gif
deleted file mode 100644
index b23d660d90..0000000000
--- a/WebContent/themes/playground/img/tree/on.gif
+++ /dev/null
Binary files differ
diff --git a/WebContent/themes/playground/table-prototypes/aquaHeaderIcon.gif b/WebContent/themes/playground/table-prototypes/aquaHeaderIcon.gif
deleted file mode 100644
index 4661312080..0000000000
--- a/WebContent/themes/playground/table-prototypes/aquaHeaderIcon.gif
+++ /dev/null
Binary files differ
diff --git a/WebContent/themes/playground/table-prototypes/table-proto-firefox.html b/WebContent/themes/playground/table-prototypes/table-proto-firefox.html
deleted file mode 100644
index 9e01f4f703..0000000000
--- a/WebContent/themes/playground/table-prototypes/table-proto-firefox.html
+++ /dev/null
@@ -1,88 +0,0 @@
-<html>
- <head>
- <title>Table concept prototype</title>
- <style>
- .header {
- color:white;
- padding-left:2px;
- padding-bottom:2px;
- border:1px solid #458cee;
- background: transparent url(aquaHeaderIcon.gif) 0 -5px repeat-x;
- }
-
- div.table {
- border: 1px solid silver;
- width: 515px;
- }
-
- #scroller {
- width: 15px;
- float: right;
- margin-top: 15px;
- height: 315px;
- overflow: -moz-scrollbars-vertical;
- overflow-y: auto;
- overflow-x: hidden;
- }
-
- div.horiz-scroller {
- width: 500px;
- height: 345px; '
- overflow: -moz-scrollbars-horizontal;
- overflow-y: hidden;
- overflow-x: auto;
- }
-
- #tbody {
- overflow: hidden;
- height: 312px;
- }
-
- div.table td {
- font: 11px "Lucida Grande",LucidaGrande,verdana,sans-serif;
- }
-
- div.table tbody td {
- border-bottom: 1px solid #eee;
- }
-
- div.table tbody td.unknown {
- background-color: #eee;
- }
- </style>
- </head>
- <body>
- <script lang="JavaScript">
- cols = 19;
- rows = 100;
- function scr() {
- var t = document.getElementById("tbody");
- var s = document.getElementById("scroller");
- t.scrollTop = s.scrollTop;
- }
- </script>
-
- <div class="table">
- <div id="scroller" onscroll="scr()"><div style="height: 5000px; width: 1px;"> </div></div>
- <div class="horiz-scroller">
- <TABLE border="0" cellspacing="0" style="width: 1000px;">
- <THEAD>
- <tr class="header"><script>for (var i=0; cols > i; i++) document.write("<td>Col " + (1+i) + "</td>");</script></th>
- </THEAD>
- <TBODY id="tbody">
- <script>
- document.write('<tr><td class="unknown" colspan="'+cols+'" height="1000"> </td></tr>');
- for (var j=0; rows > j; j++) {
- document.write("<tr>");
- for (var i=0; cols > i; i++) document.write("<td>" + (1+i) + "," + (1+j) + "</td>");
- document.write("</tr>");
- }
- document.write('<tr><td class="unknown" colspan="'+cols+'" height="2000"> </td></tr>');
- </script>
- </TBODY>
- </TABLE>
- </div>
- </div>
-
- </body>
-</html> \ No newline at end of file
diff --git a/WebContent/themes/playground/table-prototypes/table-proto-ie.html b/WebContent/themes/playground/table-prototypes/table-proto-ie.html
deleted file mode 100644
index ee4e0f6755..0000000000
--- a/WebContent/themes/playground/table-prototypes/table-proto-ie.html
+++ /dev/null
@@ -1,40 +0,0 @@
-<html>
- <head>
- <title>Table concept prototype</title>
- </head>
- <body>
- <script lang="JavaScript">
- cols = 10;
- rows = 50;
- function scr() {
- var t = document.getElementById("inner");
- var h = document.getElementById("header");
- var s = document.getElementById("scroller");
- t.scrollTop = s.scrollTop;
- h.style.top = "" + s.scrollTop + "px";
- }
- </script>
-
- <div id="outer" style="border: 2px outset #8080A0; width: 522px;">
- <div id="scroller" onscroll="scr()"
- style="width: 15px; float: right; margin-top: 22px; height: 308px; overflow: -moz-scrollbars-vertical; overflow-y: auto; overflow-x: hidden;">
- <div style="height: 5000px; width: 1px;"> </div>
- </div>
- <div style="width: 500px; height: 345px; overflow-x: auto; overflow-y: hidden; " id="inner">
- <TABLE border="1" style="width: 1000px;">
- <tr id="header" style="position: relative; background-color: white; z-index: 10;"><script>for (var i=0; cols > i; i++) document.write("<th>Col " + (1+i) + "</th>");</script></th>
- <script>
- document.write('<tr><td colspan="'+cols+'" height="1000"> </td></tr>');
- for (var j=0; rows > j; j++) {
- document.write("<tr>");
- for (var i=0; cols > i; i++) document.write("<td>" + (1+i) + "," + (1+j) + "</td>");
- document.write("</tr>");
- }
- document.write('<tr><td colspan="'+cols+'" height="1000"> </td></tr>');
- </script>
- </TABLE>
- </div>
- </div>
-
- </body>
-</html> \ No newline at end of file
diff --git a/WebContent/themes/playground/table-prototypes/table-proto-safari.html b/WebContent/themes/playground/table-prototypes/table-proto-safari.html
deleted file mode 100644
index 0514d5f261..0000000000
--- a/WebContent/themes/playground/table-prototypes/table-proto-safari.html
+++ /dev/null
@@ -1,69 +0,0 @@
-<html>
- <head>
- <title>Table concept prototype</title>
- <style>
- .header {
- color:white;
- padding-left:2px;
- padding-bottom:2px;
- border:1px solid #458cee;
- background: transparent url(aquaHeaderIcon.gif) 0 -5px repeat-x;
- }
-
- #header {
- position: relative;
- }
-
- div.table {
- border: 1px solid silver;
- width: 515px;
- height: 315px;
- overflow: auto;
- }
-
- div.table td {
- font: 11px "Lucida Grande",LucidaGrande,verdana,sans-serif;
- }
-
- div.table tbody td {
- border-bottom: 1px solid #eee;
- }
-
- div.table tbody td.unknown {
- background-color: #eee;
- }
-
- </style>
- </head>
- <body>
- <script lang="JavaScript">
- cols = 19;
- rows = 100;
- function scr() {
- var t = document.getElementById("tbody");
- var h = document.getElementById("header");
- h.style.top = "" + t.scrollTop + "px";
- }
- </script>
-
- <div id="tbody" class="table" onscroll="scr()">
- <TABLE border="0" cellspacing="0" style="width: 1000px;" id="header">
- <tr class="header" ><script>for (var i=0; cols > i; i++) document.write("<td>Col " + (1+i) + "</td>");</script></tr>
- </TABLE>
- <TABLE border="0" cellspacing="0" style="width: 1000px;">
- <script>
- document.write('<tr><td class="unknown" colspan="'+cols+'" height="1000"> </td></tr>');
- for (var j=0; rows > j; j++) {
- document.write("<tr>");
- for (var i=0; cols > i; i++) document.write("<td>" + (1+i) + "," + (1+j) + "</td>");
- document.write("</tr>");
- }
- document.write('<tr><td class="unknown" colspan="'+cols+'" height="2000"> </td></tr>');
- </script>
- </TABLE>
- </div>
-
- <!-- Add script to match header widths to table column widths !!!! -->
-
- </body>
-</html> \ No newline at end of file