<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>style</title>



</head>

<body style="font-family: Arial">
<!-- flooble Color Picker header start -->
<script language="Javascript">
// Color Picker Script from Flooble.com
// For more information, visit
// http://www.flooble.com/scripts/colorpicker.php
// Copyright 2003 Animus Pactum Consulting inc.
//---------------------------------------------------------
var perline = 9;
var divSet = false;
var curId;
var colorLevels = Array('0', '3', '6', '9', 'C', 'F');
var colorArray = Array();
var ie = false;
var nocolor = 'none';
if (document.all) { ie = true; nocolor = ''; }
function getObj(id) {
if (ie) { return document.all[id]; }
else { return document.getElementById(id); }
}

function addColor(r, g, b) {
var red = colorLevels[r];
var green = colorLevels[g];
var blue = colorLevels[b];
addColorValue(red, green, blue);
}

function addColorValue(r, g, b) {
colorArray[colorArray.length] = '#' + r + r + g + g + b + b;
}

function setColor(color) {
var link = getObj(curId);
var field = getObj(curId + 'field');
var picker = getObj('colorpicker');
field.value = color;
if (color == '') {
link.style.background = nocolor;
link.style.color = nocolor;
color = nocolor;
} else {
link.style.background = color;
link.style.color = color;
}
picker.style.display = 'none';
eval(getObj(curId + 'field').title);
}

function setDiv() {
if (!document.createElement) { return; }
var elemDiv = document.createElement('div');
if (typeof(elemDiv.innerHTML) != 'string') { return; }
genColors();
elemDiv.id = 'colorpicker';
elemDiv.style.position = 'absolute';
elemDiv.style.display = 'none';
elemDiv.style.border = '#000000 1px solid';
elemDiv.style.background = '#FFFFFF';
elemDiv.innerHTML = '<span style="font-family:Verdana; font-size:11px;">Pick a color: '
+ '(<a href="javascript:setColor(\'\');">No color</a>)<br>'
+ getColorTable()
+ '<center><a href="http://www.flooble.com/scripts/colorpicker.php"'
+ ' target="_blank">color picker</a> by <a href="http://www.flooble.com" target="_blank"><b>flooble</b></a></center></span>';

document.body.appendChild(elemDiv);
divSet = true;
}

function pickColor(id) {
if (!divSet) { setDiv(); }
var picker = getObj('colorpicker');
if (id == curId && picker.style.display == 'block') {
picker.style.display = 'none';
return;
}
curId = id;
var thelink = getObj(id);
picker.style.top = getAbsoluteOffsetTop(thelink) + 20;
picker.style.left = getAbsoluteOffsetLeft(thelink);
picker.style.display = 'block';
}

function genColors() {
addColorValue('0','0','0');
addColorValue('3','3','3');
addColorValue('6','6','6');
addColorValue('8','8','8');
addColorValue('9','9','9');
addColorValue('A','A','A');
addColorValue('C','C','C');
addColorValue('E','E','E');
addColorValue('F','F','F');

for (a = 1; a < colorLevels.length; a++)
addColor(0,0,a);
for (a = 1; a < colorLevels.length - 1; a++)
addColor(a,a,5);

for (a = 1; a < colorLevels.length; a++)
addColor(0,a,0);
for (a = 1; a < colorLevels.length - 1; a++)
addColor(a,5,a);

for (a = 1; a < colorLevels.length; a++)
addColor(a,0,0);
for (a = 1; a < colorLevels.length - 1; a++)
addColor(5,a,a);


for (a = 1; a < colorLevels.length; a++)
addColor(a,a,0);
for (a = 1; a < colorLevels.length - 1; a++)
addColor(5,5,a);

for (a = 1; a < colorLevels.length; a++)
addColor(0,a,a);
for (a = 1; a < colorLevels.length - 1; a++)
addColor(a,5,5);

for (a = 1; a < colorLevels.length; a++)
addColor(a,0,a);
for (a = 1; a < colorLevels.length - 1; a++)
addColor(5,a,5);

return colorArray;
}
function getColorTable() {
var colors = colorArray;
var tableCode = '';
tableCode += '<table border="0" cellspacing="1" cellpadding="1">';
for (i = 0; i < colors.length; i++) {
if (i % perline == 0) { tableCode += '<tr>'; }
tableCode += '<td bgcolor="#000000"><a style="outline: 1px solid #000000; color: '
+ colors[i] + '; background: ' + colors[i] + ';font-size: 10px;" title="'
+ colors[i] + '" href="javascript:setColor(\'' + colors[i] + '\');">&nbsp;&nbsp;&nbsp;</a></td>';
if (i % perline == perline - 1) { tableCode += '</tr>'; }
}
if (i % perline != 0) { tableCode += '</tr>'; }
tableCode += '</table>';
return tableCode;
}
function relateColor(id, color) {
var link = getObj(id);
if (color == '') {
link.style.background = nocolor;
link.style.color = nocolor;
color = nocolor;
} else {
link.style.background = color;
link.style.color = color;
}
eval(getObj(id + 'field').title);
}
function getAbsoluteOffsetTop(obj) {
var top = obj.offsetTop;
var parent = obj.offsetParent;
while (parent != document.body) {
top += parent.offsetTop;
parent = parent.offsetParent;
}
return top;
}

