Estou tentando fazer uma tabela de cores para o usuário escolher com o mouse e automaticamente, o código da cor é carregado no campo do formulário:
Cor do fundo :
<input name="flog_corfundo" type="text" value="#FFFFFF" id="flog_corfundo">
Eu queria que ao lado do input ficasse um link que ao clicar, apareceria uma tabela de cores para o usuário escolher a cor e em seguida, o campo ser preenchido com a cor escolhida.
Ex.: #FFFFFF , #C9C9C9, #A5D7D2 , etc...
Eu possuo esse modelo, mas a tabela de cores já fica estática na página e eu queria que ela só aparecesse quando for solicitado pelo usuário:
<html>
<head>
<title>Tabela de Cores</title>
<style type="text/css">
<!--
.style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
}
-->
</style>
</head>
<body>
<script language="javascript">
ultimocampo = null;
function mudavalor(valor){
document.Cores.Cor.value = valor;
}
</script>
<form name="Cores" >
<span class="style1">Cor : </span><input name="Cor" type="text" class="style1" size="36">
</form>
<table border="0" cellpadding="0" cellspacing="0" align="left">
<tr>
<td bgColor=#000000 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#000000');"></td>
<td bgColor=#000000 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#000000');"></td>
<td bgColor=#330000 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#330000');"></td>
<td bgColor=#660000 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#660000');"></td>
<td bgColor=#990000 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#990000');"></td>
<td bgColor=#cc0000 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cc0000');"></td>
<td bgColor=#ff0000 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ff0000');"></td>
<td bgColor=#003300 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#003300');"></td>
<td bgColor=#333300 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#333300');"></td>
<td bgColor=#663300 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#663300');"></td>
<td bgColor=#993300 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#993300');"></td>
<td bgColor=#cc3300 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cc3300');"></td>
<td bgColor=#ff3300 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ff3300');"></td>
<td bgColor=#006600 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#006600');"></td>
<td bgColor=#336600 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#336600');"></td>
<td bgColor=#666600 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#666600');"></td>
<td bgColor=#996600 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#996600');"></td>
<td bgColor=#cc6600 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cc6600');"></td>
<td bgColor=#ff6600 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ff6600');"></td>
</tr>
<tr>
<td bgColor=#333333 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#333333');"></td>
<td bgColor=#009900 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#009900');"></td>
<td bgColor=#339900 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#339900');"></td>
<td bgColor=#669900 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#669900');"></td>
<td bgColor=#999900 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#999900');"></td>
<td bgColor=#cc9900 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cc9900');"></td>
<td bgColor=#ff9900 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ff9900');"></td>
<td bgColor=#00cc00 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#00cc00');"></td>
<td bgColor=#33cc00 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#33cc00');"></td>
<td bgColor=#66cc00 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#66cc00');"></td>
<td bgColor=#99cc00 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#99cc00');"></td>
<td bgColor=#cccc00 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cccc00');"></td>
<td bgColor=#ffcc00 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ffcc00');"></td>
<td bgColor=#00ff00 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#00ff00');"></td>
<td bgColor=#33ff00 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#33ff00');"></td>
<td bgColor=#66ff00 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#66ff00');"></td>
<td bgColor=#99ff00 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#99ff00');"></td>
<td bgColor=#ccff00 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ccff00');"></td>
<td bgColor=#ffff00 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ffff00');"></td>
</tr>
<tr>
<td bgColor=#666666 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#666666');"></td>
<td bgColor=#000033 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#000033');"></td>
<td bgColor=#330033 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#330033');"></td>
<td bgColor=#660033 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#660033');"></td>
<td bgColor=#990033 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#990033');"></td>
<td bgColor=#cc0033 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cc0033');"></td>
<td bgColor=#ff0033 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ff0033');"></td>
<td bgColor=#003333 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#003333');"></td>
<td bgColor=#333333 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#333333');"></td>
<td bgColor=#663333 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#663333');"></td>
<td bgColor=#993333 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#993333');"></td>
<td bgColor=#cc3333 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cc3333');"></td>
<td bgColor=#ff3333 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ff3333');"></td>
<td bgColor=#006633 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#006633');"></td>
<td bgColor=#336633 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#336633');"></td>
<td bgColor=#666633 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#666633');"></td>
<td bgColor=#996633 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#996633');"></td>
<td bgColor=#cc6633 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cc6633');"></td>
<td bgColor=#ff6633 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ff6633');"></td>
</tr>
<tr>
<td bgColor=#999999 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#999999');"></td>
<td bgColor=#009933 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#009933');"></td>
<td bgColor=#339933 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#339933');"></td>
<td bgColor=#669933 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#669933');"></td>
<td bgColor=#999933 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#999933');"></td>
<td bgColor=#cc9933 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cc9933');"></td>
<td bgColor=#ff9933 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ff9933');"></td>
<td bgColor=#00cc33 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#00cc33');"></td>
<td bgColor=#33cc33 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#33cc33');"></td>
<td bgColor=#66cc33 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#66cc33');"></td>
<td bgColor=#99cc33 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#99cc33');"></td>
<td bgColor=#cccc33 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cccc33');"></td>
<td bgColor=#ffcc33 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ffcc33');"></td>
<td bgColor=#00ff33 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#00ff33');"></td>
<td bgColor=#33ff33 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#33ff33');"></td>
<td bgColor=#66ff33 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#66ff33');"></td>
<td bgColor=#99ff33 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#99ff33');"></td>
<td bgColor=#ccff33 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ccff33');"></td>
<td bgColor=#ffff33 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ffff33');"></td>
</tr>
<tr>
<td bgColor=#CCCCCC border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#CCCCCC');"></td>
<td bgColor=#000066 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#000066');"></td>
<td bgColor=#330066 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#330066');"></td>
<td bgColor=#660066 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#660066');"></td>
<td bgColor=#990066 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#990066');"></td>
<td bgColor=#cc0066 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cc0066');"></td>
<td bgColor=#ff0066 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ff0066');"></td>
<td bgColor=#003366 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#003366');"></td>
<td bgColor=#333366 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#333366');"></td>
<td bgColor=#663366 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#663366');"></td>
<td bgColor=#993366 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#993366');"></td>
<td bgColor=#cc3366 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cc3366');"></td>
<td bgColor=#ff3366 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ff3366');"></td>
<td bgColor=#006666 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#006666');"></td>
<td bgColor=#336666 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#336666');"></td>
<td bgColor=#666666 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#666666');"></td>
<td bgColor=#996666 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#996666');"></td>
<td bgColor=#cc6666 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cc6666');"></td>
<td bgColor=#ff6666 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ff6666');"></td>
</tr>
<tr>
<td bgColor=#FFFFFF border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#FFFFFF');"></td>
<td bgColor=#009966 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#009966');"></td>
<td bgColor=#339966 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#339966');"></td>
<td bgColor=#669966 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#669966');"></td>
<td bgColor=#999966 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#999966');"></td>
<td bgColor=#cc9966 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cc9966');"></td>
<td bgColor=#ff9966 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ff9966');"></td>
<td bgColor=#00cc66 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#00cc66');"></td>
<td bgColor=#33cc66 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#33cc66');"></td>
<td bgColor=#66cc66 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#66cc66');"></td>
<td bgColor=#99cc66 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#99cc66');"></td>
<td bgColor=#cccc66 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cccc66');"></td>
<td bgColor=#ffcc66 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ffcc66');"></td>
<td bgColor=#00ff66 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#00ff66');"></td>
<td bgColor=#33ff66 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#33ff66');"></td>
<td bgColor=#66ff66 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#66ff66');"></td>
<td bgColor=#99ff66 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#99ff66');"></td>
<td bgColor=#ccff66 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ccff66');"></td>
<td bgColor=#ffff66 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ffff66');"></td>
</tr>
<tr>
<td bgColor=#FF0000 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#FF0000');"></td>
<td bgColor=#000099 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#000099');"></td>
<td bgColor=#330099 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#330099');"></td>
<td bgColor=#660099 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#660099');"></td>
<td bgColor=#990099 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#990099');"></td>
<td bgColor=#cc0099 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cc0099');"></td>
<td bgColor=#ff0099 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ff0099');"></td>
<td bgColor=#003399 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#003399');"></td>
<td bgColor=#333399 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#333399');"></td>
<td bgColor=#663399 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#663399');"></td>
<td bgColor=#993399 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#993399');"></td>
<td bgColor=#cc3399 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cc3399');"></td>
<td bgColor=#ff3399 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ff3399');"></td>
<td bgColor=#006699 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#006699');"></td>
<td bgColor=#336699 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#336699');"></td>
<td bgColor=#666699 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#666699');"></td>
<td bgColor=#996699 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#996699');"></td>
<td bgColor=#cc6699 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cc6699');"></td>
<td bgColor=#ff6699 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ff6699');"></td>
</tr>
<tr>
<td bgColor=#00FF00 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#00FF00');"></td>
<td bgColor=#009999 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#009999');"></td>
<td bgColor=#339999 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#339999');"></td>
<td bgColor=#669999 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#669999');"></td>
<td bgColor=#999999 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#999999');"></td>
<td bgColor=#cc9999 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cc9999');"></td>
<td bgColor=#ff9999 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ff9999');"></td>
<td bgColor=#00cc99 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#00cc99');"></td>
<td bgColor=#33cc99 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#33cc99');"></td>
<td bgColor=#66cc99 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#66cc99');"></td>
<td bgColor=#99cc99 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#99cc99');"></td>
<td bgColor=#cccc99 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cccc99');"></td>
<td bgColor=#ffcc99 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ffcc99');"></td>
<td bgColor=#00ff99 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#00ff99');"></td>
<td bgColor=#33ff99 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#33ff99');"></td>
<td bgColor=#66ff99 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#66ff99');"></td>
<td bgColor=#99ff99 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#99ff99');"></td>
<td bgColor=#ccff99 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ccff99');"></td>
<td bgColor=#ffff99 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ffff99');"></td>
</tr>
<tr>
<td bgColor=#0000FF border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#0000FF');"></td>
<td bgColor=#0000cc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#0000cc');"></td>
<td bgColor=#3300cc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#3300cc');"></td>
<td bgColor=#6600cc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#6600cc');"></td>
<td bgColor=#9900cc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#9900cc');"></td>
<td bgColor=#cc00cc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cc00cc');"></td>
<td bgColor=#ff00cc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ff00cc');"></td>
<td bgColor=#0033cc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#0033cc');"></td>
<td bgColor=#3333cc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#3333cc');"></td>
<td bgColor=#6633cc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#6633cc');"></td>
<td bgColor=#9933cc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#9933cc');"></td>
<td bgColor=#cc33cc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cc33cc');"></td>
<td bgColor=#ff33cc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ff33cc');"></td>
<td bgColor=#0066cc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#0066cc');"></td>
<td bgColor=#3366cc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#3366cc');"></td>
<td bgColor=#6666cc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#6666cc');"></td>
<td bgColor=#9966cc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#9966cc');"></td>
<td bgColor=#cc66cc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cc66cc');"></td>
<td bgColor=#ff66cc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ff66cc');"></td>
</tr>
<tr>
<td bgColor=#FFFF00 border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#FFFF00');"></td>
<td bgColor=#0099cc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#0099cc');"></td>
<td bgColor=#3399cc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#3399cc');"></td>
<td bgColor=#6699cc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#6699cc');"></td>
<td bgColor=#9999cc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#9999cc');"></td>
<td bgColor=#cc99cc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cc99cc');"></td>
<td bgColor=#ff99cc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ff99cc');"></td>
<td bgColor=#00cccc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#00cccc');"></td>
<td bgColor=#33cccc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#33cccc');"></td>
<td bgColor=#66cccc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#66cccc');"></td>
<td bgColor=#99cccc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#99cccc');"></td>
<td bgColor=#cccccc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cccccc');"></td>
<td bgColor=#ffcccc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ffcccc');"></td>
<td bgColor=#00ffcc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#00ffcc');"></td>
<td bgColor=#33ffcc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#33ffcc');"></td>
<td bgColor=#66ffcc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#66ffcc');"></td>
<td bgColor=#99ffcc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#99ffcc');"></td>
<td bgColor=#ccffcc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ccffcc');"></td>
<td bgColor=#ffffcc border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ffffcc');"></td>
</tr>
<tr>
<td bgColor=#00FFFF border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#00FFFF');"></td>
<td bgColor=#0000ff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#0000ff');"></td>
<td bgColor=#3300ff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#3300ff');"></td>
<td bgColor=#6600ff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#6600ff');"></td>
<td bgColor=#9900ff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#9900ff');"></td>
<td bgColor=#cc00ff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cc00ff');"></td>
<td bgColor=#ff00ff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ff00ff');"></td>
<td bgColor=#0033ff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#0033ff');"></td>
<td bgColor=#3333ff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#3333ff');"></td>
<td bgColor=#6633ff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#6633ff');"></td>
<td bgColor=#9933ff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#9933ff');"></td>
<td bgColor=#cc33ff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cc33ff');"></td>
<td bgColor=#ff33ff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ff33ff');"></td>
<td bgColor=#0066ff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#0066ff');"></td>
<td bgColor=#3366ff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#3366ff');"></td>
<td bgColor=#6666ff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#6666ff');"></td>
<td bgColor=#9966ff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#9966ff');"></td>
<td bgColor=#cc66ff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cc66ff');"></td>
<td bgColor=#ff66ff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ff66ff');"></td>
</tr>
<tr>
<td bgColor=#FF00FF border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#FF00FF');"></td>
<td bgColor=#0099ff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#0099ff');"></td>
<td bgColor=#3399ff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#3399ff');"></td>
<td bgColor=#6699ff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#6699ff');"></td>
<td bgColor=#9999ff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#9999ff');"></td>
<td bgColor=#cc99ff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#cc99ff');"></td>
<td bgColor=#ff99ff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ff99ff');"></td>
<td bgColor=#00ccff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#00ccff');"></td>
<td bgColor=#33ccff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#33ccff');"></td>
<td bgColor=#66ccff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#66ccff');"></td>
<td bgColor=#99ccff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#99ccff');"></td>
<td bgColor=#ccccff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ccccff');"></td>
<td bgColor=#ffccff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ffccff');"></td>
<td bgColor=#00ffff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#00ffff');"></td>
<td bgColor=#33ffff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#33ffff');"></td>
<td bgColor=#66ffff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#66ffff');"></td>
<td bgColor=#99ffff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#99ffff');"></td>
<td bgColor=#ccffff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ccffff');"></td>
<td bgColor=#ffffff border="0"><img onMouseOver="style.cursor='hand';" src="img/1px.gif" height="12" width="12" onClick="mudavalor('#ffffff');"></td>
</tr>
</table>
</body>
</html>
Alguém poderia me ajudar?
Obrigado!
