G
Gord Murray
Check out this dynamic table:
http://eastontario.com/promo/linkTableMaker.htm
It's one way of creating a table with a variable number of columns, links
created by manipulation of the link name.
There are a few other options, some not yet finished.
What other options would you suggest it include?
Eventually I hope to post an alternative version that creates a highlighted
textbox filled with static code for the same finished window, utilizing a
date attribute perhaps.
Here's the code, probably Netscape compliant.
<html>
<head>
<title>Dynamic Link Table Creation: Variable Columns and Link Type</title>
<STYLE>
A:link {background-color:101025 } /* unvisited links */
A:visited {background-color:101025 } /* visited links */
A:hover { color:red; text-transform:uppercase; color: teal; background:
eeeedc}
A:active { color: lime } /* active links */
P.BigFirst:first-letter { font-size: 160%}
</STYLE>
</head>
<body bgcolor="black" text="white" link="00CCFF" vlink="0099CC" alink="red">
<font face="arial">
<center>
<font size="5" color="FFEE99"><b><i><a href=../conventions/index.htm>Actual
Conventions Table Currently</a></i></b></font>
</center><p>
<table width="100%" border="1" cellspacing="0" cellpadding="4">
<script type="text/javascript"><!--
/*
<tr><td valign="top"><font color="99FF99">Player Names </font></td>
<td valign="top"><font color="99FF99">Percentage (%)</font></td>
<td valign="top" width="5%"><font color="99FF99">Year </font></td>
<td valign="top" width="5%"><font color="99FF99">Level </font></td></tr>
*/
//--></script>
<script language="Javascript"><!--
var author=new Array()
var title=new Array()
//var publisher=new Array()
//var year=new Array()
//var level=new Array()
var numBooks=0
function addGame (auth, ttl, pub, yr, lvl) {
if (auth==""){return}
author[numBooks]=auth
title[numBooks]= linkTest(auth,ttl)
// publisher[numBooks]=pub
// year[numBooks]=yr
// level[numBooks]=lvl
numBooks++
}
e = 0
function untitleds(i) {
for(f=0;f<i;f++,e++){
a = " " + (e+1) + " "
addGame(a,a)
}
}
function emptyRow(i) {
for(f=0;f<cols;f++,e++){
a = " " + " "+ " "+ " "
addGame(a,a)
}
}
var cols = 4;
function endTable(){
}
function tableIt(){
if (author.length < cols){cols = author.length}
//if (cols>8){cols = 8}
for (i=0; i<numBooks; i++) {
i%cols==0 ? document.write("<tr>"):document.write("");
document.write ("<td valign='top' align="+aline+"><a href="+title+
" target=_blank>"+author+"</a>"+"</td>")
}
}
/*
n=0;
function cols(n,aa,bb,cc,dd,ee,ff,gg){
if (aa.length>0){n++;}
}
*/
//cols(n,"","","","","","","",)
function linkTest(tit,linkTit){
if (linkTit.length==0){linkTit = tit + ".htm"}
if (linkTit.charAt(linkTit.length-4)!="." &&
linkTit.charAt(linkTit.length-5)!="."){linkTit = linkTit + ".htm"}
//document.write(linkTit.charAt(linkTit.length-4))
return (linkTit);
}
function columns(z){
cols = z;
}
columns(6)
aline = "left"
function setAlign(z){
l=z.charAt(0)
l!= "r"? (l!= "l"? aline ="center": aline="left") : aline ="right";
}
setAlign("l")
/*
function test(string1){
for(r=0;r<string1.length;r++){
if (string1.charAt(r)=" "){string1.charAt(r)="_"
}
//document.write("</tr>")
}
*/
addGame("Psychic","")
addGame("Responsive2","")
addGame("Keycard_Deficit","")
addGame("Preempt_Rebid","")
addGame("Over_Responsive","")
addGame("Trump_Leads","")
addGame("Bidding_Poll","")
addGame("Marathon_Bridge","")
addGame("Vulnerability","")
addGame("Deductions","")
addGame("How_To_Be_A_Winner","")
addGame("Club_Problem","")
addGame("Bid_Poll2","")
addGame("Leb Over wTwos","LebensohlOverWeakTwos.htm")
addGame("CNTC_Hand","")
addGame("Promotion","")
addGame("Tw
ver_One","")
addGame("Losing_Choices","")
addGame("Controls","")
addGame("Computer_Bridge","")
addGame("","")
addGame("","")
addGame("","")
addGame("","")
/*untitleds(20)
addGame("","")
untitleds(20)
emptyRow(1)
*/
tableIt()
endTable()
//--></script>
<script type="text/javascript"><!--
//--></script>
Other ideas:
1) For numbered links, leading/trailing characters
2) Co-ordinates of each cell as a link "(a,b)" with formulas stored in a 3D
array !?
3)
</table></font></body></html>
http://eastontario.com/promo/linkTableMaker.htm
It's one way of creating a table with a variable number of columns, links
created by manipulation of the link name.
There are a few other options, some not yet finished.
What other options would you suggest it include?
Eventually I hope to post an alternative version that creates a highlighted
textbox filled with static code for the same finished window, utilizing a
date attribute perhaps.
Here's the code, probably Netscape compliant.
<html>
<head>
<title>Dynamic Link Table Creation: Variable Columns and Link Type</title>
<STYLE>
A:link {background-color:101025 } /* unvisited links */
A:visited {background-color:101025 } /* visited links */
A:hover { color:red; text-transform:uppercase; color: teal; background:
eeeedc}
A:active { color: lime } /* active links */
P.BigFirst:first-letter { font-size: 160%}
</STYLE>
</head>
<body bgcolor="black" text="white" link="00CCFF" vlink="0099CC" alink="red">
<font face="arial">
<center>
<font size="5" color="FFEE99"><b><i><a href=../conventions/index.htm>Actual
Conventions Table Currently</a></i></b></font>
</center><p>
<table width="100%" border="1" cellspacing="0" cellpadding="4">
<script type="text/javascript"><!--
/*
<tr><td valign="top"><font color="99FF99">Player Names </font></td>
<td valign="top"><font color="99FF99">Percentage (%)</font></td>
<td valign="top" width="5%"><font color="99FF99">Year </font></td>
<td valign="top" width="5%"><font color="99FF99">Level </font></td></tr>
*/
//--></script>
<script language="Javascript"><!--
var author=new Array()
var title=new Array()
//var publisher=new Array()
//var year=new Array()
//var level=new Array()
var numBooks=0
function addGame (auth, ttl, pub, yr, lvl) {
if (auth==""){return}
author[numBooks]=auth
title[numBooks]= linkTest(auth,ttl)
// publisher[numBooks]=pub
// year[numBooks]=yr
// level[numBooks]=lvl
numBooks++
}
e = 0
function untitleds(i) {
for(f=0;f<i;f++,e++){
a = " " + (e+1) + " "
addGame(a,a)
}
}
function emptyRow(i) {
for(f=0;f<cols;f++,e++){
a = " " + " "+ " "+ " "
addGame(a,a)
}
}
var cols = 4;
function endTable(){
//document.write("</tr>")for(r=0;r said:
}
function tableIt(){
if (author.length < cols){cols = author.length}
//if (cols>8){cols = 8}
for (i=0; i<numBooks; i++) {
i%cols==0 ? document.write("<tr>"):document.write("");
document.write ("<td valign='top' align="+aline+"><a href="+title+
" target=_blank>"+author+"</a>"+"</td>")
}
}
/*
n=0;
function cols(n,aa,bb,cc,dd,ee,ff,gg){
if (aa.length>0){n++;}
}
*/
//cols(n,"","","","","","","",)
function linkTest(tit,linkTit){
if (linkTit.length==0){linkTit = tit + ".htm"}
if (linkTit.charAt(linkTit.length-4)!="." &&
linkTit.charAt(linkTit.length-5)!="."){linkTit = linkTit + ".htm"}
//document.write(linkTit.charAt(linkTit.length-4))
return (linkTit);
}
function columns(z){
cols = z;
}
columns(6)
aline = "left"
function setAlign(z){
l=z.charAt(0)
l!= "r"? (l!= "l"? aline ="center": aline="left") : aline ="right";
}
setAlign("l")
/*
function test(string1){
for(r=0;r<string1.length;r++){
if (string1.charAt(r)=" "){string1.charAt(r)="_"
}
//document.write("</tr>")
}
*/
addGame("Psychic","")
addGame("Responsive2","")
addGame("Keycard_Deficit","")
addGame("Preempt_Rebid","")
addGame("Over_Responsive","")
addGame("Trump_Leads","")
addGame("Bidding_Poll","")
addGame("Marathon_Bridge","")
addGame("Vulnerability","")
addGame("Deductions","")
addGame("How_To_Be_A_Winner","")
addGame("Club_Problem","")
addGame("Bid_Poll2","")
addGame("Leb Over wTwos","LebensohlOverWeakTwos.htm")
addGame("CNTC_Hand","")
addGame("Promotion","")
addGame("Tw
ver_One","")addGame("Losing_Choices","")
addGame("Controls","")
addGame("Computer_Bridge","")
addGame("","")
addGame("","")
addGame("","")
addGame("","")
/*untitleds(20)
addGame("","")
untitleds(20)
emptyRow(1)
*/
tableIt()
endTable()
//--></script>
<script type="text/javascript"><!--
//--></script>
Other ideas:
1) For numbered links, leading/trailing characters
2) Co-ordinates of each cell as a link "(a,b)" with formulas stored in a 3D
array !?
3)
</table></font></body></html>