Ir para conteúdo
Fórum Script Brasil

fercosmig

Moderadores
 Perfil  Explorar Conteúdo

  • Total de itens

    4.048

  • Registro em

  • Última visita

 Tipo de Conteúdo 

Posts postados por fercosmig

  16. Paleta De Cores

    em Ajax, JavaScript, XML, DOM

    Postado

    Então, nunca ví em um site uma paleta de cores, mas pensei no assunto e tentei criar uma usando uma div.

    Não está funcionando e eu nem sei se é possivel fazer funcionar... mas quem sabe alguém dá uma ajudinha ae!

    da uma olhada!

    <html>

    <head>

    <title>Paleta de cores teste</title>

    <script language="JavaScript">

    Function PegarCor()

    {

    document.getElementById('paleta').style.display = 'none';

    document.getElementById('cor_clicada').value = ????????????????????? 'enrosquei aqui

    }

    </script>

    </head>

    <body>

    <input type="text" name="cod_cor" id="cor_clicada" />

    <a OnClick="if (document.getElementById('paleta').style.display == '') { document.getElementById('paleta').style.display = 'none' } else { document.getElementById('paleta').style.display = '' }">

    <b>Paleta de cores</b></a><br>

    <div id="paleta" style="width: 100px; display: none; padding: 8px; background-color: #ffffcc; border: solid 1px #000000">

    <script Language="JavaScript">

    var cor;

    var r;

    var g;

    var b;

    var rgb;

    cor = ["00","33","66","99","CC","FF"];

    document.write("<table cellpadding=1' cellspacing='1' bgcolor='#000000' border='0' align='center'>");

    for(r=0;r<=5;++r) {

    for(g=0;g<=5;++g) {

    document.write("<tr>");

    for(b=0;b<=5;++B) {

    rgb="#"+cor[r]+cor[g]+cor;

    document.write("<td align='center' onClick='PegaCor()' onMouseOver='cursor: pointer' bgcolor='" + rgb + "' id='" + rgb + "'> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </td>");

    }

    document.write("</tr>");

    }

    }

    document.write("</table><br>");

    </script>

    </div>

    </body>

    </html>

    se eu conseguir algo aqui eu posto ae!

    abraços

×
×
  • Criar Novo...