DHTML color picker
DHTML color picker adalah merupakan cross browser, color picker yang elegant, tertata dalam penempatannya dan mudah untuk memilih kode warna yang anda ingikan. Berlisensi di bawah Creative Commons, dapat digunakan pada situs atau aplikasi web anda.
Contoh:
(Lihat D E M O)F1FFCC
X
Cara Memasang DHTML color picker
- Langkah Pertama:
1. plugin.css
2. plugin.js
Jangan lupa untuk menambahkan tag <pembuka> dan </penutup>, Lihat cara memasangnya disini.
- Langkah Kedua:
<div id="plugin" onmousedown="HSVslide('drag','plugin',event)" style="TOP: 140px; LEFT: 430px; Z-INDEX: 20;">
<div id="plugHEX" onmousedown="stop=0; setTimeout('stop=1',100);">F1FFCC</div><div id="plugCLOSE" onmousedown="toggle('plugin')">X</div><br>
<div id="SV" onmousedown="HSVslide('SVslide','plugin',event)" title="Saturation + Value">
<div id="SVslide" style="TOP: -4px; LEFT: -4px;"><br /></div>
</div>
<form id="H" onmousedown="HSVslide('Hslide','plugin',event)" title="Hue">
<div id="Hslide" style="TOP: -7px; LEFT: -8px;"><br /></div>
<div id="Hmodel"></div>
</form>
</div>
<!--Sample DIV to show selected color -->
<div id="colorbox" style="width: 300px; height: 200px; border: 1px solid gray; padding: 10px; background-color: #F1FFCC">
<a href="http://www.mudcube.com/code/DHTML_Color_Picker.php">DHTML Color Picker</a><br>Free to use on your own projects<br /><br />
This version featured on <a href="http://www.dynamicdrive.com">Dynamic Drive</a>
</div>
<script type="text/javascript">
//*** CUSTOMIZE mkcolor() function below to perform the desired action when the color picker is being dragged/ used
//*** Parameter "v" contains the latest color being selected
function mkColor(v){
//** In this case, just update DIV with ID="colorbox" so its background color reflects the chosen color
$S('colorbox').background='#'+v;
}
loadSV(); updateH('F1FFCC');
</script>
<p><a href="javascript:toggle('plugin')">Show/ hide Color Picker</a></p>
0 komentar:
Post a Comment
Catatan :
Untuk menyisipkan gambar kedalam komentar, gunakan tag : [img]URL_Gambar[/img]
atau <i rel="image">URL_Gambar</i>
Untuk Video Youtube : [youtube]URL_Video[/youtube]
atau <i rel="youtube">URL_Video</i>
Untuk "Kutipan", gunakan : [blockquote]Kutipan_Anda[/blockquote]
atau <b rel="quote">Kutipan_Anda</b>
Untuk menyisipkan Kode: [code]KODE[/code]
atau <i rel="code">KODE</i>
atau <i rel="pre">KODE</i>
Dan untuk menyisipkan smiles/ emoticon, lihat kode Emoticon