Selasa, 28 Desember 2010
Pembatalan Donasi
Terimakasih atas niat anda untuk melakukan donasi melalui makkul.com, Jika anda berkeinginan untuk melakukan donasi kami selalu terbuka.
Notifikasi Pengiriman Donasi Rp. 1000 ke Makkul
Anda akan mengirimkan donasi Rp. 1000 ke Makkul.com, dana ini akan dikumpulkan dan disalurkan untuk kegiatan amal dilingkungan pengelola makkul.com
Terimakasih
Terimakasih
Terimakasih Atas Donasinya
Terimakasih Atas Donasi yang anda kirimkan. Kami akan menyalurkan dana ini ke orang - orang yang membutuhkan
Rabu, 27 Oktober 2010
Daftar File Yang Bisa Di Download
Berikut ini adalah daftar file yang bisa di download dari blog ini
Tools :
- Kompilasi Artikel PHP v1, Kompilasi artikel2 php dari blog ini.
- Membuat Plugin jQuery v1
- Pengenalan jQuery
- Membuat JSON di PHP
- Belajar Shopping Cart PHP
Senin, 25 Oktober 2010
Membuat Plugin jQuery
1. Buat kode jQuery.fn.myFunction = function(args,e){}
2. Modifikasi kode tersebut
3. Test kode tersebut.
jQuery.fn.myFunction = function(args,e) {
//gunakan kata kunci this untuk menunjuk object/element saat ini
//ini karena function bersifat relatif terhadap element hasil selection jquery
return this.each(function(){
$(this).click(function(){
alert("hello saya custom plugin");
});
};
};
Nah sampai disini anda sudah membuat plugin untuk jquery.Simpan file diatas dengan nama myplugin.js
Berikut ini cara penggunaannnya. Asumsi file myplugin.js dan jquery.js diletakan dalam folder yang sama.
<html>
<head>
<Script language="javascript" src="jquery.js"></script>
<Script language="javascript" src="myplugin.js"></script>
<Script language="javascript">
$(document).ready(function(){
//1. selection diaktifkan pada element html yang memiliki kelas mylabel
//2. panggil custom plugin/function
$(".mylabel").myfunction();
});
</script>
</head>
<body>
<label class='mylabel'>klik me</label>
</body>
</html>
Nah, jika tidak ada masalah, maka apabila kamu mengklik label tersebut maka akan muncul pesan alert yang berasal dari custom plugin/function. Selamat Mencoba dan Happy Coding!
Jumat, 22 Oktober 2010
Contoh Penggunaan JQuery
Berikut ini contoh penggunaan jquery. Jika kamu pernah mengenal pemrograman javascript di web maka pasti pernah mengenal onClick seperti pada contoh ini :
Jika html diatas dijalankan/dibuka dari browser maka akan menampilkan button yang apabila di click maka akan muncul alert.
Pendekatan jQuery agak berbeda, jQuery melakukan selection/query terhadap element - element html. berikut ini contoh selection jquery berdasarkan kode diatas.
Bila diperhatikan memang sangat berbeda ya. mari kita bahas
merupakan code yang membantu jquery memastikan bahwa document telah terdownload sempurna, sehingga tidak ada bagian - bagian halaman yang tertinggal.
sedangkan kode diatas ini berarti jquery melakukan selection terhadap tag input, dan mengikat fungsi klik pada elemen/tag input tersebut. Sehingga jika anda punya element selain button maka akan ikut terquery/terpilih oleh jquery.
Contoh selection lainnya :
Download jQuery cheatseet untuk mengetahui lebih banyak jquery selection
<html>
<head>
<Script language="javascript">
function hello()
{
alert("hello world!");
}
</script>
</head>
<body>
<input type="button" onClick="hello()" value="click me"/>
</body>
</html>
Jika html diatas dijalankan/dibuka dari browser maka akan menampilkan button yang apabila di click maka akan muncul alert.
Pendekatan jQuery agak berbeda, jQuery melakukan selection/query terhadap element - element html. berikut ini contoh selection jquery berdasarkan kode diatas.
<html>
<head>
<-- assumsi jquery.js ada dalam folder yang sama -->
<Script language="javascript" src="jquery.js" ></script>
<Script language="javascript">
$(document).ready(function(){
$("input").click(function(){
alert("hello jquery!");
});
});
</script>
</head>
<body>
<input type="button" value="click me"/>
</body>
</html>
Bila diperhatikan memang sangat berbeda ya. mari kita bahas
$(document).ready(function(){
//disini kode anda
});
merupakan code yang membantu jquery memastikan bahwa document telah terdownload sempurna, sehingga tidak ada bagian - bagian halaman yang tertinggal.
$("input").click(function()
{
//disini code
});
sedangkan kode diatas ini berarti jquery melakukan selection terhadap tag input, dan mengikat fungsi klik pada elemen/tag input tersebut. Sehingga jika anda punya element selain button maka akan ikut terquery/terpilih oleh jquery.
Contoh selection lainnya :
- $("#myinput") --> mencari element dengan id "myinput"
- $(".myclass") --> mencari element dengan css class "myclass"
- $(".myclass").children() --> mencari isi dari element dengan css class "myclass"
Nah jquery selection ini mengikuti konsep CSS3 Selection.
Ok. Cukup Sekian untuk Artikel Ini. Happy Coding!
Download jQuery cheatseet untuk mengetahui lebih banyak jquery selection
Langganan:
Postingan (Atom)