Loading...
PHP Javascript Ajax jQuery Tutorial Indonesia
  Desrizal
Mencoba berbagi ilmu yang sedikit dimiliki ini...
Home | PHP Manual Indonesia | Javascript Guide | eBook Ajax jQuery | Codingwear Store | About Me
Search in blog.codingwear.com :

Download ebook (PDF) Panduan Lengkap PHP Ajax jQuery Bahasa Indonesia

17:45 02 Nov 2010 @Ajax
Buat kamu-kamu yang ingin mulai belajar Ajax PHP dan jQuery, silahkan dowload e-book berikut :
Panduan Lengkap PHP Ajax jQuery, berbahasa indonesia. Cocok untuk kamu-kamu yang membutuhkan tutorial ajax jquery untuk pemula sampai di tingkat menengah.

Pada buku Panduan Lengkap PHP Ajax jQuery ini kamu akan menemukan tutorial pengenalan mengenai ajax, tentang objek XMLHttpRequest, yang merupakan objek pada javascript yang merupakan cikal bakal ajax, tentang format data respon ajax, pengenalan jQuery, referensi lengkap jQuery, pengenalan ajax dengan menggunakan jquery.

Sebenarnya buku ini jauh dari sempurna, tetapi walaupun begitu, insya Allah bisa berguna bagi pengunjung setia blog.codingwear.com.

Kita lihat saja langsung, daftar isi dari buku ini, yaitu :

Daftar isi

  1. Pengenalan Ajax
    • Apa Yang Harus Anda Ketahui
    • Apakah Ajax
    • XMLHttpRequest
    • Komunikasi dengan Server
  2. XMLHttpRequest Object
    • Properti atau Atribut
  3. Format Data Respon Ajax
    • JSON
    • AHAH
    • XML
  4. Pengenalan jQuery
    • Apa itu jQuery
    • Sintaks jQuery
    • jQuery Selector
    • jQuery Events
    • Efek-efek dengan jQuery
    • Manipulasi HTML dengan jQuery
    • Manipulasi CSS dengan jQuery
    • Web Tab Scroll Content (Contoh)
  5. jQuery Ajax
    • Fungsi-fungsi Ajax jQuery
    • Insert, Delete, Update dan Animasi Loading

Download e-book

Tags: belajar ajax pemula belajar ajax php belajar ajax jquery belajar ajax dari awal tutorial ajax php tutorial ajax pdf tutorial ajax pemula tutorial ajax jquery tutorial ajax javascript


Tulisan Lainnya
  1. Horizontal Scroll Website Menggunakan jQuery
  2. Membuat Sendiri Article Rewriter dengan Ajax
  3. Membuat GIS Google Map Marker Multi Icon dengan jQuery, PHP dan MySQL
  4. Membuat Kuis atau Ujian Online Ajax
  5. Membuat GIS Google Map Seperti Wikimapia dengan jQuery
  6. Membuat Berita Dinding Auto Refresh Seperti Twitter dengan jQuery dan PHP
  7. Download ebook (PDF) Panduan Lengkap PHP Ajax jQuery Bahasa Indonesia
  8. Membuat Script Notifikasi Seperti Facebook dengan jQuery dan PHP
  9. Tutorial jQuery Ajax Bagian 2 (Input, Update, Delete, Animasi Loading)
  10. Membuat Geographic Information System (GIS) Sederhana dengan Google Map dan Ajax jQuery

Komentar

#1 Dari : Dawamiba (06:44 03 Nov 2010)
Web : -
Beginilah seharusnya seorang Master, murah hati berbagi ilmu. Semoga Allah membalas kebaikan anda
#2 Dari : hanyafarid (07:38 03 Nov 2010)
Web : http://hanyafarid.web.id
Ijin download mas. mantap!. terimakasih sudah berbagi ilmu.
#3 Dari : Apep (08:47 03 Nov 2010)
Web : -
Bagus ebook nya.
#4 Dari : adam (10:39 03 Nov 2010)
Web : http://www.adensom.wordpress.com
tnx for sharing gan
#5 Dari : Agung (18:00 03 Nov 2010)
Web : http://www.warungweb.net
Web Developer yang baik hati.. terima kasih mas.. ebook ini sangat membantu.. :)
#6 Dari : Harry Suherman (10:13 04 Nov 2010)
Web : http://harrysuherman.com
Mantap...tanks banget mas...jarang2 nich dikasih yg beginian...
#7 Dari : Willy Firmanto (18:36 04 Nov 2010)
Web : http://multimedia-plus.net
thanks mas desrizal, kalo boleh mas bisa gak buat tutorial ajax dengan kasus spt ini: Saya mau buat mading secara electronik pake php mysql, masalahnya gimana pas admin update data (misalnya data di halaman index.php) nah kita gak perlu refresh lagi untuk nampilin updetan terbaru itu.. kalo bisa mas posting ke blog ini ya, tar saya buka (posting ke forum aja kalo udah jadi tutorialnya).
#8 Dari : choirul (17:25 05 Nov 2010)
Web : http://choirulzone.wordpress.com
terimakasih banyak mas desrizal, e-book nya sangat berguna .. semoga kebaikan dari mas desrizal bisa di balas olah tuhan .. amiiin .. sekali lagi terimakasih mas hidup programmer indonesia .. !! :D
#9 Dari : priyo (10:36 06 Nov 2010)
Web : http://wikisephia.blogspot.com
akhirnya TA ku ada pegangan buku ajax indonesia, thank bro BTW kalo bisa sorce2nya juga diupload ya
#10 Dari : Desrizal (10:47 06 Nov 2010)
Web : http://blog.codingwear.com
beberapa source codenya, ada d blog.codingwear.com
#11 Dari : tes (12:14 06 Nov 2010)
Web : -
wah bisa jd penulis juga niii. Besok buat buku nya aja bang terus diterbitin, haha
#12 Dari : Sony (18:13 06 Nov 2010)
Web : http://0n1search.blogspot.com/
wah bagus juga ni untuk dibaca & dipelajari" biarpun saya kurang ngerti mas soal PHP
mksh mas"udah ebook_nya
mudah2an saya bisa belajar dari sekrg
#13 Dari : Desrizal (18:57 06 Nov 2010)
Web : http://blog.codingwear.com
Untuk mengerti PHP dan memulai belajar, silahkan lihat PHP Manual Indonesia
#14 Dari : ilham (00:45 07 Nov 2010)
Web : -
nice ebook mas..