function getAbsoluteOffsetLeft(obj) {
var left = obj.offsetLeft;
var parent = obj.offsetParent;
while (parent != document.body) {
left += parent.offsetLeft;
parent = parent.offsetParent;
}
return left;
}


</script>
<!-- flooble Color Picker header end -->
<%
' ASP Code will run on server and Make HTML Page
' Java Script will run on Client Side and Change the background color
' according to movement of Mouse
'color picker code from http://www.devasp.com/samples/colorpicker.asp
%>
<p><b><font size="5">Customized on the fly stylesheets</font></b></p>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="96%">
<tr>
<td width="40%" valign="top">I'm too lazy to work out the entire
thing with accompanying javascript for the color chart but this
example shows how you could use
<a target="_blank" href="http://www.flooble.com/scripts/colorpicker.php">
http://www.flooble.com/</a>'s color picker with the asp script.
<p>I took a look at this code:</p>
<p><a href="http://aspin.com/func/review/write-search?id=5042910">
http://aspin.com/func/review/write-search?id=5042910</a></p>
<p>to come up with this method for user-created customized
stylesheets.</p>
<p>For the example here I used someone's random string generator
along with date code for naming the files.</td>
<td width="89%">&nbsp;<Table Cellspacing="0" Cellpadding="5" Width="370">
<TR>
<TD Align="left" Valign="Top" width="683">

<font face="arial" size="2">


<form method="POST" action="poststyle.asp">
<p align="right">

</p>
<p align="right">



<!-- flooble.com Color Picker start -->
<a href="javascript:pickColor('pick1084269139');" id="pick1084269139"
style="border: 1px solid #000000; font-family:Verdana; font-size:10px;
text-decoration: none;">&nbsp;&nbsp;&nbsp;</a>


scrollbar-3dlight-color :<input id="pick1084269139field" size="7"
onChange="relateColor('pick1084269139', this.value);" title="cccccc" name="a1" value="cccccc">1
<script language="javascript">relateColor('pick1084269139', getObj('pick1084269139field').value);</script>
<noscript>
<a href="http://www.flooble.com/scripts/colorpicker.php">javascript color picker by flooble</a> | <a href="http://perplexus.info/tree.php">puzzles, problems, riddles by category</a></noscript>
<!-- flooble Color Picker end --><p align="right">
scrollbar-arrow-color :<input type="text" name="a2" size="20">2</p>
<p align="right">
scrollbar-base-color :<input type="text" name="a3" size="20">3</p>
<p align="right">
scrollbar-darkshadow-color :<input type="text" name="a4" size="20">4</p>
<p align="right">
scrollbar-face-color :<input type="text" name="a5" size="20">5</p>
<p align="right">
scrollbar-highlight-color :<input type="text" name="a6" size="20">6</p>
<p align="right">
scrollbar-shadow-color :<input type="text" name="a7" size="20">7</p>
<p align="right">
scrollbar-track-color :<input type="text" name="a8" size="20">8</p>
<p align="right">
background-color:<input type="text" name="a9" size="20">9</p>
<p align="right">
active link color:<input type="text" name="a10" size="20">10</p>
<p align="right">
link<input type="text" name="a11" size="20">11</p>
<p align="right">
visited<input type="text" name="a12" size="20">12</p>
<p align="right">
hover<input type="text" name="a13" size="20">13</p>
<p align="right">
Main table border color:
<input type="text" name="a14" size="20">14</p>
<p align="right">
Main table text color:<input type="text" name="a15" size="20">15</p>
<p align="right">
Main table background color:
<input type="text" name="a16" size="20">16</p>
<p align="right">
Title cells background color
<input type="text" name="a17" size="20">17</p>
<p align="right">
Title cells text color
<input type="text" name="a18" size="20">18</p>
<p align="right">
Title cells border color
<input type="text" name="a18b" size="20">18b</p>
<p align="right">
Data cells background color
<input type="text" name="a19" size="20">19</p>
<p align="right">
Data cells text color<input type="text" name="a20" size="20">20</p>
<p align="right">
Background of price header row<input type="text" name="a21" size="20"></p>
<p align="right">
&nbsp;</p>
<p align="right">

<p align="right"><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p>
</form>

</table>
<p>&nbsp;</td>
</tr>
</table>
&nbsp;</body></html>