Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17563
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Caixa de cores clicável que colore span

06-07-2009 23:05

Esse script permite que o usuário clique em uma das cores de uma paleta colorida, e a cor clicada fica como background de um span ou div, o valor da cor também é passado para um input text.

Script

<table cellpading=0 cellspacing=0> <script> function rgb(x) { var value=0; var value_array=new Array("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"); var first=x.charAt(0); var second=x.charAt(1); var a=0; var b=0; while (value_array[value]!=first) { value++; a=a+16; } value="0"; while (value_array[value]!=second) { value++; b++; } x=a+b; return x; } function changeBack() { var hex=window.document.f.c.value; var hex = document.getElementById("base1").value; document.bgColor=hex; var hex1=hex.charAt(0); if (hex1!="#") { hex=document.bgColor; } var red=hex.substring (1,3); var rdd=rgb(red); var green=hex.substring (3,5); var grn=rgb(green); var blue=hex.substring (5,7); var blue1=rgb(blue); } leftclick=0; function r(hval) { if (leftclick==0) { document.getElementById("base_span").style.backgroundColor=hval; document.getElementById("base_text").value=hval; var red=hval.substring (1,3); var rdd=rgb(red); var green=hval.substring (3,5); var grn=rgb(green); var blue=hval.substring (5,7); var blue1=rgb(blue); } javascript:document.getElementById('bloco1').style.display='none' } function lock() { if (leftclick==0) { leftclick=1; } else { leftclick=0; } } function changeColor() { var clr=window.document.colour1.colour2.value; document.f.c.value=clr; var clr=changeBack(); var clr=changeBackRGB(); } var hex_Red=new Array("00","33","66","99","cc","ff"); var hex_Green=new Array("00","33","66","99","cc","ff"); var hex_Blue=new Array("00","33","66","99","cc","ff"); var hexred="00"; var hexgreen="00"; var hexblue="00"; var red=0; var green=0; var blue=0; var x=0; var y=0; var z=0; var xyz=0; while (y<6) { window.document.write("<tr>"); var x=0; var hexblue=hex_Blue[blue]; while (x<6) { var z=0; var hexgreen=hex_Green[green]; while (z<6) { var hexred=hex_Red[red]; var hexadecimal="#"+hexred+hexgreen+hexblue; window.document.write("<td onClick=\"r(\'"+hexadecimal+"\'); return true\" bgColor="+hexadecimal+" title=\"Clique para pegar esse código\" style=\"padding:7px 7px 7px 7px\"><img src=\"1.gif\" border=\"0\" height=\"1\" width=\"1\"/></td>"); z++; red++; if (red==6) { red=0; } } x++; green++; if (green==6) { green=0; } xyz++; if (xyz==3) { window.document.write("</tr>"); xyz=0; } } y++; blue++ if (blue==6) { blue=0; } } </script> </table>

HTML

<span id="base_span" style="border:1px solid #ffffff; background-color:#ffffff; width:30px; height:30px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> <input type="texto" id="base_text" value="">

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Bing [Bot]