kalo boleh bkinin ebook lengkap tentang javascript juga dong, coz ktanya hrus ngerti javascript juga kan klo mw ke ajax.
thx sblumnya
#15 Dari : Desrizal (13:07 07 Nov 2010)
Web : http://blog.codingwear.com
Insya Allah ada waktu saya tulis tutorial dasar javascript
#16 Dari : beny (07:23 10 Nov 2010)
Web : http://benyabdurrahman.blogspot.com
terimakasih infonya, siap untuk belajar kembali,
ditunggu ebuk yang lain..

#17 Dari : DanZelt (09:59 13 Nov 2010)
Web : http://akhmad-r.blogspot.com
Tutuorial nya keren :D

#18 Dari : rangermaya (09:23 14 Nov 2010)
Web : http://genaro.wordpress.com
makasih mas...
bukunya bagus... :)
#19 Dari : boypeace (05:42 16 Nov 2010)
Web : http://boypeace2010.blogspot.com
Thanks bro...
semoga bermanfaat..
selalu bagi2 ilmunya buat newbie seperti sy
#20 Dari : javanesse (09:25 23 Nov 2010)
Web : http://java-nesse.co.cc
sangat amat muwantap bos....ini yang ane cari selama ini....


btw panduan phpnya ada yang format e-book ga bos???

sekali lagi makasi bos...ane terbantu
#21 Dari : Sudarsono (16:13 25 Nov 2010)
Web : -
Wah buku yang amat menarik dan mempesona
#22 Dari : sikoji (22:41 25 Nov 2010)
Web : http://www.tabloiddiplomasi.org
Mantap Banget bukunya...thanks2...
#23 Dari : rosi (10:40 26 Nov 2010)
Web : http://ramoreez.wordpress.com
Thanks e-book nya bos
#24 Dari : enda (18:12 29 Nov 2010)
Web : -
om..ini bisa digunakan di ubuntu ga ya?
#25 Dari : Desrizal (19:53 29 Nov 2010)
Web : http://blog.codingwear.com
bisa
#26 Dari : enda (00:28 30 Nov 2010)
Web : -
jquery & ajax-na harus di install lagi pa gmn om?
#27 Dari : Desrizal (02:41 30 Nov 2010)
Web : http://blog.codingwear.com
jquery adalah javascript library, jadi download dulu file js ya di jquery.com lalu simpan di folder yang sama dengan tempat anda menyimpan file html.

Cara penggunaannya adalah dengan cara menyisipkan file js jquery tersebut setiap kita menulis kode javascript atau jquery.
cara menyisipkannya:

<script type="text/javascript" src="jquery-1.4.4.min.js"></script>

Contoh:
tes.html

<html>
<head>
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $(".tombol1").click(function(){
        $("#divsaya").slideDown();
    });
});
</script>
<style>
#divsaya{display:none;background-color:red;height:50}
</style>
</head>
<body>
<div id="divsaya">Ini adalah paragraph tersembunyi.</div>
<button class="tombol1">Show</button>
</body>
</html>

Coba jalankan file tes.html melalui browser

Ajax bukan bahasa pemograman baru, tapi suatu teknik atau metode pemograman jadi nggak perlu instal atau download apapun lagi

#28 Dari : enda (19:25 30 Nov 2010)
Web : -
oke..d coba dulu om. makasih om.:-)
#29 Dari : LesaKnight28 (18:46 03 Dec 2010)
Web : http://www.bestfinance-blog.com
I strictly recommend not to hold back until you earn big sum of cash to order different goods! You should get the <a href="http://bestfinance-blog.com/topics/business-loans">business loans</a> or just college loan and feel comfortable
#30 Dari : yomimen (13:35 07 Dec 2010)
Web : http://freewarefull.blogspot.com
manteb mas ebooknya .....:-)
ditunggu ebook2 yang lain ........
#31 Dari : buy essay (08:01 08 Dec 2010)
Web : http://www.supremeessays.com
Very perfect knowledge about this good post. The very good written essays and the possibility to buy essays about this post is offered by paper writing service.
#32 Dari : kiantrue (14:54 10 Dec 2010)
Web : -
terima kasih ebooknya.....
#33 Dari : Lily Amalia (08:43 14 Dec 2010)
Web : -
Makasih banget mas desrizal bt e-booknya..keren
#34 Dari : ANANG (18:16 14 Dec 2010)
Web : http://ramaido.blogsport.com
Mohon Bantuannya,.Saya punya form dalam satu halaman ada dua jquery.Salah Satu jquerynya tidak berfungsi
-------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Tambah Agenda</title>

