Ir para conteúdo
Fórum Script Brasil
  • 0

Digitar Valor Da Cor Num Texto E Aparecer A Cor Em

Guest Evandro Felipe

Perguntado por Guest Evandro Felipe,

 Share

Pergunta

Guest Evandro Felipe

Guest Evandro Felipe

Postado
Postado

<_< Caros amigos,

Desejo que o usuario digite o valor de uma cor num campo text valordacor e em outro campo text apareça a cor que o usuario digitou.

Tipo:

<head>

<script language=javascript>

<!--

function gerarcor(formulario) {

document.formulario.ccor.style.background-color.value=document.formulario.valorcor.value;

}

// -->

</script>

<head>

<table>

<tr>

<td width="12%">

<font size="1" face="Verdana"><input type="text" name="valorcor" onKeyUp='return gerarcor(this)' size="9"></font></td>

<td width="7%">

<p align="center"><font size="1" face="Verdana"><input type="text" name="ccor" size="4"></font></td>

</tr>

</table>

Da forma acima não da certo!

Como é possivel realizar isto?

Desde já agradeço.

Evandro Felipe.

Link para o comentário
Compartilhar em outros sites

6 respostass a esta questão

Posts Recomendados

  • 0
jissa

jissa

Postado
Postado

da uma olhada neste código.. da para fazer menor.. mas este é bem mais simples.

Ve se ajuda no que quer:

<html>

<head>
<title>SuperScript</title>

<script LANGUAGE="JavaScript">

        lck=0;

        function r(hval)
        {
                if ( lck == 0 )
                {
                        document.bgColor=hval;
                        document.f.c.value=hval;
                }
        }

        function l()
        {
                if (lck == 0)
                        {
                                lck = 1;

                        }
                else
                        {
                                lck = 0;

                        }
        }


</SCRIPT><style>
LI {
    list-style-type: square;
}
-->
</style>

</head>

<body topmargin="0" leftmargin="0">


<TABLE CELLPADDING="7" CELLSPACING="0" BORDER="0" WIDTH="100%"><TR>

<TD VALIGN="top"><FONT face="Frutiger,Verdana,Arial,Helvetica" size="2">

<P align="center">Passe o mouse na cor desejada e veja o código.</P>


<p align="center"><TABLE BORDER=0 >
<TR>
<TD BGCOLOR="#000000"><A HREF="JavaScript:l()" onMouseOver="r('#000000'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#000033"><A HREF="JavaScript:l()" onMouseOver="r('#000033'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#000066"><A HREF="JavaScript:l()" onMouseOver="r('#000066'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#000099"><A HREF="JavaScript:l()" onMouseOver="r('#000099'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#0000CC"><A HREF="JavaScript:l()" onMouseOver="r('#0000cc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#0000FF"><A HREF="JavaScript:l()" onMouseOver="r('#0000ff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#006600"><A HREF="JavaScript:l()" onMouseOver="r('#006600'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#006633"><A HREF="JavaScript:l()" onMouseOver="r('#006633'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#006666"><A HREF="JavaScript:l()" onMouseOver="r('#006666'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#006699"><A HREF="JavaScript:l()" onMouseOver="r('#006699'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#0066CC"><A HREF="JavaScript:l()" onMouseOver="r('#0066cc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#0066FF"><A HREF="JavaScript:l()" onMouseOver="r('#0066ff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#00CC00"><A HREF="JavaScript:l()" onMouseOver="r('#00cc00'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#00CC33"><A HREF="JavaScript:l()" onMouseOver="r('#00cc33'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#00CC66"><A HREF="JavaScript:l()" onMouseOver="r('#00cc66'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#00CC99"><A HREF="JavaScript:l()" onMouseOver="r('#00cc99'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#00CCCC"><A HREF="JavaScript:l()" onMouseOver="r('#00cccc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#00CCFF"><A HREF="JavaScript:l()" onMouseOver="r('#00ccff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>
</TR>

