Click All Data And Deletes With Javascript

Kalo kita punya phpmyadmin pasti kita juga sering lihat tampilan tombol yang seperti ini.

dari tampilan diatas dapat saya jelaska, jadi data-data tersebut nantinya dapat kita delete semua saat kita melakukan check kedalam form checkbox. Mau melakukan check yang mana saja atau mau pilih Check All.intinya jika data tersebut terdapat tanda checklist maka jika tombol delete di click maka data akan dihapus. berikut tampilan saat melakukan delete

untuk cara pembuatan scriptnya:

untuk gambar diatas menjelaskan inisialisasi link dengan javascript,css dan mysql

 

pada tampilan gambar diatas dilakukan fungsi pemanggilan data dari database beserta memberikan sintax html. sehingga tampilan halaman web bisa dilihat pada gambar yang paling atas.

untuk masalah script javascriptnya sebagai berikut

 

untuk script program diatas saya menggunakan bantuan ajax untuk fungsi gabungan antara javascript kemudian melkukan fungsi execution delete menggunakan php. untuk lebih jelasnya dari tiap-tiap tampilan script tersebut silah download disini

 

gambar diatas adalah fungsi yang akan menjalankan program delete. Fungsi tersebut mengandung program ajax yang akan melakukan fungsi execution ke halaman editor.php berikut gambaran script nya

 

disini saya menggunakan program mysql untuk melakukan delete kedalam database. Karena data yang kita miliki tadi terdapat didalam database. 

Kemudian untuk sedikit memeperindah berikut tampilan dari editor.css

 

yah demikianlah sedikit penjelasan dari saya untuk lebih jelasnya dari script yang saya buat diatas bisa di download disini. KEEP HAPPY CODING

Element Form Javascript

Pada tulisan saya yang satu ini, saya akan mejelaskan bagaimana suatu element form dimana data yang dikirim dapat ditangkap oleh javascript. element form yang akan digunakan disini adalah textfield, slect, checkbox, radio button dan textarea. Dari berbagai macam-macam element form tersebut akan diaplikasikan dengan pengisian suatu form yang kemudian akan diolah dalam verifiikasi data. Berikut merupakan tampilan gambaran dari form-nya

Kemudian setelah kita menekan lihat akan tampil sperti ini

Kemudian untuk script pembuatanya akan dibagi menjadi 3 file, yaitu file halaman tampilan.html , element.js dan element.css
1.file tampilan.html

jika kurang jelas silahkan click gambar yang bersangkutan. file diatas menjelaskan ling ke element.js dan element.css. selain itu, sintax html dari pembuatan berbagai macam element form
2. file tampilan element.js

 

jika tampilan kurang jelas silahkan klick pada gambarnya. pada gambar diatas menjelaskan mengenai program yang sesungguhnya terdapat bermacam-macam teknik javascript dalam menagkap data. untuk lebih jelasnya lagi dan penjelasan tiap bari bisa di download disini. 

3. element.css

 

gambar diatas hanya berupa script css sederhana untuk mendesain warna tabel

Waktu Mundur pada Javascript

Lihat-lihat model ujian online sekarang ini. pada menggunkan waktu mundur untuk melakukan perintah penghabisan waktu saat berlangsunya ujian. Disini saya akan membagikan sedikit dari trik-trik pembuatan waktu mundur tersebut. begini scriptnya

hal yang paling utama dari script program ini adalah gunakan setInterval. fungsi ini digunakan untuk melakukan pemanggilan fungsi dengan periode waktu yang ditentukan. Jika script yang saya gunakan menggunakan periode waktu satu detik untuk melakukan pemanggilan fungsinya. sedangkan fungsi yang saya buat melakukan pengurangan dengan nilai yang sebelumnya jadinya ya nilainya mundur terus seperti waktu mundur. nah berikut merupkan tampilan gambarnya yang sederhana

nah sederhankan silahkan anda dapat melkukan download script nya disini. KEEP HAPPY CODDING

Simple SlideShow Javascript