<script type="text/javascript" src="../nicEdit.js"></script>
<script type="text/javascript">
bkLib.onDomLoaded(function() { nicEditors.allTextAreas() });
</script>


<link type="text/css" href="../config/css/ui-lightness/jquery-ui-1.8.6.custom.css" rel="stylesheet" />
<script type="text/javascript" src="../config/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../config/jquery-ui-1.8.6.custom.min.js"></script>


<script type="text/javascript" src="../config/jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="../config/jquery.validate.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#alumniForm").validate({
rules: {
no_hp: {required: true,number: true},
no_telp: {required: true,number: true},
username: {required: true,minlength: 8},
password: {required: true,minlength: 8},
},
messages: {
email: {
required: "E-mail harus diisi",
email: "Masukkan E-mail yang valid"
},
username: {
required: "Username harus diisi",
username: "Username Minimal 8 Character"
},
password: {
required: "Password Harus diisi",
password: "Password Minimal 8 Character"
},
no_telp: {
required: "No Telepon Harus diisi",
number: "Only enter number"
},
no_hp: {
required: "No HP Harus diisi",
number: "Only enter number"
}

},
errorPlacement: function(error, element) {
error.appendTo(element.parent("td"));
}
});
})
</script>
<style type="text/css">

h4 {
font-size: 100%;
font-family: "Times New Roman", Times, serif;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 20px;
color: #063;
background-color: #DEEACC;
}
input { padding: 3px; border: 1px solid #999; }
input.error, select.error { border: 1px solid red; }
label.error { color:red; margin-left: 10px; }
td { padding: 5px; }
</style>



<style type="text/css">
/*demo page css
body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;} */
.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}
</style>

<script>
$(document).ready(function(){

//2
$("#date2").datepicker({
dateFormat:"dd-mm-yy"
});


//4
$("#date4").datepicker({
dateFormat:"dd-mm-yy",
altField: "#altDate4",
altFormat: "DD, d MM, yy",
changeMonth:true,
changeYear:true
});


//6
$("#date6").datepicker({
dateFormat:"dd-mm-yy",
altField: "#altDate6",
altFormat: "DD, d MM, yy",
changeMonth:true,
changeYear:true
});


});
</script>



</head>
<body>
<h4>Form Penambahan Agenda</h4>
<form id="alumniForm" method="post" action="modul/simpan_kategori.php"><table>
<tr><td width="100">Tema</td><td>
<input name="tema" class="required" title="Tema Harus diisi" size="55" type="text" /></td></tr>
<tr><td>Isi Agenda</td><td>
<textarea name="isi_agenda" style=" width:400px; height: 300px; "></textarea></td></tr>
<tr><td>Tempat</td><td>
<input name="tempat" class="required" title="Tempat harus diisi" size="30" type="text" /></td></tr>
<tr><td>Tanggal Mulai (DD-MM-YYYY)</td><td>
<input type="text" id="date4" size="10" />&nbsp;&nbsp;<input type="text" id="altDate4" size ="35" /></td></tr>
<tr><td>Tanggal Selesai (DD-MM-YYYY)</td><td>
<input type="text" id="date6" size="10" />&nbsp;&nbsp;<input type="text" id="altDate6" size ="35" /></td></tr>
<tr><td>Pengirim (CP)</td><td>
<input name="pengirim" class="required" title="Pengirim harus diisi" size="30" type="text" /></td></tr>

<tr><td></td><td>
<input type="submit" value="Simpan" />
<input type="button" value="Batal" onClick="self.history.back()"/></td></tr>
</table></form>
</body>
</html>


---------

#35 Dari : Eky Adhiputra (22:33 14 Dec 2010)
Web : http://www.ekyadhiputra.com/
keren mas web nya, saling berbagi :D
#36 Dari : militan (01:53 16 Dec 2010)
Web : http://www.militan.co.cc
Ijin download, mas. Semoga bermanfaat.
Thanks.
#37 Dari : ari (10:38 18 Dec 2010)
Web : -
terima kasih mas,,,
bagus bgt tutorialnya,,,
berkah buat mas,,,
#38 Dari : Muhammad Iril (16:48 18 Dec 2010)
Web : http://www.yumugee.com
makasih ijin donlot gan

yg mau main rubik kunjungin ya
http://www.yumugee.com
#39 Dari : nizar (12:43 22 Dec 2010)
Web : -
mantab mas .. trims
#40 Dari : Sang Penyamun (07:55 28 Dec 2010)
Web : http://sang.penyamun.org
makasih bang... di unduh dulu ya.. semoga bisa memahami isinya.. :D
#41 Dari : Andriani (11:38 31 Dec 2010)
Web : -
Numpang download yah gan, nice info.. terus berbagi..
#42 Dari : benishoe (21:32 03 Jan 2011)
Web : -
terimaksih telah berbagi...
numpang sok tau min, tu buat comment #34 anang @ramaido.blogspot.com
<!-- untuk Xport -->
<script type="text/javascript" src="../config/jquery-1.4.2.min.js"></script> + <script type="text/javascript" src="../config/jquery-1.2.3.pack.js"></script> + <script type="text/javascript" src="../config/jquery.validate.pack.js"></script> sebaiknya pake yang valid saja, cukup satu saja yang valid, misal satu saja dari versi terbaru dari host jQuery sendiri atau melalui google API, ya nggak min? cuma numpang sok tau sih..
#43 Dari : ayam_jago (22:29 06 Jan 2011)
Web : http://www.lampungcyber.web.id
thanks for share masbro.. izin donlot yah.. :D
#44 Dari : hendra (21:32 09 Jan 2011)
Web : http://sovimahendra.blogspot.com
saya bersyukur mas udah nemuin blog codingwear banyak pengetahun yang aku dapat dari sini, mksh jga buat mas desrizal yang baek hati, dengan ikhlas meng share'kan ilmu nya, semoga Allah membalasnya,..
izin downloadnya mas..