<TR>
<TD BGCOLOR="#003300"><A HREF="JavaScript:l()" onMouseOver="r('#003300'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#003333"><A HREF="JavaScript:l()" onMouseOver="r('#003333'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#003366"><A HREF="JavaScript:l()" onMouseOver="r('#003366'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#003399"><A HREF="JavaScript:l()" onMouseOver="r('#003399'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#0033CC"><A HREF="JavaScript:l()" onMouseOver="r('#0033cc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#0033FF"><A HREF="JavaScript:l()" onMouseOver="r('#0033ff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#009900"><A HREF="JavaScript:l()" onMouseOver="r('#009900'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#009933"><A HREF="JavaScript:l()" onMouseOver="r('#009933'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#009966"><A HREF="JavaScript:l()" onMouseOver="r('#009966'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#009999"><A HREF="JavaScript:l()" onMouseOver="r('#009999'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#0099CC"><A HREF="JavaScript:l()" onMouseOver="r('#0099cc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#0099FF"><A HREF="JavaScript:l()" onMouseOver="r('#0099ff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#00FF00"><A HREF="JavaScript:l()" onMouseOver="r('#00ff00'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#00FF33"><A HREF="JavaScript:l()" onMouseOver="r('#00ff33'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#00FF66"><A HREF="JavaScript:l()" onMouseOver="r('#00ff66'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#00FF99"><A HREF="JavaScript:l()" onMouseOver="r('#00ff99'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#00FFCC"><A HREF="JavaScript:l()" onMouseOver="r('#00ffcc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#00FFFF"><A HREF="JavaScript:l()" onMouseOver="r('#00ffff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>
</TR>

<TR>
<TD BGCOLOR="#330000"><A HREF="JavaScript:l()" onMouseOver="r('#330000'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#330033"><A HREF="JavaScript:l()" onMouseOver="r('#330033'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#330066"><A HREF="JavaScript:l()" onMouseOver="r('#330066'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#330099"><A HREF="JavaScript:l()" onMouseOver="r('#330099'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#3300CC"><A HREF="JavaScript:l()" onMouseOver="r('#3300cc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#3300FF"><A HREF="JavaScript:l()" onMouseOver="r('#3300ff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#336600"><A HREF="JavaScript:l()" onMouseOver="r('#336600'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#336633"><A HREF="JavaScript:l()" onMouseOver="r('#336633'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#336666"><A HREF="JavaScript:l()" onMouseOver="r('#336666'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#336699"><A HREF="JavaScript:l()" onMouseOver="r('#336699'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#3366CC"><A HREF="JavaScript:l()" onMouseOver="r('#3366cc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#3366FF"><A HREF="JavaScript:l()" onMouseOver="r('#3366ff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#33CC00"><A HREF="JavaScript:l()" onMouseOver="r('#33cc00'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#33CC33"><A HREF="JavaScript:l()" onMouseOver="r('#33cc33'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#33CC66"><A HREF="JavaScript:l()" onMouseOver="r('#33cc66'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#33CC99"><A HREF="JavaScript:l()" onMouseOver="r('#33cc99'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#33CCCC"><A HREF="JavaScript:l()" onMouseOver="r('#33cccc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#33CCFF"><A HREF="JavaScript:l()" onMouseOver="r('#33ccff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>
</TR>

<TR>
<TD BGCOLOR="#333300"><A HREF="JavaScript:l()" onMouseOver="r('#333300'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#333333"><A HREF="JavaScript:l()" onMouseOver="r('#333333'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#333366"><A HREF="JavaScript:l()" onMouseOver="r('#333366'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#333399"><A HREF="JavaScript:l()" onMouseOver="r('#333399'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#3333CC"><A HREF="JavaScript:l()" onMouseOver="r('#3333cc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#3333FF"><A HREF="JavaScript:l()" onMouseOver="r('#3333ff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#339900"><A HREF="JavaScript:l()" onMouseOver="r('#339900'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#339933"><A HREF="JavaScript:l()" onMouseOver="r('#339933'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#339966"><A HREF="JavaScript:l()" onMouseOver="r('#339966'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#339999"><A HREF="JavaScript:l()" onMouseOver="r('#339999'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#3399CC"><A HREF="JavaScript:l()" onMouseOver="r('#3399cc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#3399FF"><A HREF="JavaScript:l()" onMouseOver="r('#3399ff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#33FF00"><A HREF="JavaScript:l()" onMouseOver="r('#33ff00'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#33FF33"><A HREF="JavaScript:l()" onMouseOver="r('#33ff33'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#33FF66"><A HREF="JavaScript:l()" onMouseOver="r('#33ff66'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#33FF99"><A HREF="JavaScript:l()" onMouseOver="r('#33ff99'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#33FFCC"><A HREF="JavaScript:l()" onMouseOver="r('#33ffcc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#33FFFF"><A HREF="JavaScript:l()" onMouseOver="r('#33ffff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>
</TR>

