jQuery-UI

jQuery UI adalah JavaScript library yang menyediakan abstraksi untuk interaksi tingkat rendah dan animasi , efek canggih dan tingkat tinggi, themeable widget , dibangun di atas jQuery JavaScript library, yang dapat digunakan untuk membangun aplikasi web interaktif. Album ini dirilis pada bulan September 2007, diumumkan dalam sebuah posting blog oleh John Resig pada jquery.com. [4] Rilis terbaru, 1.10.1, memerlukan jQuery 1.6 atau yang lebih baru. [5]
jQuery UI adalah perangkat lunak bebas, open source, berlisensi di bawah Lisensi MIT .

Widget

Semua widget jQuery UI sepenuhnya themeable menggunakan konsolidasi, mekanisme tema terkoordinasi. ^[7]

• Kontainer Accordion - Accordion
• Autocomplete - kotak Auto-lengkap berdasarkan apa jenis pengguna
• Button - Peningkatan tombol penampilan, putar tombol radio dan checkbox ke pushbuttons
• Datepicker - Advanced tanggal-pemetik
• Dialog - Tampilkan kotak dialog di atas konten lainnya, mudah dan kokoh
• Menu - menu Tampilkan a
• Progressbar - Progress bar, baik animasi dan tidak
• Slider - slider Sepenuhnya disesuaikan dengan berbagai fitur: 
• Spinner - Tampilkan Nomor Spinner
• Tabs - Tabbed penanganan antarmuka pengguna, dengan kedua inline dan konten demand-loaded
• Tooltip - Tampilkan Tooltip 

Effects

• Animasi Berwarna - Menghidupkan transisi dari satu warna ke warna lain
• Beralih Class, Add Class, Hapus Class, Beralih Class - Menghidupkan transisi dari satu set gaya yang lain
• Efek - Berbagai efek (muncul, geser-down, meledak, fade-in, dll)
• Beralih - Beralih efek dan mematikan
• Hide, Show - Menggunakan efek di atas

Contoh

<Script type = "text / javascript">
  / / Membuat # draggable draggable
  $ (Function () {
   . $ ("# Draggable") draggable ();
  });
 </ Script>

 <Div id = "draggable" class = "ui-widget-content">
   <P> Tarik saya sekitar </ p>
 </ Div>
 ~ ~ ~ ~

Hal ini membuat div dengan ID "draggable" draggable oleh mouse pengguna.

 <Script type = "text / javascript">
  / / Mengubah css dari elemen
  $ (Function () {
   $ ("# Demo") css ('color', '# 069').;
  });
 </ Script>

 <Div id = "demo">
   Beberapa teks
 </ Div>

Read More

jQuery

jQuery adalah cross-platform JavaScript library yang dirancang untuk menyederhanakan script sisi klien dari HTML .  Film ini dirilis pada Januari 2006 di BarCamp NYC oleh John Resig . Saat ini dikembangkan oleh tim pengembang yang dipimpin oleh Dave Methvin. Digunakan oleh lebih dari 80% dari 10.000 website yang paling banyak dikunjungi,  jQuery adalah yang paling populer library JavaScript yang digunakan saat ini.
jQuery adalah perangkat lunak bebas, open source , berlisensi di bawah Lisensi MIT . sintaks jQuery ini dirancang untuk memudahkan untuk menavigasi dokumen, pilih DOM elemen, membuat animasi , menangani event , dan mengembangkan aplikasi Ajax . jQuery juga menyediakan kemampuan bagi pengembang untuk membuat plug-in di atas perpustakaan JavaScript. Hal ini memungkinkan pengembang untuk membuat abstraksi untuk interaksi tingkat rendah dan animasi, efek canggih dan tingkat tinggi, tema-mampu widget. Pendekatan modular ke perpustakaan jQuery memungkinkan penciptaan kuat halaman web dinamis dan aplikasi web.
Himpunan fitur inti jQuery - pilihan elemen DOM, traversal dan manipulasi - diaktifkan oleh mesin pemilih nya (bernama "Sizzle" dari v1.3), menciptakan baru "gaya pemrograman", menggabungkan algoritma dan DOM-data struktur , dan dipengaruhi arsitektur lain kerangka JavaScript seperti YUI v3 dan Dojo .
Microsoft dan Nokia bundel jQuery pada platform mereka.  Microsoft termasuk dengan Visual Studio  untuk digunakan dalam Microsoft ASP.NET AJAX framework dan ASP.NET MVC Framework sementara Nokia telah terintegrasi ke dalam platform pengembangan widget Web Run-Time .  jQuery juga telah digunakan di MediaWiki sejak versi 1.16.