#45 Dari : aftony (00:12 18 Jan 2011)
Web : http://aftony.info
makasih gan bukunya pasti sangat membantu, karna blogger untuk masalah ini penting/wajib tau...
#46 Dari : tito (11:23 24 Jan 2011)
Web : -
mantabs..!
Izin nyedot n print..
trus di share ke yang lainnya..

Ilmu akan bermanfaat jika di amalkan ..

Thx..
#47 Dari : brian (23:56 25 Jan 2011)
Web : http://blog.beswandjarum.com/ahmadsugiarto
ijin download ya mas...
#48 Dari : ynasir (22:11 27 Jan 2011)
Web : http://electricwaterheaterproblems.com
terima kasih mas atas bukunya
wah padahal hari ini saya baru beli buku ttg jquery
#49 Dari : Mang Iwa (01:56 29 Jan 2011)
Web : -
Numpang Download, terimakasih
#50 Dari : moke (17:38 30 Jan 2011)
Web : -
terima kasih
#51 Dari : cr_7 (16:42 01 Feb 2011)
Web : -
ijin sedot gan
makasih yah
#52 Dari : dani (13:36 17 Feb 2011)
Web : -
makasih mas, jadi terharu masih ada orang yg baik hati disini ^^v
#53 Dari : Ibnea (21:12 26 Feb 2011)
Web : http://ibnea-reborn.blogspot.com/
mari kita sedot pakai sedotan ES cendol.
Thanks ya gan...
#54 Dari : Kang Basthoni (22:07 04 Mar 2011)
Web : http://pulsaselluler.com
Thx banget tutorialnya
#55 Dari : Joko Kristianto (05:57 05 Mar 2011)
Web : http://ayyubikid.blogspot.com
terima kasih buannyyyyyak sekali
heuheu
#56 Dari : sui (09:32 09 Mar 2011)
Web : http://rewinnita.wordpress.com
terimakasih mz, source kode dan tutorial nya sangat membantu pengerjaan Tugas Akhir saya...

Sukses selalu!
#57 Dari : Ibnea (17:52 10 Mar 2011)
Web : http://ibnea-reborn.blogspot.com/
Numpang Download, terimakasih
#58 Dari : zzzz (11:45 12 Mar 2011)
Web : http://ibnea-reborn.blogspot.com/
gan ane dah baca ni ebook.
bagus bangat loh.
ma kasih ya gan!

<noscript><a href="http://ibnea-reborn.blogspot.com/ target="_blank" title="Bagaimana cara - Free download software and Reviews | Free Games | Reviews Software | Full Crack | Free Serial Number "><a href=”http://ibnea-reborn.blogspot.com” alt "
Free download software and Reviews | Free Games | Reviews Software | Full Crack | Free Serial></a>kunjungi blog ane gan!!!</a></noscript>


#59 Dari : fajar (20:41 12 Mar 2011)
Web : http://www.behance.net/fajarfurqoni
terima kasiiiiiiiiiiiiiiiiiiih banyak mas, sangat bermamfaat :)
#60 Dari : incm (00:44 20 Mar 2011)
Web : http://www.pondok-daun.co.cc/
Ma kasih ya gan
#61 Dari : Gareca Nanda (20:16 25 Mar 2011)
Web : http://blogegnbp.blogspot.com
Terima Kasih....
#62 Dari : efriey (07:11 02 Apr 2011)
Web : http://mamaseaza.blogspot.com/
wah, nice inpo neh...makasih gan membantu bgt neh...izin copy right yach... di http://mamaseaza.blogspot.com/
#63 Dari : denz (09:48 11 Apr 2011)
Web : -
mantabbb mas rizal...ijin sedot ya mas..hehehehe
#64 Dari : top bin tobb (16:44 03 May 2011)
Web : -
wah blog top markotop kok sy baru tahu ya.... salam kenal mas defrizal. Smg berkah ilmunya...
#65 Dari : jatiblack (12:11 07 May 2011)
Web : http://jatiblack.com
Salam kenal mas Defrizal, ebook-nya langsung saya sedot & saya cetak lho mas. :)
#66 Dari : wikko (07:35 14 May 2011)
Web : http://taspen.com
terima kasih atas contoh-2 nya sangat berguna dan terima kasih e-booknya sukses
#67 Dari : R.3volv3.R (23:52 18 May 2011)
Web : http://r3volv3r.com
mantap.. buat referensi buat web .. thanks....
#68 Dari : arief (20:41 25 May 2011)
Web : -
Terimaksih,atas ilmunya.sangat bermanfaat buat saya dalam belajar.
#69 Dari : agus (08:29 01 Jun 2011)
Web : http://d-tutorials.blogspot.com/
makasih bos tutorialnya!!
#70 Dari : Ivan (15:50 12 Jun 2011)
Web : http://afandiseman.blogspot.com
Masakih bang semoga amalnya diterima atas ilmunya... :)
#71 Dari : enasri (23:12 16 Jun 2011)
Web : http://fsakti.wordpress.com
makasih kawan aku pengunjung setiamu.... numpang sedot ya mas, dan mohon diiksakan ilmu mu akau pakai salam enasi
#72 Dari : rahmat kurnia (10:21 21 Jun 2011)
Web : http://al-keren.co.cc
terima kasih kepada yang berbaik hati dAN berjasa....
ebook ini kayanya bagus...
download dulu ah
#73 Dari : Resa Pebriyanti Suryana (17:14 22 Jun 2011)
Web : http://resa.pebriyanti.com
Makasih buat semua tutorialnya... sangat membantu bagi saya yang pemula ini.... ditunggu tutorial yg lainnya yah...
#74 Dari : iwan (10:57 24 Jun 2011)
Web : -
keren pak, terima kasih banyak atas tutorial nya,
#75 Dari : liveniping (14:19 25 Jun 2011)
Web : http://liveniping.wordpress.com
wah... bisa belajar banyak disini nih... makasih loh om... saya jadi semangat lagi mau dalamin ilmu web... ^^
makasih e-booknya ya om!
#76 Dari : students (11:31 02 Jul 2011)
Web : http://www.pidel.org
Terimakasih mas, buat ebook dan tutorialnya..:D