<TR>
<TD BGCOLOR="#660000"><A HREF="JavaScript:l()" onMouseOver="r('#660000'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#660033"><A HREF="JavaScript:l()" onMouseOver="r('#660033'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#660066"><A HREF="JavaScript:l()" onMouseOver="r('#660066'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#660099"><A HREF="JavaScript:l()" onMouseOver="r('#660099'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#6600CC"><A HREF="JavaScript:l()" onMouseOver="r('#6600cc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#6600FF"><A HREF="JavaScript:l()" onMouseOver="r('#6600ff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#666600"><A HREF="JavaScript:l()" onMouseOver="r('#666600'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#666633"><A HREF="JavaScript:l()" onMouseOver="r('#666633'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#666666"><A HREF="JavaScript:l()" onMouseOver="r('#666666'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#666699"><A HREF="JavaScript:l()" onMouseOver="r('#666699'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#6666CC"><A HREF="JavaScript:l()" onMouseOver="r('#6666cc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#6666FF"><A HREF="JavaScript:l()" onMouseOver="r('#6666ff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#66CC00"><A HREF="JavaScript:l()" onMouseOver="r('#66cc00'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#66CC33"><A HREF="JavaScript:l()" onMouseOver="r('#66cc33'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#66CC66"><A HREF="JavaScript:l()" onMouseOver="r('#66cc66'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#66CC99"><A HREF="JavaScript:l()" onMouseOver="r('#66cc99'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#66CCCC"><A HREF="JavaScript:l()" onMouseOver="r('#66cccc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#66CCFF"><A HREF="JavaScript:l()" onMouseOver="r('#66ccff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>
</TR>

<TR>
<TD BGCOLOR="#663300"><A HREF="JavaScript:l()" onMouseOver="r('#663300'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#663333"><A HREF="JavaScript:l()" onMouseOver="r('#663333'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#663366"><A HREF="JavaScript:l()" onMouseOver="r('#663366'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#663399"><A HREF="JavaScript:l()" onMouseOver="r('#663399'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#6633CC"><A HREF="JavaScript:l()" onMouseOver="r('#6633cc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#6633FF"><A HREF="JavaScript:l()" onMouseOver="r('#6633ff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#669900"><A HREF="JavaScript:l()" onMouseOver="r('#669900'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#669933"><A HREF="JavaScript:l()" onMouseOver="r('#669933'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#669966"><A HREF="JavaScript:l()" onMouseOver="r('#669966'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#669999"><A HREF="JavaScript:l()" onMouseOver="r('#669999'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#6699CC"><A HREF="JavaScript:l()" onMouseOver="r('#6699cc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#6699FF"><A HREF="JavaScript:l()" onMouseOver="r('#6699ff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#66FF00"><A HREF="JavaScript:l()" onMouseOver="r('#66ff00'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#66FF33"><A HREF="JavaScript:l()" onMouseOver="r('#66ff33'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#66FF66"><A HREF="JavaScript:l()" onMouseOver="r('#66ff66'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#66FF99"><A HREF="JavaScript:l()" onMouseOver="r('#66ff99'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#66FFCC"><A HREF="JavaScript:l()" onMouseOver="r('#66ffcc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#66FFFF"><A HREF="JavaScript:l()" onMouseOver="r('#66ffff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>
</TR>

