Kali ini saya akan berbagi tentang cara membuat komentar dengan menggunakan jquery namun saya tidak memasukkan kedalam database dan Anda bisa merubahnya jika akan memasukkan kedalam database.
Skrip kode dibawah ini adalah jquery untuk proses pengiriman data kemudian langsung di tampilkan
Untuk file prosesnya Anda buat skrip kode dibawah ini dengan nama file komentarajak.php.
![](http://4.bp.blogspot.com/-9qNBXq5TQLo/UQvy4sfbnmI/AAAAAAAAAE4/kQTNfv6BirI/s1600/demo.png)
![](http://1.bp.blogspot.com/-8Xb2BZKaGMM/UQvy3d6KGtI/AAAAAAAAAEw/QejaJsKS7yU/s1600/download.png)
Skrip kode dibawah ini adalah jquery untuk proses pengiriman data kemudian langsung di tampilkan
//fungsi untuk memproses pengiriman komentar dengan jQuery $(function() { //proses setelah button submit di klik $(".kirimkeun").click(function() { //data yang terdapat pada input nama var ngaran = $("#ngaran").val(); //data yang terdapat pada input email var email = $("#email").val(); //data yang terdapat pada input komentar var comment = $("#comment").val(); //memanggil semua data yang akan di eksekusi var dataString = 'ngaran='+ ngaran + '&email=' + email + '&comment=' + comment; //membuat validasi apabila terdapat input teks yang kosong if(ngaran=='' || email=='' || comment=='') { alert('Tidak Boleh ada yang kosong'); } else { //menampilkan loading sebelum komentar muncul $("#flash").show(); $("#flash").fadeIn(400).html('<div style="margin-left:160px; "><img src="images/loading.gif" align="absmiddle"> <span class="loading">Silahkan tunggu...</span></div>'); $.ajax({ //proses eksekusi data dengan method post type: "POST", //menentukan file dimana data yang terdapat pada input teks di eksekusi url: "komentarajax.php", data: dataString, cache: false, success: function(html){ //menampilkan data apabila data berhasil di eksekusi $("ol#update").append(html); $("ol#update li:last").fadeIn("slow"); //mengembalikan input teks menjadi kosong apabila data berhasil di eksekusi document.getElementById('email').value=''; document.getElementById('ngaran').value=''; document.getElementById('comment').value=''; $("#ngaran").focus(); $("#flash").hide(); } }); } return false; }); });Dari kode di atas telah saya masukkan penjelasan mengenai fungsi dari skrip tersebut jadi saya tidak perlu jelaskan kembali.
Untuk file prosesnya Anda buat skrip kode dibawah ini dengan nama file komentarajak.php.
<?php if($_POST){ //hasil data yang akan di eksekusi dari input teks $ngaran = $_POST['ngaran']; $email = $_POST['email']; $comment = $_POST['comment']; } ?> <!-- menampilkan hasil dari data yang dikirim tadi --> <li class="box"> <img src="images/no-avatar.png" style="float:left; width:80px; height:80px; margin-right:20px"/> <span style="font-size:16px; color:#663399; font-weight:bold"> <?php echo $ngaran;?></span><br /><br /> <?php echo $comment; ?> </li>Sekarang kita buat tampilan form untuk mengirimkan data atau untuk mengirim komentarnya.
<div id="header"> <a href="http://www.infobelajar.com"> <img src="https://lh6.googleusercontent.com/-pirzIcLYm7c/ UQFQuAgcPUI/AAAAAAAAAXo/3I5qJAFME4Y/s334/ logofv.png" width="200px;"> </a> </div> <div id="content"> <center> <table border="0"> <tr> <td valign="top" style="min-height:500px;"> <div id="demo"> <div id="main"> <ol id="update" class="timeline"></ol> <div id="flash" align="left" ></div> <center> <form action="#" method="post" id= "formurang"> <input type="text" name="ngaran" id= "ngaran" placeholder="Nama Anda..." style="padding-left:8px"/> <input type="text" name="email" id= "email" placeholder="Email Anda..." style="padding-left:8px"/><br> <textarea name="comment" id="comment" style="width:420px" placeholder="Komentar Anda..."> </textarea><br /> <div style="margin-left:360px"> <button class="kirimkeun" id= "buttonkomen" type="submit" onclick="$.('#formurang').submit();"> Submit</button> </div> </form> </center> </div> </div> <div id="bawahdemo"> <b>Demo</b> </div> </td> </tr> <tr> <td align="center" colspan="2" style="font-size:11px;"> Copyright ©2013 powered by <a href="http://www.infobelajar.com">www.infobelajar.com</a> </td> </tr> </table> </center> </div>Sekian share komentar jquery semoga dapat bermanfaat.
18 comments:
obat kaki bengkak akibat asam urat, kaki bengkak akibat diabetes, obat kaki bengkak akibat ginjal, kaki bengkak akibat jantung. kaki bengkak akibat jatuh, obat kaki bengkak akibat kanker serviks, kaki bengkak akibat kecelakaan, kaki bengkak akibat keseleo, kaki bengkak akibat lu
sbobet indonesia
www.indotogel.com
indotogel.com
www.indotogel
indotogel wap
lin alternatip indotogel
www indotogel
wap indotogel net
wwwindotogel com
www.indo togel.com
indotogel online
www indo togel net com
link alternatif indotogel
wap indotogel com
wwwindotogel
wap indotogel
indotogel
situs indotogel
togel indotogel
indotogel4d
alternatif indotogel
www indotogel dot com
daftar indotogel
indo togel
besar hadiah indotogel web
www indotogel com hari ini
indo.togel
indotgel
www jalurbis com
ido togel
jalurbis com
indotigel
indo tgel
caramaintogelonline
caramaintogelsupayamenangterus
caramasangtogel
caramemprediksitogel
caramenangtebakhargaline
caramenangtogel
caramenangtogel2angka
caramenangtogel4angka
caramenangtogelbesarkecil
caramenangtogelcolokbebas
caramenangtogelsetiaphari
caramenangtogeltiaphari
caramencariangkamain
caramencariaskopkepalaekor
caramencariekorkudalari
caramencariganjilgenaptogel
caramencarinomortogel
caramendapatkannomortogel
caramenebaktogel
caramenghitungangkatogel
caramenghitungnomortogel
caramenghitungtogelbagipemula
caramenghitungtogelyangakankeluar
carameramaltogelhk
carameramaltogelhongkong
carameramaltogelyangakankeluar
caramerumustogel
kami dari Sirius QQ mengajak anda untuk bermain bersama kami di SiriusQQ
Tersedia bonus Menarik Kami yakni :
Bonus Freebet Rp 10.000
Bonus New Member 10%
Bonus Deposit harian 10%
Bonus Refferal 10%
Bonus Turnover 0.5%
Bonus Achievement Bulanan
Bonus Rtusan Juta Rupiah
Minimal Depo dan WD Rp. 10.000
Jenis Permainan:
-Texas Poker
-Bandar Poker
-Sagong
-Ceme Keliling
-Ceme
-Domino qq
-Capsa Susun
-Capsa susun
-Blackjack
Bagi yang tertarik bisa daftar langsung dari Link Di atas atau bisa juga langsung hubungi
Meilinda di 083800288680
poker online 2019
situs poker online paling bagus
situs poker online 24 jam
main poker online
PokerV Games
poker galaxy online
turn poker online
situs poker online asia
daftar poker online terbaru
poker online pakai uang asli
texas hold em poker online
game online 2019
situs judi poker online
pkv game
cara hack poker online uang asli
cara main poker online
judi online terpercaya
5 Great Site!!
Berkah365
12Naga
Royal Casino
TogeL212
ToyotaQQ
download aplikasi poker online
cara bermain poker online
poker online bonus new member
daftar poker online terpercaya 2019
situs poker online terbaru
domino poker online
poker club 88 online
bandar poker online
poker online indonesia terpercaya
free online poker
agen poker online terpercaya
poker online 77
judi poker online terpercaya
cara untuk mencegah sering kalah di situs judi poker-online
tips menang terus bermain bandar66 online di pkv games
memanfaatkan situs judi online terpercaya
feeling yang baik saat menjalankan taruhan poker online
Berkah365
Togel212
12Naga
RoyalKasino
ToyotaQQ
EraQQ
Sarana365
judi online
situs judi online
situs judi qq online terpercaya
judi bola online
agen judi online
judi poker online
judi online terpercaya
judi kartu online
game judi online
daftar judi online
taktik membaca kartu lawan dalam poker online
fakta tentang judi poker online
keuntungan dan kekurangan pkv games
Daftar ToyotaQQ
pengeluaran togel online hari ini
nomor sgp togel online
agen togel online king4d
agen togel online terbaik
king4d com togel online
daftar togel online king4d
online togel hongkong
keluaran togel online
forum togel online
menuqq
alternatif menuqq
cara download menuqq
cashback menuqq
chat menuqq
daftar menuqq.net
deposit menuqq
link menuqq
menuqq.com
menuqq download
Situs poker88
Berkah365
Berkah 365
liga Berkah365
link alternatif Berkah365
live chat Berkah365
Berkah365 seo
Berkah365 asia
login Berkah365
link Berkah365
dunia Berkah365
Berkah365 link alternatif
king Berkah365
Berkah365 alternatif
live Berkah365
Berkah365 mobile
berita Berkah365
Berkah365 asia main
Berkah365 play
situs link Berkah365
bola Berkah365
cara main Berkah365
Berkah365 livcat
Berkah365 login
kontes seo Berkah365
Berkah365 asia.com
arena Berkah365
peluang bisnis dalam judi online
keunggulan main poker
kalahkan bandar main judi online
waktu terbaik untuk bermain judi online
panduan perang baccarat
agen judi bola online
daftar situs judi bola resmi
cara menang judi bola
v88 judi bola
rumus judi bola cap jiki
situs judi bola online terpercaya
judi bola gila
bandar judi bola
daftar judi bola
judi bola on line
bola judi
bandar judi bola terpercaya
prediksi judi bola
agen judi bola terbaik dan terpercaya
agen judi bola terbaik
daftar situs judi bola terpercaya
daftar situs judi bola online terpercaya
bandar agen taruhan judi bola sbobet online
judi bola 123
judi bola m88
judi bola minimal bet 5000
judi bola setan
website judi bola terpercaya
judi bola tangkas online
judi bola online terpercaya
situs judi bola online
agen judi bola termurah dan terpercaya
rumus judi bola over under
judi bola deposit 10rb
situs judi bola terbesar di asia
cara menang judi bola parlay
nomor togel hk online
togel online 4d
daftar togel singapore online
togel online singapura
togel online terbesar
shio kuda togel online
online togel singapore
beli togel online
cara beli togel online
daftar online togel
game togel online
togel korea online
www togel online org
togel online terbaik dan terpercaya
agen judi togel online
daftar togel online singapura
rumus togel online
afatogel com bandar terbesar situs togel online terpercaya
pengeluaran togel singapura online
togel singapura online
data togel sgp online
situs online togel
referensi bandar togel online
togel online hari ini
daftar bandar togel online
togel hk online
aneka togel online
web togel online
togel malaysia online
Berkah365
Berkah 365
liga Berkah365
link alternatif Berkah365
live chat Berkah365
Berkah365 seo
Berkah365 asia
login Berkah365
link Berkah365
dunia Berkah365
Berkah365 link alternatif
king Berkah365
Berkah365 alternatif
live Berkah365
Berkah365 mobile
berita Berkah365
Berkah365 asia main
Berkah365 play
situs link Berkah365
bola Berkah365
cara main Berkah365
Berkah365 livcat
Berkah365 login
kontes seo Berkah365
Berkah365 asia.com
arena Berkah365
peluang bisnis dalam judi online
keunggulan main poker
kalahkan bandar main judi online
waktu terbaik untuk bermain judi online
panduan perang baccarat
cara dapatkan bonus referral poker
trik menang perang baccarat
5 jenis permainan kartu remi pkv games
hindari 8 hal ini agar menang judi poker online
sukses bermain poker online
menang judi poker di android
pentingnya memilih meja poker
menang paling jitu poker online
penyebab akun terkunci pada situs pkv games
mengalahkan lawan poker online
togel online singapur
nomor singapura togel online
asian4d online togel terpercaya cepat diskon besar
hk togel online
cara bermain togel online
bandar online togel
pengeluaran togel sgp online
info togel online
cara pasang togel online
daftar togel online terpercaya
cara daftar togel online
sgp togel online
cara mendaftar togel online
kumpulan situs togel online terpercaya
main togel online
daftar togel singapura online
singapura togel online
data pengeluaran togel online
data togel online
togel 4d online
game online togel
hongkong togel online
togel kuda lari semarang online
kuda togel online
togel singapur online
toto togel online
prediksi togel hongkong online
togel online sydney
bandar togel online terbesar dan terpercaya
no hongkong togel online
prediksi hongkong
togel singapur
gitar togel singapore
bandar togel terpercaya
wot batu
togel sgp hari ini
togel hongkong hari ini
sdsb
no sgp
togel singapura hari ini
agen togel
nomor togel hongkong
Bonus New Member 10%
Minimal deposit Rp. 25.000,-
Maksimal bonus diberikan Rp.1.000.000,-
Syarat withdraw 2x Turn Over
untuk info lebih lanjut bisa hubungi kami
LIGABET24
Post a Comment