saya mau nanya ni mas, gimana buat pesan error pada client jika koneksi jaringan pada server lagi down atau terputus karena listrik padam..
mohon pencerahannya mas..
#77 Dari : newbie (04:18 06 Jul 2011)
Web : -
Thx Mas Rizal,Ebooknya berguna banget nih buat saya yg lagi belajar pemrograman web.

jadi tambah semangat nih.....

Moga2 ilmu yg Mas Rizal share bisa bermanfaat buat pemula yg ingin belajar pemrograman web.
#78 Dari : fahlide (06:14 12 Jul 2011)
Web : -
mohon bantuanya mas..aku mw belajar bkin tombol navigasi dengan efek fade..berhasil tp
tp scriptnya kepanjangan. itu aja baru 3 tombol..klo uda 10 tombol..wduh mgkin editornya gk muat...hahaha... (maklum..pemula..hhehe)..
brangkali mas-mas di coding wear bisa membantu menyederhanakan..kmrin ud cb pke if-else..tp krn gk bs nulis..trus gk jalan..hhehehe..
#79 Dari : fahlide (06:16 12 Jul 2011)
Web : -
mohon bantuanya mas..aku mw belajar bkin tombol navigasi jquery dengan efek fade..berhasil tp
tp scriptnya kepanjangan. itu aja baru 3 tombol..klo uda 10 tombol..wduh mgkin editornya gk muat...hahaha... (maklum..pemula..hhehe)..
brangkali mas-mas di coding wear bisa membantu menyederhanakan..kmrin ud cb pke if-else..tp krn gk bs nulis..trus gk jalan..hhehehe..
thanks
ini mas codingnya...


<html>
<head>
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<link type="text/css" href="css/style.css" rel="stylesheet" />


<script type="text/javascript">
$(document).ready(function(){
$("#tombol1").click(function(){
$('#penampung1').fadeIn(1000);
$('#penampung2').fadeOut(1000);
$('#penampung3').fadeOut(1000);
});
});
$(document).ready(function(){
$("#tombol2").click(function(){
$('#penampung2').fadeIn(1000);
$('#penampung1').fadeOut(1000);
$('#penampung3').fadeOut(1000);
});
});
$(document).ready(function(){
$("#tombol3").click(function(){
$('#penampung3').fadeIn(1000);
$('#penampung1').fadeOut(1000);
$('#penampung2').fadeOut(1000);
});
});
</script>







</head>
<body>

<div id="tombol1">TOMBOL SATU</div>
<div id="tombol2">TOMBOl DUA</div>
<div id="tombol3">TOMBOl TIGA</div>

<div class="penampung" id="penampung1" style="display:none;"></div>
<div class="penampung" id="penampung2" style="display:none;"></div>
<div class="penampung" id="penampung3" style="display:none;"></div>

</body>
</html>


<style type="text/css">
<!--
#tombol1{
font-family: arial;
float:right;
margin-left:50px;
margin-top: 20px;
background-color: green;
cursor:pointer;
}
#tombol2{
font-family: arial;
float:right;
margin-left:50px;
margin-top: 20px;
background-color: red;
cursor:pointer;
}
#tombol3{
font-family: arial;
float:right;
margin-left:50px;
margin-top: 20px;
background-color: yellow;
cursor:pointer;
}
.penampung{
float:left;
margin-left:100px;
margin-top: 100px;
width: 400px;
height: 400px;
background-color: green;
position:fixed;
font-family: arial;
padding: 5px 5px 5px 5px;

}
#penampung1{
background-color:green;
}
#penampung2{
background-color:red;
}
#penampung3{
background-color:yellow;
}


//-->
</style>

