Membuat aplikasi pilih warna dengan JQuery

Color Picker

Artikel ini membahas fitur web yang digunakan untuk memilih warna berdasarkan pilihan user. misalnya aplikasi untuk memilih warna kesukaan atau contoh yang lainnya. Aplikasi ini dibuat dengan library jQuery Color Picker: Farbtastic

Potongan Script JQuery

<script type="text/javascript" src="jquery-1.6.4.min.js">
</script>
 <script type="text/javascript" src="farbtastic.js"></script>
 <link rel="stylesheet" href="farbtastic.css" type="text/css" />
 <script type="text/javascript" charset="utf-8">
  $(document).ready(function() {
    $('#demo').hide();
    $('#picker').farbtastic('#color');
  });
 </script>

Potongan Script HTML

<div id="picker"></div>
<form action="index.php" style="width: 400px;" method="post">
<table>
<tr><td>Nama kamu :</td><td><input type="text" name="nama"/></td></tr>
<tr><td>Warna Kesukaanmu :</td><td><input type="text"
 id="color" name="color" value="#5119e1" /></td></tr>
<tr><td></td><td><input type="submit" value="Kirim" name="kirim">
<input type="reset" name="Batal"/></td></tr>
</table>

Download
http://www.4shared.com/file/1x1vZa6_/warna.html

Sekian dari saya semoga bermanfaat untuk teman-teman dan anda semua…aamiin

30-10-2011

noname