[Javascript] Membuat Color Palet

[webmaster]

asyik juga ni bwat dicoba, gw dapet nmu di inet.. hihikk

CODE JS

liat disini: http://4583195381332.usercash.com

CODE CSS

Code:

.dcolor  {
  height:40px;
}

.dtext {
  }

.dwrapper {
  width:100px;
  float:left;
  padding:10px;
  margin:0 20px 20px 0;
  border:1px solid #ccc;
}

CODE HEAD

Code:

<script type="text/javascript" src="moo1.2.js"></script>
<script type="text/javascript">
//once the dom is ready
window.addEvent('domready', function() {

//do it!
$('get-colors').addEvent('click', function() {
//starting the colors array
var colors = [];
var disallows = ['transparent'];

//for every element
$$('*').each(function(el) {
//record colors!
colors.include(el.getStyle('color'));
colors.include(el.getStyle('background-color'));
el.getStyle('border-color').split(' ').each(function(c) {
colors.include(c);
});
});

//sort the colors
colors.sort();

//empty wrapper
$('colors-wrapper').empty();

//for every color...
colors.each(function(val,i) {

//if it's good
if(!disallows.contains(val))
{

//create wrapper div
var wrapper = new Element('div', {
'class':'dwrapper'
});

//create color div, inject
var colorer = new Element('div', {
'class':'dcolor',
'style': 'background:' + val
});
colorer.inject(wrapper);

//alert(val);

//create text div, inject
var texter = new Element('div', {
'class':'dtext',
'text':val
});
texter.inject(wrapper);

//inject wrapper
wrapper.inject($('colors-wrapper'));
}
});
});
});
</script>

<link href="css.css" rel="stylesheet" type="text/css" />

dan ni bwat BODY

Code:

<input type="button" id="get-colors" value="Get Colors" class="button">
<br><br><br>
<div id="colors-wrapper"></div>

<br clear="all">

<p>
Author : <a href="http://davidwalsh.name/create-color-palette-css-mootools-12" target="_blank">David Walsh
</a></p>

PREVIEW DISINI:

http://6599566715769.usercash.com

DOWNLOAD SINI:

http://1172619311138.usercash.com

SCRIPT AUTHOR: David Walsh

[yudicerdas]

hmm... ok juga,, script na...

[faris18787]

nih orang sakti amat yak..

   hahahha tar dicoba aaah

[webmaster]

iye tuh bro... avatarna aja maria ozawa.. huwahahahahahahaha....
duh jadi merangsang hihikks