ÿþ<html> <head> <title>Colour Pallete</title> <!--// ******************************************************* Application: TYS COMPANY Author: Võ NguyÅn An Bình Email: vnanbinh@gmail.com ******************************************************* //--> <script language="javascript"> function InitColorPalette() { var tag = document.getElementsByTagName('td'); for (var i=0; i < tag.length; i++) { tag[i].onmouseover = over; tag[i].onmouseout = out; tag[i].onclick = mouseClick; } } function over() { if (this.id.length == 7){ this.style.border='1px solid #FFFFFF'; } document.getElementById("colPreview").style.backgroundColor = this.id; document.getElementById("hexColValue").value = this.id; } function out() { if (this.id.length == 7){ this.style.border='1px solid #000000'; } } function mouseClick() { self.parent.initialiseCommand(this.id); } </script> <style type="text/css"> img {height: 1px; width: 1px;} td { border: 1px solid; color: #000000; height: 11px; width: 11px;} .grTd { border: 1px solid; color: #CCCCCC;} input { border: 0px; background-color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;} </style> </head> <body bgcolor="#CCCCCC" leftmargin="1" topmargin="1" marginwidth="1" marginheight="1" onLoad="InitColorPalette()"> <table width="100%" border="0" cellpadding="0" cellspacing="2" bordercolor="#CCCCCC" bgcolor="#CCCCCC" style="none;"> <tr> <td class="grTd"><div style="background-color: #000000; padding: 1; height: 15px; width: 40px"><div id="colPreview" style="height: 100%; width: 100%"></div></div></td> <td class="grTd"><input type="text" id="hexColValue" value="" size="10" style="cursor: default" /></td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#000000" width="100%" height="84%"> <tr><td id="#000000" bgcolor="#000000"><img></td><td id="#000000" bgcolor="#000000"><img></td><td id="#000000" bgcolor="#000000"><img></td><td id="#000000" bgcolor="#000000"><img></td><td id="#003300" bgcolor="#003300"><img></td><td id="#006600" bgcolor="#006600"><img></td><td id="#009900" bgcolor="#009900"><img></td><td id="#00CC00" bgcolor="#00CC00"><img></td><td id="#00FF00" bgcolor="#00FF00"><img></td><td id="#330000" bgcolor="#330000"><img></td><td id="#333300" bgcolor="#333300"><img></td><td id="#336600" bgcolor="#336600"><img></td><td id="#339900" bgcolor="#339900"><img></td><td id="#33CC00" bgcolor="#33CC00"><img></td><td id="#33FF00" bgcolor="#33FF00"><img></td><td id="#660000" bgcolor="#660000"><img></td><td id="#663300" bgcolor="#663300"><img></td><td id="#666600" bgcolor="#666600"><img></td><td id="#669900" bgcolor="#669900"><img></td><td id="#66CC00" bgcolor="#66CC00"><img></td><td id="#66FF00" bgcolor="#66FF00"><img></td></tr> <tr><td id="#000000" bgcolor="#000000"><img></td><td id="#333333" bgcolor="#333333"><img></td><td id="#000000" bgcolor="#000000"><img></td><td id="#000033" bgcolor="#000033"><img></td><td id="#003333" bgcolor="#003333"><img></td><td id="#006633" bgcolor="#006633"><img></td><td id="#009933" bgcolor="#009933"><img></td><td id="#00CC33" bgcolor="#00CC33"><img></td><td id="#00FF33" bgcolor="#00FF33"><img></td><td id="#330033" bgcolor="#330033"><img></td><td id="#333333" bgcolor="#333333"><img></td><td id="#336633" bgcolor="#336633"><img></td><td id="#339933" bgcolor="#339933"><img></td><td id="#33CC33" bgcolor="#33CC33"><img></td><td id="#33FF33" bgcolor="#33FF33"><img></td><td id="#660033" bgcolor="#660033"><img></td><td id="#663333" bgcolor="#663333"><img></td><td id="#666633" bgcolor="#666633"><img></td><td id="#669933" bgcolor="#669933"><img></td><td id="#66CC33" bgcolor="#66CC33"><img></td><td id="#66FF33" bgcolor="#66FF33"><img></td></tr> <tr><td id="#000000" bgcolor="#000000"><img></td><td id="#666666" bgcolor="#666666"><img></td><td id="#000000" bgcolor="#000000"><img></td><td id="#000066" bgcolor="#000066"><img></td><td id="#003366" bgcolor="#003366"><img></td><td id="#006666" bgcolor="#006666"><img></td><td id="#009966" bgcolor="#009966"><img></td><td id="#00CC66" bgcolor="#00CC66"><img></td><td id="#00FF66" bgcolor="#00FF66"><img></td><td id="#330066" bgcolor="#330066"><img></td><td id="#333366" bgcolor="#333366"><img></td><td id="#336666" bgcolor="#336666"><img></td><td id="#339966" bgcolor="#339966"><img></td><td id="#33CC66" bgcolor="#33CC66"><img></td><td id="#33FF66" bgcolor="#33FF66"><img></td><td id="#660066" bgcolor="#660066"><img></td><td id="#663366" bgcolor="#663366"><img></td><td id="#666666" bgcolor="#666666"><img></td><td id="#669966" bgcolor="#669966"><img></td><td id="#66CC66" bgcolor="#66CC66"><img></td><td id="#66FF66" bgcolor="#66FF66"><img></td></tr> <tr><td id="#000000" bgcolor="#000000"><img></td><td id="#999999" bgcolor="#999999"><img></td><td id="#000000" bgcolor="#000000"><img></td><td id="#000099" bgcolor="#000099"><img></td><td id="#003399" bgcolor="#003399"><img></td><td id="#006699" bgcolor="#006699"><img></td><td id="#009999" bgcolor="#009999"><img></td><td id="#00CC99" bgcolor="#00CC99"><img></td><td id="#00FF99" bgcolor="#00FF99"><img></td><td id="#330099" bgcolor="#330099"><img></td><td id="#333399" bgcolor="#333399"><img></td><td id="#336699" bgcolor="#336699"><img></td><td id="#339999" bgcolor="#339999"><img></td><td id="#33CC99" bgcolor="#33CC99"><img></td><td id="#33FF99" bgcolor="#33FF99"><img></td><td id="#660099" bgcolor="#660099"><img></td><td id="#663399" bgcolor="#663399"><img></td><td id="#666699" bgcolor="#666699"><img></td><td id="#669999" bgcolor="#669999"><img></td><td id="#66CC99" bgcolor="#66CC99"><img></td><td id="#66FF99" bgcolor="#66FF99"><img></td></tr> <tr><td id="#000000" bgcolor="#000000"><img></td><td id="#CCCCCC" bgcolor="#CCCCCC"><img></td><td id="#000000" bgcolor="#000000"><img></td><td id="#0000CC" bgcolor="#0000CC"><img></td><td id="#0033CC" bgcolor="#0033CC"><img></td><td id="#0066CC" bgcolor="#0066CC"><img></td><td id="#0099CC" bgcolor="#0099CC"><img></td><td id="#00CCCC" bgcolor="#00CCCC"><img></td><td id="#00FFCC" bgcolor="#00FFCC"><img></td><td id="#3300CC" bgcolor="#3300CC"><img></td><td id="#3333CC" bgcolor="#3333CC"><img></td><td id="#3366CC" bgcolor="#3366CC"><img></td><td id="#3399CC" bgcolor="#3399CC"><img></td><td id="#33CCCC" bgcolor="#33CCCC"><img></td><td id="#33FFCC" bgcolor="#33FFCC"><img></td><td id="#6600CC" bgcolor="#6600CC"><img></td><td id="#6633CC" bgcolor="#6633CC"><img></td><td id="#6666CC" bgcolor="#6666CC"><img></td><td id="#6699CC" bgcolor="#6699CC"><img></td><td id="#66CCCC" bgcolor="#66CCCC"><img></td><td id="#66FFCC" bgcolor="#66FFCC"><img></td></tr> <tr><td id="#000000" bgcolor="#000000"><img></td><td id="#FFFFFF" bgcolor="#FFFFFF"><img></td><td id="#000000" bgcolor="#000000"><img></td><td id="#0000FF" bgcolor="#0000FF"><img></td><td id="#0033FF" bgcolor="#0033FF"><img></td><td id="#0066FF" bgcolor="#0066FF"><img></td><td id="#0099FF" bgcolor="#0099FF"><img></td><td id="#00CCFF" bgcolor="#00CCFF"><img></td><td id="#00FFFF" bgcolor="#00FFFF"><img></td><td id="#3300FF" bgcolor="#3300FF"><img></td><td id="#3333FF" bgcolor="#3333FF"><img></td><td id="#3366FF" bgcolor="#3366FF"><img></td><td id="#3399FF" bgcolor="#3399FF"><img></td><td id="#33CCFF" bgcolor="#33CCFF"><img></td><td id="#33FFFF" bgcolor="#33FFFF"><img></td><td id="#6600FF" bgcolor="#6600FF"><img></td><td id="#6633FF" bgcolor="#6633FF"><img></td><td id="#6666FF" bgcolor="#6666FF"><img></td><td id="#6699FF" bgcolor="#6699FF"><img></td><td id="#66CCFF" bgcolor="#66CCFF"><img></td><td id="#66FFFF" bgcolor="#66FFFF"><img></td></tr> <tr><td id="#000000" bgcolor="#000000"><img></td><td id="#FF0000" bgcolor="#FF0000"><img></td><td id="#000000" bgcolor="#000000"><img></td><td id="#990000" bgcolor="#990000"><img></td><td id="#993300" bgcolor="#993300"><img></td><td id="#996600" bgcolor="#996600"><img></td><td id="#999900" bgcolor="#999900"><img></td><td id="#99CC00" bgcolor="#99CC00"><img></td><td id="#99FF00" bgcolor="#99FF00"><img></td><td id="#CC0000" bgcolor="#CC0000"><img></td><td id="#CC3300" bgcolor="#CC3300"><img></td><td id="#CC6600" bgcolor="#CC6600"><img></td><td id="#CC9900" bgcolor="#CC9900"><img></td><td id="#CCCC00" bgcolor="#CCCC00"><img></td><td id="#CCFF00" bgcolor="#CCFF00"><img></td><td id="#FF0000" bgcolor="#FF0000"><img></td><td id="#FF3300" bgcolor="#FF3300"><img></td><td id="#FF6600" bgcolor="#FF6600"><img></td><td id="#FF9900" bgcolor="#FF9900"><img></td><td id="#FFCC00" bgcolor="#FFCC00"><img></td><td id="#FFFF00" bgcolor="#FFFF00"><img></td></tr> <tr><td id="#000000" bgcolor="#000000"><img></td><td id="#00FF00" bgcolor="#00FF00"><img></td><td id="#000000" bgcolor="#000000"><img></td><td id="#990033" bgcolor="#990033"><img></td><td id="#993333" bgcolor="#993333"><img></td><td id="#996633" bgcolor="#996633"><img></td><td id="#999933" bgcolor="#999933"><img></td><td id="#99CC33" bgcolor="#99CC33"><img></td><td id="#99FF33" bgcolor="#99FF33"><img></td><td id="#CC0033" bgcolor="#CC0033"><img></td><td id="#CC3333" bgcolor="#CC3333"><img></td><td id="#CC6633" bgcolor="#CC6633"><img></td><td id="#CC9933" bgcolor="#CC9933"><img></td><td id="#CCCC33" bgcolor="#CCCC33"><img></td><td id="#CCFF33" bgcolor="#CCFF33"><img></td><td id="#FF0033" bgcolor="#FF0033"><img></td><td id="#FF3333" bgcolor="#FF3333"><img></td><td id="#FF6633" bgcolor="#FF6633"><img></td><td id="#FF9933" bgcolor="#FF9933"><img></td><td id="#FFCC33" bgcolor="#FFCC33"><img></td><td id="#FFFF33" bgcolor="#FFFF33"><img></td></tr> <tr><td id="#000000" bgcolor="#000000"><img></td><td id="#0000FF" bgcolor="#0000FF"><img></td><td id="#000000" bgcolor="#000000"><img></td><td id="#990066" bgcolor="#990066"><img></td><td id="#993366" bgcolor="#993366"><img></td><td id="#996666" bgcolor="#996666"><img></td><td id="#999966" bgcolor="#999966"><img></td><td id="#99CC66" bgcolor="#99CC66"><img></td><td id="#99FF66" bgcolor="#99FF66"><img></td><td id="#CC0066" bgcolor="#CC0066"><img></td><td id="#CC3366" bgcolor="#CC3366"><img></td><td id="#CC6666" bgcolor="#CC6666"><img></td><td id="#CC9966" bgcolor="#CC9966"><img></td><td id="#CCCC66" bgcolor="#CCCC66"><img></td><td id="#CCFF66" bgcolor="#CCFF66"><img></td><td id="#FF0066" bgcolor="#FF0066"><img></td><td id="#FF3366" bgcolor="#FF3366"><img></td><td id="#FF6666" bgcolor="#FF6666"><img></td><td id="#FF9966" bgcolor="#FF9966"><img></td><td id="#FFCC66" bgcolor="#FFCC66"><img></td><td id="#FFFF66" bgcolor="#FFFF66"><img></td></tr> <tr><td id="#000000" bgcolor="#000000"><img></td><td id="#FFFF00" bgcolor="#FFFF00"><img></td><td id="#000000" bgcolor="#000000"><img></td><td id="#990099" bgcolor="#990099"><img></td><td id="#993399" bgcolor="#993399"><img></td><td id="#996699" bgcolor="#996699"><img></td><td id="#999999" bgcolor="#999999"><img></td><td id="#99CC99" bgcolor="#99CC99"><img></td><td id="#99FF99" bgcolor="#99FF99"><img></td><td id="#CC0099" bgcolor="#CC0099"><img></td><td id="#CC3399" bgcolor="#CC3399"><img></td><td id="#CC6699" bgcolor="#CC6699"><img></td><td id="#CC9999" bgcolor="#CC9999"><img></td><td id="#CCCC99" bgcolor="#CCCC99"><img></td><td id="#CCFF99" bgcolor="#CCFF99"><img></td><td id="#FF0099" bgcolor="#FF0099"><img></td><td id="#FF3399" bgcolor="#FF3399"><img></td><td id="#FF6699" bgcolor="#FF6699"><img></td><td id="#FF9999" bgcolor="#FF9999"><img></td><td id="#FFCC99" bgcolor="#FFCC99"><img></td><td id="#FFFF99" bgcolor="#FFFF99"><img></td></tr> <tr><td id="#000000" bgcolor="#000000"><img></td><td id="#00FFFF" bgcolor="#00FFFF"><img></td><td id="#000000" bgcolor="#000000"><img></td><td id="#9900CC" bgcolor="#9900CC"><img></td><td id="#9933CC" bgcolor="#9933CC"><img></td><td id="#9966CC" bgcolor="#9966CC"><img></td><td id="#9999CC" bgcolor="#9999CC"><img></td><td id="#99CCCC" bgcolor="#99CCCC"><img></td><td id="#99FFCC" bgcolor="#99FFCC"><img></td><td id="#CC00CC" bgcolor="#CC00CC"><img></td><td id="#CC33CC" bgcolor="#CC33CC"><img></td><td id="#CC66CC" bgcolor="#CC66CC"><img></td><td id="#CC99CC" bgcolor="#CC99CC"><img></td><td id="#CCCCCC" bgcolor="#CCCCCC"><img></td><td id="#CCFFCC" bgcolor="#CCFFCC"><img></td><td id="#FF00CC" bgcolor="#FF00CC"><img></td><td id="#FF33CC" bgcolor="#FF33CC"><img></td><td id="#FF66CC" bgcolor="#FF66CC"><img></td><td id="#FF99CC" bgcolor="#FF99CC"><img></td><td id="#FFCCCC" bgcolor="#FFCCCC"><img></td><td id="#FFFFCC" bgcolor="#FFFFCC"><img></td></tr> <tr><td id="#000000" bgcolor="#000000"><img></td><td id="#FF00FF" bgcolor="#FF00FF"><img></td><td id="#000000" bgcolor="#000000"><img></td><td id="#9900FF" bgcolor="#9900FF"><img></td><td id="#9933FF" bgcolor="#9933FF"><img></td><td id="#9966FF" bgcolor="#9966FF"><img></td><td id="#9999FF" bgcolor="#9999FF"><img></td><td id="#99CCFF" bgcolor="#99CCFF"><img></td><td id="#99FFFF" bgcolor="#99FFFF"><img></td><td id="#CC00FF" bgcolor="#CC00FF"><img></td><td id="#CC33FF" bgcolor="#CC33FF"><img></td><td id="#CC66FF" bgcolor="#CC66FF"><img></td><td id="#CC99FF" bgcolor="#CC99FF"><img></td><td id="#CCCCFF" bgcolor="#CCCCFF"><img></td><td id="#CCFFFF" bgcolor="#CCFFFF"><img></td><td id="#FF00FF" bgcolor="#FF00FF"><img></td><td id="#FF33FF" bgcolor="#FF33FF"><img></td><td id="#FF66FF" bgcolor="#FF66FF"><img></td><td id="#FF99FF" bgcolor="#FF99FF"><img></td><td id="#FFCCFF" bgcolor="#FFCCFF"><img></td><td id="#FFFFFF" bgcolor="#FFFFFF"><img></td></tr> </table> </body> </html>