Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more ➡
Download
Standard view
Full view
of .
Add note
Save to My Library
Sync to mobile
Look up keyword
Like this
2Activity
×
0 of .
Results for:
No results containing your search query
P. 1
Membuat Flexibel Input Sederhana Dengan jQuery

Membuat Flexibel Input Sederhana Dengan jQuery

Ratings: (0)|Views: 305|Likes:
Published by Bambang Joko Widodo
Berisi tentang contoh simple pembuatan flexibel input. Jadi yang pengen membuat form input sampai ribuan bahkan bisa tak terhingga, bisa mencoba tutorial ini. selamat mencoba!
Berisi tentang contoh simple pembuatan flexibel input. Jadi yang pengen membuat form input sampai ribuan bahkan bisa tak terhingga, bisa mencoba tutorial ini. selamat mencoba!

More info:

Published by: Bambang Joko Widodo on Jul 30, 2012
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See More
See less

09/10/2012

pdf

text

original

 
 [Computer and Communication] |
Flexibel Form
 1
Membuat Flexibel Input sederhana dengan jQuery.
Kasus ini saya temui ketika teman meminta untuk dibuatkan sebuah program inputan yang flexible,maksudnya banyaknya inputan tergantung keinginan kita. Meskipun ada berjuta-juta inputan.Sistem kerjanya yaitu, kita akan dapat menginputkan nama_penyakit kedalam tb_penyakit. Dan dapatmenginputkan nama_gejala kedalam tb_gejala, dimana inputan nama_gejala akan berupa inputandropdown dan inputan text yang dapat kita tentukan jumlahnya/ banyaknya inputan. Dengan menklik
Tambah
maka form inputan akan bertambah dengan sendirinya. Ketika semua sudah siap,maka klik
Submit
untuk disimpan kedatabase.Kira-kira seperti ini sketsa tampilanya.
INPUT_NAMA_PENYAKIT :INPUT_GEJALA :
Tahap ke-1
Setelah memahami alur dari system yang akan dibuat, tahap selanjutnya yaitu membuat database.Diagram pembuatan database adalah seperti berikut:1.
 
Buat database baru, misal kita create dengan nama: coba.Kemudian klik ciptakan sehingga akan tampil database baru dengan nama database
 
coba
.
 
Input ini untuk memasukkannama_penyakit yang nantinyaakan masuk ke tb_penyakitdalam database.Input berupa dropdown,yang nantinyaakan menampilkan tb_gejala yang adadalam database.Input jika gejala tidak adadalam tb_gejala , sehinggaakan meng-Insertkan ketb_gejala dalam database.
SubmitTambah
 
 [Computer and Communication] |
Flexibel Form
 22.
 
Kemudian buat table database masing-masing untuk
tb_penyakit 
,
tb_gejala
,
tb_has
.
a.
 
tb_penyakitb.
 
tb_gejalac.
 
tb_hasNB:
Bagi yang belum mengetahui bagaimana membuat database di mysql, dapat melihattutorial cnc 1 mengenai database mysql.3.
 
Setelah semua table kita buat, kita mulai untuk menyiapakan satu folder di htdocs. Misal kitaberi nama folder tersebut dengan nama coba. Maka nanti untuk mengakses folder tersebuthanya dengan mengetikkan http://localhost/coba melalui browser.
Catatan:
apache dan mysql di XAMPP control panel sudah diaktifkan.4.
 
Waktunya koding. :D Pertama persiapkan file php, kemudian simpan kedalam folder htdocs>cncyang telah dibuat tadi. Misal kita simpan dengan nama index.php.
 
 [Computer and Communication] |
Flexibel Form
 3
Index.php
Pertama kita buat koneksi telebih dahulu untuk dapat disambungkan dengan database coba.
 
<!
 — 
koneksi untuk menguhubungkan script dengan database coba --><!
 — 
 
“localhost” adalah nama
server yang kita gunakan
“root” adalah nama username dari mysql kita, default biasanya
root.
“” ini berarti kosong, maksudnya tidak ada password dalam
mysql. Jika ada password, maka isikan passwordnya. --><?php$connect=mysql_connect('localhost','root','');$select_db=mysql_select_db('coba');?>
Karena kita memakai file jquery maka jangan lupa untuk menyiapakn file jquerynya. Misal disinikita memakai jquery-1.4.4.min.js. Kenapa kita memakai yang .min, alasanya dapat anda temukan ditutorial cnc pada ulasan JQuery.Siapkan terlebih dahulu file jquerynya, kemuudian cpy kedalam folder
htdocs>cnc
 
<script type="text/javascript" src="jquery1.4.4.min.js"></script>
Tahap selanjutnya kita membuat form input sesuai dengan pola yang kita rancang sebelumnya. Poladapat dilihat pada halaman paling awal.
<!-- form --><form action="nambah.php" method="post">Nama Penyakit : <input type="text" name="penyakit"/><div id="penambahan"><?php$query="SELECT * FROM tb_gejala";$t=mysql_query($query);?><select name="inputs[]"><?phpecho "<option value='0'>--Pilih Gejala--</option>";while($data=mysql_fetch_array($t)){echo "<optionvalue='".$data[id_gejala]."'>$data[nama_gejala]</option>";}?></select> &nbsp; <input type="text"name="inputs1[]"><br/></div><input type="button" id="tambah" value="Add"><input type="submit" name="setuju" value="Submit"></form><!-- /from -->
 

You're Reading a Free Preview

Download
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->