javascript : native dan jquery part 3

javascript : native dan jquery part 3

robot cop
pada tulisan ini.. kita akan mendapatkan tampilan sama seperti tutorial sebelumnya

lalu apa perbedaannya? perbedaannya pada penggunakan external file untuk meletakkan JSnya. tujuannya adalah memisahkan tampilan dan javascript. apabila ada masalah.. maka akan mudah memperbaikinya.. dibandingkan menggabung menjadi 1 kesatuan

Continue reading “javascript : native dan jquery part 3”

Advertisements

javascript : native dan jquery

javascript : native dan jquery
kamu tak ngerti javascript... tp kl ngerti perlu banget
kamu tak ngerti javascript…
tp kl ngerti perlu banget

Kita sudah hidup dimana banyak kemudahan didapat dibandingkan beberapa tahun silam. Perlu di garisbawahi kita membahas javascript yang membingungkan! Dalam sebuah tulisan/status di FB. seorang teman bingung bagaimana bentuk penulisan javascript yang benar!? karena jujur saja.. semua javascript yang dilihat sangat membingungkan.

sumber : https://www.sitepoint.com/jquery-vs-raw-javascript-3-events-ajax/

Bercermin pada masa lalu. Kita dalam membuat javascript awal2 sangat tidak bersih didalam html. jaman dulu (awal-awal), semua code dari css (asumsikan sudah ada) hingga JS ada didalam 1 html. Lalu beranjak pemisahan hingga akhirnya html bersih. Jaman sekarang sebenarnya tidak berbeda, namun kita asumsikan metode dulu itu sebagai proses belajar kita.

Continue reading “javascript : native dan jquery”

datatable + edittable : text inline

harus diakui.. hari ini nulis blognya aktif sekali.. terima kasih kepada user di FB yang bertanya.. dan saya merasa sangat perlu untuk share ilmunya.. walau ada kekurangan, tapi saya akan berusaha memperbaiki.

berawal dari masalah di FB
saya memutuskan untuk membuat contoh datatable yang juga memiliki kemampuan sama seperti link tersebut.. kasusnya mungkin saya ambil list yang sudah saya buat dahulu yaitu provinsi.. dimana kita ingin dapat merubah nama provinsi

2016-04-10_21-29-51
tampilan awal

pada awalnya kita akan mendapatkan tampilan seperti ini. Lalu nanti kita ingin edit secara cepat … langsung ke fieldnya.. lalu kita bisa ketik dan save.
Continue reading “datatable + edittable : text inline”

datatable provinsi -kabupaten part 2

tampilan akhir
tampilan akhir

melanjutkan dari tulisan sebelumnya. disini yang akan dikerjakan adalah membaca csv (cara di tutorial sebelumnya), lalu import ke mysql.

Perlu diperhatikan pada tulisan ini memakai mysqli prosedur.. karena faktor ingin buru2.. seharusnya memakai mysqli class

tujuan dari tutorial ini adalah untuk share dan menambah ilmu. Akan lebih baik bila anda menulis ulang dengan bahan lain.. jangan lupa arahkan link kesini.

Continue reading “datatable provinsi -kabupaten part 2”

graph js : memakai min-y pada morris js

balik ke artikel sebelumnya disana kita membuat graph sederhana
disini kita lihat bentuk terakhirnya

ignore angka yg besar tersebut
ignore angka yg besar tersebut

bila diperhatikan.. angkanya dimulai terlalu jauh. kita ingin agar mulai dari 3 M. step yang harus dilakukan adalah membuka link how to nya.. yaitu http://morrisjs.github.io/morris.js/lines.html

didalam sini kita menemukan list option? dimana memakaianya.. ada dalam kode jsnya.. stepnya adalah menambahkan min-y. Continue reading “graph js : memakai min-y pada morris js”

moris js : membuat grafik (dasar)

sebelum memulai. masuk ke http://morrisjs.github.io/morris.js/

graph contoh
graph contoh

Tutorial ini bisa anda dapatkan di alamat tersebut. Namun saya buat agar bisa dibaca oleh orang Indonesia.. disana kita lihat terdapat banyak tipe grafik

  • line
  • bar
  • donut ( buat persen)
  • gabungan line dan bar?

pada tulisan ini saya akan membuat yang Line dahulu Continue reading “moris js : membuat grafik (dasar)”

highcart

highcart

untuk mastah2 disini. saya mw tanya solusi bgmn cara menampilkan hasil hitung dari syntax sql di php untuk ditampilkan di graph highchart. code yg saya pke http://pastebin.com/YabGqiFE sementara baru jadi begitu

menurut saya.. kira2 aja tampilannya seperti di jsfiddle ini

http://jsfiddle.net/Lcr3o6k5/1/

Continue reading “highcart”