Setiap bangun tidur di hari senin, kegiatan yang pertama ingin dilakukan adalah sholat kemudian buka internet. nah pasti dah tau semua kan kalo hari minggu malem biasaya ada sepakbola. Kebiasaan tiap hari senin memiliki jadwal yang padet di pagi hari jadinya merelakan untuk tidak mennton bola. Nah karena dari itu buka internet dan buka detikisport buat lihat tim andalan kita berhasil menang di pertandingan semalem atau tidak. Akan tetapi, sebelum kita lebih detail ke berita yang akan kita tuju. eh ada gambar slide show ditengah, wah lucu juga, gimana kalo dibuat kayanya gampang kok. nah yoh langsung aja ke script-nya.

mau mnceritakan sedikit tentang gambar yang ada diatas kalo saya disini menggunkan array untuk pemanggilan gambarnya. sedangkan gambar yang diperoleh dari database. Bisa dibilang kalo script yang saya buat campuran antara mysql dan javascript. perlu diingat lagi bahwa pada mysql diatas disana saya menggunakan limit untuk pembatasan tampilan foto yang akan dikeluarkan. limit atau foto yang akan dikeluarkan sejumlah 4 buah. kemudian saya menggunakan fungsi setInterval() pada javascript untuk melakukan pergantian tiap 3 detik sekali.kemudian berikut merupakan script lanjutan yang berikutnya

wah kayanya gambarnya kurang jelas ya,, silahkan untuk mengklik gambarnya biar bisa lebih kelihatan. nah pada script yang saya buat tersebut. Saya membuat function yang akan di panggila oleh setinterval setiap 3 detik. dan didalam fungsi tersebut pastinya melakukan pemanggilan array yang berisikan gambar dari array yang seelumnya kita buat.dan array tersebut dipanggil secara bergantian setiap 3 detik sekali. mungkin untuk script lengkapnya bisa di download disini. nah didalamnya sudah saya berikan sedikit penjelasan yang lebih detail tentang script yang saya buat.
Nah berikut merupakan tampilan sederhana dari script yang saya buat.

 

Gimana dengan tampilanya?? hahaha... ga mirip kan. yaudah dimirip-miripin aja yak. seperti biasa  KEEP HAPPY CODING

Auto Refresh After Send Data

Pada tulisan saya yang satu ini, saya akan membuat script tentang javascript. pernah nih, dapet masalah sewktu mau ngirim data kemudian muncul popup kemudia setelah popup tersebut muncul sebagai verifikasi data. setelah cocok kemudian di submit maka tampilan data yang utamanya akan melakukan refresh. nah berikut cerita dari script yang saya buat.

nah misalkan ini adalah halaman index.html dimana kita akan mengisikan data kita untuk diproses untuk penyimpanan. kemudian

nah intinya disini setelah proses pengiriman data selesai maka kita menutup window popup nya. dan script untuk melakukan refresh nya dengan window.opener.location. nah untuk script lengkapnya busa di download disini.
nah berikut merupka tampilan hasil jadinya
pertama pengisina data

kemudian verifikasi melalui popup

ketiga melakukan refresh ke halaman yang pertama

nah berikut tutorial singkatnya ya, kurang jelas silahkan comment. KEEP HAPPY CODING

Membuat callender di Javascript

nah, sekarangn mau nyoba membuat calender tapi pake pemrograman javascript. algoritma yang saya pake juga masih sama seperti yang di php. hanya saja kalo di javascript tidak ada maketime(). akan tetapi pada javascript kita bermain dengan new Date(). nah langsung saja ya ga usah banyak ber gombal ria. ini gambaran script yang saya buat. jika kurang jelas silahkan klik saja pada gambarnya. dan kalau masih kurang jelas ya silahkan comment kalo tidak hubungi via email aja.

nah potongan gambar diatas menjelaskan pada program yang saya buat disini saya menggunakan suatu function yang akan melakukan tindakan merubah tanggal sesuai dengan bulan selajutnya atau sebelumnya.

nah kalo potongan gambar yang satu ini menjelaskan tampilan yang akan di tampilkan pada halaman yang akan keluar nantinya. mungkin untuk penjelasanya tiap script-nya silahkan untuk di download disini. jika masih kurang jelas ya silahkan untuk comment. nah berikut merupkan tampilan hasil jadinya.

 

hehehe... lumayan cantik bukan. KEEP HAPPY CODING