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

Aparecer Janela De Seleção De Cores

karnbyf

Perguntado por karnbyf,

 Share

Pergunta

2 respostass a esta questão

Posts Recomendados

  • 0
fercosmig

fercosmig

Postado
Postado

da uma olhada neste codigo que eu peguei ae, os creditos estão ae!

copia ele na integra e faz um teste ae:

  Citar
<html>

<body>

<div id="link" style="width: 100px; height: 5px; padding: 8px; background-color: #ffffcc; border: solid 1px #000000">

<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></div>

<br>

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

<script LANGUAGE="JavaScript">

<!--

// Copyright © 1996-1997 Tomer Shiran. All rights reserved.

// Permission given to use the script provided that this notice remains as is.

// Additional scripts can be found at http://www.geocities.com/~yehuda/

// create 6-element array

var hex = new Array(6)

// assign non-dithered descriptors

hex[0] = "FF"

hex[1] = "CC"

hex[2] = "99"

hex[3] = "66"

hex[4] = "33"

hex[5] = "00"

// accept triplet string and display as background color

function display(triplet) {

// set color as background color

document.bgColor = '#' + triplet

// display the color hexadecimal triplet

//alert('O JavaSite Responde: A cor deste background é ' + triplet)

}

// draw a single table cell based on all descriptors

function drawCell(red, green, blue) {

// open cell with specified hexadecimal triplet background color

document.write('<TD BGCOLOR="#' + red + green + blue + '">')

// open a hypertext link with javascript: scheme to call display function

document.write('<A HREF="javascript:display(\'' + (red + green + blue) + '\')">')

// print transparent image (use any height and width)

document.write('<IMG SRC="place.gif" BORDER=0 HEIGHT=12 WIDTH=12>')

// close link tag

document.write('</A>')

// close table cell

document.write('</TD>')

}

// draw table row based on red and blue descriptors

function drawRow(red, blue) {

// open table row

document.write('<TR>')

// loop through all non-dithered color descripters as green hex

for (var i = 0; i < 6; ++i) {

drawCell(red, hex, blue)

}

// close current table row

document.write('</TR>')

}

// draw table for one of six color cube panels

function drawTable(blue) {

// open table (one of six cube panels)

document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0>')

// loop through all non-dithered color descripters as red hex

for (var i = 0; i < 6; ++i) {

drawRow(hex, blue)

}

// close current table

document.write('</TABLE>')

}

// draw all cube panels inside table cells

function drawCube() {

// open table

document.write('<TABLE CELLPADDING=5 CELLSPACING=0 BORDER=1><TR>')

// loop through all non-dithered color descripters as blue hex

for (var i = 0; i < 6; ++i) {

// open table cell with white background color

document.write('<TD BGCOLOR="#FFFFFF">')

// call function to create cube panel with hex blue hex

drawTable(hex)

// close current table cell

document.write('</TD>')

}

// close table row and table

document.write('</TR></TABLE>')

}

// call function to begin execution

drawCube()

// -->

</script>

</div>

</p>

<!--mstheme-->

</body>

</html>

abraços

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,4k
    • Posts
      652,2k
×
×
  • Criar Novo...