<TR>
<TD BGCOLOR="#990000"><A HREF="JavaScript:l()" onMouseOver="r('#990000'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#990033"><A HREF="JavaScript:l()" onMouseOver="r('#990033'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#990066"><A HREF="JavaScript:l()" onMouseOver="r('#990066'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#990099"><A HREF="JavaScript:l()" onMouseOver="r('#990099'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#9900CC"><A HREF="JavaScript:l()" onMouseOver="r('#9900cc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#9900FF"><A HREF="JavaScript:l()" onMouseOver="r('#9900ff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#996600"><A HREF="JavaScript:l()" onMouseOver="r('#996600'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#996633"><A HREF="JavaScript:l()" onMouseOver="r('#996633'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#996666"><A HREF="JavaScript:l()" onMouseOver="r('#996666'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#996699"><A HREF="JavaScript:l()" onMouseOver="r('#996699'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#9966CC"><A HREF="JavaScript:l()" onMouseOver="r('#9966cc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#9966FF"><A HREF="JavaScript:l()" onMouseOver="r('#9966ff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#99CC00"><A HREF="JavaScript:l()" onMouseOver="r('#99cc00'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#99CC33"><A HREF="JavaScript:l()" onMouseOver="r('#99cc33'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#99CC66"><A HREF="JavaScript:l()" onMouseOver="r('#99cc66'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#99CC99"><A HREF="JavaScript:l()" onMouseOver="r('#99cc99'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#99CCCC"><A HREF="JavaScript:l()" onMouseOver="r('#99cccc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#99CCFF"><A HREF="JavaScript:l()" onMouseOver="r('#99ccff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>
</TR>

<TR>
<TD BGCOLOR="#993300"><A HREF="JavaScript:l()" onMouseOver="r('#993300'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#993333"><A HREF="JavaScript:l()" onMouseOver="r('#993333'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#993366"><A HREF="JavaScript:l()" onMouseOver="r('#993366'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#993399"><A HREF="JavaScript:l()" onMouseOver="r('#993399'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#9933CC"><A HREF="JavaScript:l()" onMouseOver="r('#9933cc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#9933FF"><A HREF="JavaScript:l()" onMouseOver="r('#9933ff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#999900"><A HREF="JavaScript:l()" onMouseOver="r('#999900'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#999933"><A HREF="JavaScript:l()" onMouseOver="r('#999933'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#999966"><A HREF="JavaScript:l()" onMouseOver="r('#999966'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#999999"><A HREF="JavaScript:l()" onMouseOver="r('#999999'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#9999CC"><A HREF="JavaScript:l()" onMouseOver="r('#9999cc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#9999FF"><A HREF="JavaScript:l()" onMouseOver="r('#9999ff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#99FF00"><A HREF="JavaScript:l()" onMouseOver="r('#99ff00'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#99FF33"><A HREF="JavaScript:l()" onMouseOver="r('#99ff33'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#99FF66"><A HREF="JavaScript:l()" onMouseOver="r('#99ff66'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#99FF99"><A HREF="JavaScript:l()" onMouseOver="r('#99ff99'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#99FFCC"><A HREF="JavaScript:l()" onMouseOver="r('#99ffcc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#99FFFF"><A HREF="JavaScript:l()" onMouseOver="r('#99ffff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>
</TR>

<TR>
<TD BGCOLOR="#CC0000"><A HREF="JavaScript:l()" onMouseOver="r('#cc0000'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CC0033"><A HREF="JavaScript:l()" onMouseOver="r('#cc0033'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CC0066"><A HREF="JavaScript:l()" onMouseOver="r('#cc0066'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CC0099"><A HREF="JavaScript:l()" onMouseOver="r('#cc0099'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CC00CC"><A HREF="JavaScript:l()" onMouseOver="r('#cc00cc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CC00FF"><A HREF="JavaScript:l()" onMouseOver="r('#cc00ff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CC6600"><A HREF="JavaScript:l()" onMouseOver="r('#cc6600'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CC6633"><A HREF="JavaScript:l()" onMouseOver="r('#cc6633'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CC6666"><A HREF="JavaScript:l()" onMouseOver="r('#cc6666'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CC6699"><A HREF="JavaScript:l()" onMouseOver="r('#cc6699'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CC66CC"><A HREF="JavaScript:l()" onMouseOver="r('#cc66cc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CC66FF"><A HREF="JavaScript:l()" onMouseOver="r('#cc66ff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CCCC00"><A HREF="JavaScript:l()" onMouseOver="r('#cccc00'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CCCC33"><A HREF="JavaScript:l()" onMouseOver="r('#cccc33'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CCCC66"><A HREF="JavaScript:l()" onMouseOver="r('#cccc66'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CCCC99"><A HREF="JavaScript:l()" onMouseOver="r('#cccc99'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CCCCCC"><A HREF="JavaScript:l()" onMouseOver="r('#cccccc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CCCCFF"><A HREF="JavaScript:l()" onMouseOver="r('#ccccff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>
</TR>