#80 Dari : kem (09:46 21 Jul 2011)
Web : -
jarang - jarang ketemu master se-baik ini.. wow.. semoga Tuhan membalas kebaikan mas master :)
saya Ctrl+D page mas master ini.. :D
#81 Dari : virgi (23:31 22 Jul 2011)
Web : http://miniw0rm.us
mantap pak :D ijin dunlut
#82 Dari : antoq (15:57 23 Jul 2011)
Web : http://indwap.com
mantap wa.. mksh......
#83 Dari : Lina Fadilah (21:18 23 Jul 2011)
Web : http://www.facebook.com/lina.fadilah
hatur nuhun... :)
#84 Dari : Iwan (05:56 30 Jul 2011)
Web : -
Terimakasih dengan kemurahan hati...,utk sharing ilmunya.Insya Allah akan menjadi 'Ilmu yang bermanfaat' dan semoga dicatat Allah SWT utk akhir nanti....
#85 Dari : luki (11:02 04 Aug 2011)
Web : http://iklanbariskeren.web.id
izin download ebook...mksh udah berbagi ilmu yang sangat membantu saya bljr pemrograman...
#86 Dari : Murdock (13:40 04 Aug 2011)
Web : -
Inilah contoh jika seseorang mempunyai ilmu yg bermanfaat.
Terima kasih mas Desrizal.
#87 Dari : icha03 (07:01 08 Aug 2011)
Web : http://ica03.wordpress.com
terima kasih sharingnya
#88 Dari : don montana (21:48 17 Aug 2011)
Web : http://donnymontang.blogspot.com
makasih om
#89 Dari : diki (15:24 08 Sep 2011)
Web : http://www.kinkom.co.cc
Wah Ok banget nih.... Makasih share nya mas... O iya gimana kalo baju kaosnya dibikin kaya referal gitu mas...biar kita bisa masarin gitu :)
#90 Dari : prekitiew (16:13 10 Sep 2011)
Web : -
saya bingung buat JQUERY untuk script PHP berikut :
index.php
---------
<form action='eks.php' method='post'>
<input type='hidden' name='XX' value='$_SESSION[id]' />
<input type='hidden' name='YY' value='$_GET[id]' />
</form>

eks.php
-------

<?php
include "config/koneksi.php";
$x=$_POST['XX'];
$y=$_POST['YY'];
$sql=mysql_query("select * from TABEL where xx='$t1' and yy='$t2' ");
$cek=mysql_num_rows($sql);
?>

Tolongg di bantu mas...
Saya tunggu
#91 Dari : prekitiew (16:15 10 Sep 2011)
Web : -
saya bingung buat JQUERY untuk script index.php berikut :
index.php
---------
<form action='eks.php' method='post'>
<input type='hidden' name='XX' value='$_SESSION[id]' />
<input type='hidden' name='YY' value='$_GET[id]' />
</form>

eks.php
-------

<?php
include "config/koneksi.php";
$x=$_POST['XX'];
$y=$_POST['YY'];
$sql=mysql_query("select * from TABEL where xx='$t1' and yy='$t2' ");
$cek=mysql_num_rows($sql);
?>

Tolongg di bantu mas...
Saya tunggu
#92 Dari : tableta android (09:51 16 Sep 2011)
Web : http://www.myefox.es/flytouch3-android-2-1-pc-tableta-de-10-pantalla-t-ctil-del-gps-wifi-mediados-ap
Thanks for such a great post here. This interview is really great, I noticed many new things by reading it.
#93 Dari : topjer (02:18 23 Sep 2011)
Web : http://kangtopjer.blogspot.com
ijin sdottt neh kang,
#94 Dari : ginanjar (13:43 03 Oct 2011)
Web : -
kereen inilah yang di tunggu tunggu mkasih gan ..
#95 Dari : ZyiroyZ (07:49 14 Oct 2011)
Web : http://zyiroyz.com
Very Nice Share....
#96 Dari : iph (11:02 21 Oct 2011)
Web : -
mas tolong tutorialnya untuk validasi form dengan ajax dnk..
#97 Dari : anis (08:12 08 Nov 2011)
Web : http://komikcoret.blogspot.com
wah nice share

tengkyu peri mach
:D
#98 Dari : ucrit (14:14 12 Nov 2011)
Web : http://rovelatte.wordpress.com
waaa sekali baca langsung dah interest banget dengan site ini ni..
ditunggu tutorial berikutnya :)
#99 Dari : -2Q- (11:21 16 Nov 2011)
Web : -
Terima Kasih Masters..
Tutorialnya bermanfaat sekali, keep sharing ya..
#100 Dari : Dido (09:50 18 Nov 2011)
Web : http://pirate-code.blogspot.com
thanks master izin donlot dulu
#101 Dari : yoyo (13:56 18 Nov 2011)
Web : http://temenin.com
Makasih udah Ajax-Ajax kita belajar Ajax... :D ijin sedot Ebooknya...
#102 Dari : indra (16:57 26 Nov 2011)
Web : -
bagaimana cara membuat jika kita ingin membuat link view older.
kan kalau update nya sudah lebih dari yang kita set maka nantinya dibawahnya akan keluar view older. seperti di facebook gitu.

btw. terima kasih atas tutorial nya
#103 Dari : Muhamad Basuki (20:05 17 Dec 2011)
Web : http://bk27.net
Anda luar biasa ... terima kasih sharing ilmunya
#104 Dari : Wiryawan Susanto (07:37 30 Dec 2011)
Web : http://onepaltformtechno.com
Keren banget, thanks ya udah shared, aku shared deh ilmunya kalau sudah bisa thx banget
#105 Dari : wim (02:10 05 Jan 2012)
Web : http://wim.web.id
Mas, ijin unduh ya.. Semoga orang-orang kaya Mas makin banyak, biar banyak orang yang pinter masalah coding/skrip biar bangsa Indonesia cerdas dipendidikan :)

Ane doain mas tambah pahala dan dimurahkan rejekinya.. Amiin
#106 Dari : Hendra Kurniawan (11:30 08 Jan 2012)
Web : http://hendra-mwb.mywapblog.com
Thks sob, ebooknya bermanfaat.
#107 Dari : kumizcribs (00:07 10 Jan 2012)
Web : cafeinformasi.com
Sangat Bermanfaat , Tambahan ilmu