jQuery memiliki dua gaya penggunaan:
Melalui $ fungsi, yang merupakan metode pabrik untuk objek jQuery. Fungsi-fungsi ini, sering disebut perintah, yang chainable karena mereka semua kembali objek jQuery.
Via $. fungsi-diawali. Ini adalah fungsi utilitas, yang tidak bertindak atas objek jQuery langsung.
Biasanya, akses dan manipulasi beberapa node DOM dimulai dengan $ fungsi dipanggil dengan CSS tali pemilih, yang menghasilkan objek jQuery referensi elemen yang cocok dalam HTML halaman. Set node ini dapat dimanipulasi dengan memanggil metode instansi pada objek jQuery, atau pada node itu sendiri. Sebagai contoh:
 .. $ ("Div.test") add ("p.quote") addClass ("biru") slideDown ("lambat").;
Baris ini menemukan gabungan dari semua div tag dengan atribut kelas test dan semua p tag dengan class CSS atribut quote , menambahkan kelas atribut blue untuk setiap elemen cocok, dan kemudian meningkatkan tinggi badan mereka dengan animasi. The $ dan add fungsi mempengaruhi set cocok, sedangkan addClass dan slideDown mempengaruhi node direferensikan.
Selain mengakses node DOM melalui hirarki objek jQuery, juga memungkinkan untuk membuat elemen DOM baru jika string dilewatkan sebagai argumen ke $ () terlihat seperti HTML. Misalnya, baris ini menemukan elemen HTML SELECT dengan ID = "carmakes", dan menambahkan elemen OPTION dengan nilai "VAG" dan teks "Volkswagen":
 . $ ('# Pilih carmakes') append (.. $ ('<option />') Attr ({value: "VAG"}) append ("Volkswagen"));
Metode diawali dengan $. metode kenyamanan atau mempengaruhi sifat global dan perilaku. Sebagai contoh, berikut ini adalah contoh dari fungsi iterasi yang disebut each di jQuery:
 $. Masing-masing ([1, 2, 3], function () {
   . console log (ini + 1);
 });
Hal ini menulis "2", "3", "4" ke konsol.
Hal ini dimungkinkan untuk melakukan independen browser Ajax query menggunakan $.ajax dan metode terkait untuk memuat dan memanipulasi data remote.
 Ajax ($. {
   ketik: "POST",
   url: "example.php",
   Data: "name = John & location = Boston"
 }). Dilakukan (function (msg) {
   alert ("Data Tersimpan:" + msg);
 }). Gagal (function (XMLHttpRequest, statusText, errorThrown) {
   alert (
     "Pengiriman formulir Anda gagal. \ N \ n"
       + "XML Http Request:". + JSON stringify (XMLHttpRequest)
       + ", \ N Status Text:" + statusText
       + ", \ N Kesalahan yang ditampilkan:" + errorThrown);
 });
Contoh ini posting data name=John dan location=Boston untuk example.php pada server. Ketika permintaan ini selesai dengan sukses, fungsi keberhasilan dipanggil untuk memperingatkan pengguna. Jika permintaan gagal, itu akan mengingatkan pengguna untuk kegagalan, status permintaan, dan kesalahan tertentu.

Read More

Aplikasi WowSlider

Kali ini saya akan mempost artikel tentang WowSlider  dan masih seperti biasa masih dengan KIKY SI KANCIL langsung saja kita lihat .

Klik tanda plus yang warna hijau

dan kemudian pilih saja gambar yang ingin kita pilih tapi harus kiky si kancil.

Read More