<TR>
<TD BGCOLOR="#CC3300"><A HREF="JavaScript:l()" onMouseOver="r('#cc3300'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CC3333"><A HREF="JavaScript:l()" onMouseOver="r('#cc3333'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CC3366"><A HREF="JavaScript:l()" onMouseOver="r('#cc3366'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CC3399"><A HREF="JavaScript:l()" onMouseOver="r('#cc3399'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CC33CC"><A HREF="JavaScript:l()" onMouseOver="r('#cc33cc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CC33FF"><A HREF="JavaScript:l()" onMouseOver="r('#cc33ff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CC9900"><A HREF="JavaScript:l()" onMouseOver="r('#cc9900'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CC9933"><A HREF="JavaScript:l()" onMouseOver="r('#cc9933'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CC9966"><A HREF="JavaScript:l()" onMouseOver="r('#cc9966'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CC9999"><A HREF="JavaScript:l()" onMouseOver="r('#cc9999'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CC99CC"><A HREF="JavaScript:l()" onMouseOver="r('#cc99cc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CC99FF"><A HREF="JavaScript:l()" onMouseOver="r('#cc99ff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CCFF00"><A HREF="JavaScript:l()" onMouseOver="r('#ccff00'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CCFF33"><A HREF="JavaScript:l()" onMouseOver="r('#ccff33'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CCFF66"><A HREF="JavaScript:l()" onMouseOver="r('#ccff66'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CCFF99"><A HREF="JavaScript:l()" onMouseOver="r('#ccff99'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CCFFCC"><A HREF="JavaScript:l()" onMouseOver="r('#ccffcc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#CCFFFF"><A HREF="JavaScript:l()" onMouseOver="r('#ccffff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>
</TR>

<TR>
<TD BGCOLOR="#FF0000"><A HREF="JavaScript:l()" onMouseOver="r('#ff0000'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FF0033"><A HREF="JavaScript:l()" onMouseOver="r('#ff0033'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FF0066"><A HREF="JavaScript:l()" onMouseOver="r('#ff0066'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FF0099"><A HREF="JavaScript:l()" onMouseOver="r('#ff0099'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FF00CC"><A HREF="JavaScript:l()" onMouseOver="r('#ff00cc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FF00FF"><A HREF="JavaScript:l()" onMouseOver="r('#ff00ff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FF6600"><A HREF="JavaScript:l()" onMouseOver="r('#ff6600'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FF6633"><A HREF="JavaScript:l()" onMouseOver="r('#ff6633'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FF6666"><A HREF="JavaScript:l()" onMouseOver="r('#ff6666'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FF6699"><A HREF="JavaScript:l()" onMouseOver="r('#ff6699'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FF66CC"><A HREF="JavaScript:l()" onMouseOver="r('#ff66cc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FF66FF"><A HREF="JavaScript:l()" onMouseOver="r('#ff66ff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FFCC00"><A HREF="JavaScript:l()" onMouseOver="r('#ffcc00'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FFCC33"><A HREF="JavaScript:l()" onMouseOver="r('#ffcc33'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FFCC66"><A HREF="JavaScript:l()" onMouseOver="r('#ffcc66'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FFCC99"><A HREF="JavaScript:l()" onMouseOver="r('#ffcc99'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FFCCCC"><A HREF="JavaScript:l()" onMouseOver="r('#ffcccc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FFCCFF"><A HREF="JavaScript:l()" onMouseOver="r('#ffccff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>
</TR>

<TR>
<TD BGCOLOR="#FF3300"><A HREF="JavaScript:l()" onMouseOver="r('#ff3300'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FF3333"><A HREF="JavaScript:l()" onMouseOver="r('#ff3333'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FF3366"><A HREF="JavaScript:l()" onMouseOver="r('#ff3366'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FF3399"><A HREF="JavaScript:l()" onMouseOver="r('#ff3399'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FF33CC"><A HREF="JavaScript:l()" onMouseOver="r('#ff33cc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FF33FF"><A HREF="JavaScript:l()" onMouseOver="r('#ff33ff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FF9900"><A HREF="JavaScript:l()" onMouseOver="r('#ff9900'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FF9933"><A HREF="JavaScript:l()" onMouseOver="r('#ff9933'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FF9966"><A HREF="JavaScript:l()" onMouseOver="r('#ff9966'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FF9999"><A HREF="JavaScript:l()" onMouseOver="r('#ff9999'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FF99CC"><A HREF="JavaScript:l()" onMouseOver="r('#ff99cc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FF99FF"><A HREF="JavaScript:l()" onMouseOver="r('#ff99ff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FFFF00"><A HREF="JavaScript:l()" onMouseOver="r('#ffff00'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FFFF33"><A HREF="JavaScript:l()" onMouseOver="r('#ffff33'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FFFF66"><A HREF="JavaScript:l()" onMouseOver="r('#ffff66'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FFFF99"><A HREF="JavaScript:l()" onMouseOver="r('#ffff99'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FFFFCC"><A HREF="JavaScript:l()" onMouseOver="r('#ffffcc'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>