THX
#108 Dari : aga (23:24 10 Jan 2012)
Web : -
makasih mas mas.....
#109 Dari : coach factory outlet (07:52 11 Jan 2012)
Web : http://www.coachfactoryoutlettime.net
Tutorialnya bermanfaat sekali, keep sharing ya.
#110 Dari : coach outlet online (07:53 11 Jan 2012)
Web : http://www.coachoutletonlinecoachus.com
Tutorialnya bermanfaat sekali, keep sharing ya.
#111 Dari : coach outlet online (08:35 11 Jan 2012)
Web : http://www.coachoutletonlinetime.com
coach outlet online http://www.coachoutletonlinetime.com
#112 Dari : louis vuitton uk (08:36 11 Jan 2012)
Web : http://www.louisvuitton-ukoutlets.org.uk
louis vuitton uk http://www.louisvuitton-ukoutlets.org.uk
#113 Dari : arhoel (14:37 18 Jan 2012)
Web : -
thanks for all info ajaxx mas...
#114 Dari : catatan programer (10:16 21 Jan 2012)
Web : http://catatanprogramer.blogspot.com/
terima kasih kepada yang berbaik hati dAN berjasa....
ebook ini kayanya bagus...
download dulu ah
#115 Dari : w174trd (10:38 07 Feb 2012)
Web : -
makasih kang e-booknya.
#116 Dari : sandy ra (21:47 07 Feb 2012)
Web : http://sq.web.id
ijin ikut share mas .... makasih
#117 Dari : mohamad albar (17:47 08 Feb 2012)
Web : http://albar10.wordpress.com
makasih banyak ya mas ebook nya :)
#118 Dari : ahmad (10:18 11 Feb 2012)
Web : http://toko-lengkap.com
tengkyu banged mas, semoga berkah ilmunya,..
aamiin,.
#119 Dari : Abebae (16:17 14 Feb 2012)
Web : http://abebae.wordpress.com
Thank's Gan atas sharex...
#120 Dari : akbar (09:28 22 Feb 2012)
Web : -
Mas Desrizal,mau tanya nich
saya ni sedang membuat aplikasi ujian online, saya terkendala pada script untuk "review pada jawaban yang sudah dipilih",
itu kira-kira gimana ya mas???
tolong dong
#121 Dari : Dimas Permana (10:49 24 Feb 2012)
Web : -
Thanks Gan Postingannya SAngat Bermanfaat Khususnya Bagi Saya Yang Baru Pemula.. !!

Mudah2han Webnya Lebih Berkembang Lagi...
#122 Dari : adam (14:17 28 Feb 2012)
Web : http://adamdesigner.wordpress.com
semoga ilmunya tambah luas,
terimakasih sudah berbagi
#123 Dari : giriayoga (10:01 29 Feb 2012)
Web : http://giriayoga.com
terima kasih ebooknya
#124 Dari : iis aulia (13:23 01 Mar 2012)
Web : -
Keerren banged dach...
Thanks ebooknya ya om
#125 Dari : tommy (22:34 03 Mar 2012)
Web : http://blog.karo.or.id
mantap, terimakasih sudah berbagi mas :) saya juga ada rencana nulis tutorial php nih, semoga bisa menjadi inspirasi.
#126 Dari : cahyo (13:26 14 Mar 2012)
Web : http://unassmk.org
terima kasih ilmunya , ini sudah belajar dari buku anda , dan saya pun mencoba pembuatan quiz yang anda buat trims
#127 Dari : Chu_will (20:36 15 Mar 2012)
Web : http://chuwil.blogspot.com/
izin download ya :)
#128 Dari : salim (15:53 26 Mar 2012)
Web : -
makasih makasih
#129 Dari : edi purwanto (23:18 27 Mar 2012)
Web : http://edipurwanto88.blogspot.com
izin download
#130 Dari : andre (18:15 02 Apr 2012)
Web : -


thx, sangat membantu


http://cloudservices.co.id
jasa pembuatan web, company profile dan masih banyak lagi
yang membuat perusahaan anda terlihat lebih menarik


#131 Dari : nofree (23:44 07 Apr 2012)
Web : http://celoteh.net
izin download mas
#132 Dari : adrian arda (20:34 09 Apr 2012)
Web : http://arda69.blogspot.com
Terimakasih ebooknya, semoga berkah :)
#133 Dari : hoAAah (06:54 11 Apr 2012)
Web : http://www.belajararief.com
Trimikisi banyak ebooknya masbro.. Bener2 berguna buat kaum g punya yg pengen belajar seperti gw.. :D

Btw, yg di bab1, kok yg gw malah muncul tulisan Array('alamat') y? Bingung salahnya dimana...
Sekali lagi trimikisi ebooknya masbro...
#134 Dari : Robert (10:28 20 Apr 2012)
Web : http://robertsin.blogspot.com
Terima Kasih ilmunya bang.
Jadi bnyk belajar hal baru dari e book ini
#135 Dari : epur (23:40 20 Apr 2012)
Web : http://www.edipurwanto88.web.id
thank ebook nya pak
#136 Dari : fitrah (03:02 05 May 2012)
Web : -
E-booknya mantabs bang, sangat membantu saya yang pemula :), makasih.. dan salam kenal
#137 Dari : District13 (09:35 11 May 2012)
Web : -
nice share.....:D
#138 Dari : joeyaxlez (21:48 25 May 2012)
Web : -
nubie izin beljar dulu om master,...mohon bimbinganya...
#139 Dari : jun (15:52 01 Jun 2012)
Web : -
saya izin ikutin blognya mas...
simple dan mudah dimengerti..
saya salut mas.. keren.