<TD BGCOLOR="#FFFFFF"><A HREF="JavaScript:l()" onMouseOver="r('#ffffff'); return true"><IMG SRC="w.gif" BORDER=0 HEIGHT=15 WIDTH=15></A></TD>
</TR>
</TABLE>

<P><FORM NAME="f">
  <p align="center">O código HTML para esta cor é: <INPUT SIZE="7" NAME="c" VALUE="" style="font-family: Verdana; font-size: 8 pt; color: #006699"></FORM>

</FONT></TD>
  </TR></TABLE>
<div align="center">
  <center>
<table>
  <tr>
    <td width="100%">
  </tr>

  </table>
  </center>
</div>

<p align="center">
&nbsp;</p>

<p align="center"></p>

</body>

Link para o comentário
Compartilhar em outros sites
  • 0
Guest Evandro Felipe

Guest Evandro Felipe

Postado
Postado

Otimo efeito.

Mas existe a possibilidade de realizar o inverso, digitar o codigo da cor e conforme esta for sendo digita gerar a respectiva cor dentro de um text por exemplo? não gostaria de alterasse a cor do formulario.

O objetivo deste script é que o usuário escolha sua propria cor, para isto basta uma pequena amostra dentro do text. Se que podemos alterar o conteudo de uma variavel text, acredito que possamos alterar tb a cor dentro dela. De branco, passar para a cor que o usuário digitou.

Desde já agradeco.

Evandro Felipe.

Link para o comentário
Compartilhar em outros sites
  • 0
jissa

jissa

Postado
Postado

da sim.. mas.. o usuario vai ter que digitar em ingles. ou os codigos.. nem todos vao saver.. a não ser que faça uma relação das cores com os codigos tipo Verde=Green.. etc

passei este porque aparece todas as cores disponiveis.. mas pode mudar para no local do background aparecer da forma que quiser

Link para o comentário
Compartilhar em outros sites
  • 0
efelipe

efelipe

Postado
Postado

Caros amigos,

Como fazer com que o checked fique true ao digitar e o style="background-color: do script abaixo fique da cor digita e não o formulario todo?

Desde já agradeco a ajuda.

Evandro Felipe.

<html>

<head>

<script language=javascript>

function gerarcor(formulario) {

document.bgColor=document.formulario.valorcor.value;

document.formulario.V12.checked.value=true;

}

</script>

<title>Cor do texto</title>

</head>

<body>

<form name=formulario method=post>

<table border="1" cellpadding="0" width="100%" bordercolor="#000000">

<tr>

<td width="1%">

<p align="center"><font size="1" face="Verdana"><input type="radio" value="V12" name="R1">Minha

cor:</font><br>

<font size="1" face="Verdana"><input type="text" name="valorcor" onKeyUp='return gerarcor(this)' size="9"></font></td>

<td width="23%">

<p align="center"><font size="1" face="Verdana"><input type="text" name="ccor" size="4" style="background-color: document.formulario.valorcor.value"></font></td>

</tr>

</table>

<table border="0" cellpadding="0" width="100%">

<tr>

<td width="100%">

<p align="left"><font size="1" face="Verdana">No campo minha cor, digite

números para gerar sua cor.</font></td>

</tr>

</table>

</form>

</body>

</html>

Link para o comentário
Compartilhar em outros sites
  • 0
Miqui

Miqui

Postado
Postado

Evandro... o erro esta aqui

document.formulario.V12.checked.value=true; -> errado

document.formulario.R1.checked = true; -> correto

veja no seu formulário

<input type="radio" value="V12" name="R1">

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...