#140 Dari : lifetime_espector (08:25 09 Jun 2012)
Web : http://donnymontang.blogspot.com
pagi Rizal,
Script2 mas Rizal sangat banyak membantu saya dlam berkreasi cuman saya mau minta tolong saya ada ide dalam blogging menggunakan dwi bahasa yaitu english & bahasa yang mana :
1. dalam 1 postingan pada bagian atasnya ada icon bendera english. jadi pada waktu diketik langsung menuju ke bawah yang menggunakan english.
2. pada lembar english terdapat icon bendera bahasa yang akan mengembalikan layaknya tanda panah 'move to the top'

hanya saja saya masih bingung dalam pendempatan </b:skin> apakah mas boleh memberikan saran? sebaiknya icon bahasa yang ditempatkan pada setiap posting terutama blogger ini dipasanng dan script yg bagusnya bagaimana ya?!
#141 Dari : lifetime_espector (08:27 09 Jun 2012)
Web : http://donnymontang.blogspot.com/
izin ebookx di copas ya mas

rizal : monggo...
/me : mkasih mas...
#142 Dari : Arif Rahman (11:20 15 Jun 2012)
Web : http://www.arif-rahman.com
ijin donlod mas
#143 Dari : Teddy (22:36 16 Jun 2012)
Web : http://dimensimagi.com
terima kasih atas tutorialnya, ijin donlot gan.
#144 Dari : Gitto TKJ (15:13 20 Jun 2012)
Web : http://http://www.gittosptkj.16mb.com
tutorialnya bagus tuh buat dipelajari bagi yang pemula ijin donwlod ya mas
#145 Dari : Rastono (09:29 26 Jun 2012)
Web : -
izin download untuk bahan belajar.

terima kasih banyak atas ilmu-ilmu-nya.


#146 Dari : jono (02:02 19 Jul 2012)
Web : -
kalo mau download ebook yang ini ada gk mas rizal Panduan PHP dan MySQL Indonesia 1.0
#147 Dari : rial (12:27 04 Aug 2012)
Web : http://rialsoft.blogspot.com
Terimakasih mas udh berbagi.. ^_^
#148 Dari : maoels (10:46 29 Aug 2012)
Web : -
world need more peoples like mas desrizal..

thankyou for FREE share :)
#149 Dari : Rijal (09:51 14 Sep 2012)
Web : http://-
Nice Posting !!!,, Thanks Mas Desrizal..web ini sangat bermanfaat...
Semoga semakin sukses....
#150 Dari : Alfan Muslihuddin (01:02 20 Sep 2012)
Web : -
Terima kasih banyak mas artikelnya :)
#151 Dari : Dikta (14:36 28 Sep 2012)
Web : -
trimakasih mas.. :)
#152 Dari : donny montang (21:09 01 Oct 2012)
Web : http://donnymontang.blogspot.com
request mas,
Kebanyakan kalau di blogger kan agak sulit kalau mau nempatin tombol dwi bahasa(english-indonesia).
kalau misalnya tombol u/ bahasa inggrisnya diletakkan didalam postingan, dan setelah di klik langsung mengarah kebahagian bawah postingan, tepat pada tulisan yang sudah kita translate ke english gimana om? sama seperti tombol move to top atau sebaliknya,

atas jawabannya terima kasih ya..
#153 Dari : widodo (20:22 02 Oct 2012)
Web : http://idho.webs.com
mas script saya kok eror ya...
saya download ajax komentar yang kayak di facebook..
#154 Dari : pututik (11:35 31 Oct 2012)
Web : http://www.pututik.com
terimakasih atas sharingnya, pututik ijin download semoga menjadi amal baik
#155 Dari : Abdul (15:32 27 Nov 2012)
Web : -
Thanks ya om...
ijin download...
#156 Dari : Rico (13:01 29 Nov 2012)
Web : http://api.master18.tiket.com/search/flight?d=PDG&a=CGK&date=2012-11-30&adult=1&chil
Bagaimana cara parse array dari url diatas.
#157 Dari : Najla (10:16 17 Dec 2012)
Web : http://mercubuana.ac.id
thank e-booknya. ijin download yah.. :)
#158 Dari : Johan (07:15 21 Dec 2012)
Web : http://www.johanip.com
Terima kasih bukunya mas. semoga jadi pahala
#159 Dari : sai (17:31 29 Dec 2012)
Web : -
mkasi

#160 Dari : Muhamad Burhanudin (08:19 23 Jan 2013)
Web : http://burhanudin.web.id/
Makasih tutornya kaka
#161 Dari : ferdi (19:11 28 Feb 2013)
Web : -
makasih ya om... :)
#162 Dari : antohirin (16:08 01 Mar 2013)
Web : -
terimakasih e booknya... :D tetap semangat
#163 Dari : roni (14:31 07 Apr 2013)
Web : -
mksih bosss
#164 Dari : Habibi (06:15 21 May 2013)
Web : http://www.bloghabibi.com/
Mantap dah, terima kasih :)

Komentar
Nama :
Email :
Web :
Komentar :
Captcha Sepakbola
Apakah anda manusia?Lebih baik lagi kalau anda menyukai sepak bola
Sebutkan pemain sepak bola disamping:

Captcha Sepakbola by codingwear


CodingWear merupakan baju kaos keren, baju kaos unik buat para programmer, praktisi IT, pecinta coding

Subscribe in a reader

Follow codingwear on Twitter


Jendela Riau


Blogger Bertuah
Web Development
Book

Designed & Programmed by Desrizal
Copyright (c) 2010