mouseevent handler for minimize client/server bandwitch

[darkslayer]

salam DC

setelah ngobrol tentang tunneling sama om awan ganteng + om self.defense yg keyenzz abizz ttg forward akses internet di mari ..

kita lanjut diskusi soal event apa yg dipake oleh images.google.com dan web2 template (biasanya) untuk meminimalisir bandwidth yg ada.

problem:
- Bayangkan jika web kita memuat artikel 50 template joomla terbaik. dengan gambar screenshot tiap template beserta deskripsi , link dan lain2.
intinya, paket yang dikirim akan berraatt banget terutama buat client yg bandwidth nya lemot.
lalu belum lagi ketika client sudah mendownload halaman penuh, akan tetapi dia berhenti pada template ke 15, jadi nya template 16-50 bisa mubadzir donk . karena server akan mengirimkan semuanya serta client akan menerima semua nya ketika page tersebut di akses.
- Misalnya anda mempunyai blog yang ramai pengunjungnya, dan di situ banyak yang memberikan komentar , misalnya ada 50 komentar. Tentunya client akan menerima semua dan server akan menerima semua htmlnya. Tapi apakah iya, komentar2 tersebut di baca semua oleh setiap pengunjung blog anda?
tentu mubadzir donk.

NOTE: klo paket nya /size html nya dikit mending pake cara biasa aja.

ini contoh nya:
http://speckyboy.com/2011/09/25/15-free-...templates/
http://www.web3mantra.com/2011/04/13/50-...-examples/
berat banget buat ane untuk membukanya (max 25 KBps)

lalu bagaimana cara nya?
setelah searching akhirnya ketemu.
caranya adalah dengan menggunakan event onmousewheel
ya, dengan adanya mouse wheel ini kita bisa:
- membuat pagination tanpa click . tp tentunya tetep harus ada bantuan dari event click biar gampang navigasi ke db yang banyak banget
- meringankan bandwidth baik client maupun server, karena data yang dikirimkan hanya sebagian saja, selebihnya jika server akan mengirimkan data selanjutnya jika user nya benar2 membaca halaman website kita (scroll down). like images.google.com


akan tetapi penggunaannya tdk semudah yang diperkirakan, karena g bs cross browser
jadinya kita harus mengetahui user agent browser tersebut.
tapi untuk jquery udh ngedukung cross browser

firefox :
- use event DOMMouseScroll
- event properties : detail
- value up : kelipatan (-1) ; misal scroll keatas 4x = (-4) dst
- value down : kelipatan (+1)

non FF:
- use event onmousewheel
- event properties : wheelDelta
nilai scroll ke atas nya
- value up : kelipatan (+120);misal scroll keatas 3x = (720) dst
- value down : kelipatan (-120)

jadi klo mau value FF nya disamain harus menkalikan dengan (-120) untuk setiap value nya.
"DOMMouseScroll" hanya bisa dipanggil menggunakan addEventListener(), tidak seperti event lain pada umumnya.
untuk menghindari action default dari scroll mouse yaitu melihat bagian atas/bawah window, maka kita bisa menggunakan preventDefault().

Punyeng ya
liat di mari aja,, jelas banget
http://www.javascriptkit.com/javatutors/...heel.shtml

ini contoh pake javascript
http://darkslayer100.byethost24.com/wheel/onwheel.php
ini contoh pake jquery pake plugin mousewheel
http://darkslayer100.byethost24.com/whee...jquery.php
yang ini untuk mencoba load data dari database
http://darkslayer100.byethost24.com/whee...rom_db.php

semuanya bs di download di sini : http://www.mediafire.com/?irri5mtomli5k1q

moga bermanfaat kakak

pengen bubu pelukan sama om dita
truz di tium ama kakak awan

[Super Moderator]

ijin ya m4st4h
ane masih buta masalah ginian

[tabung]

om nuxer buta..

[ditatompel]

Ajib omzzz...
tp buat bo2 ama ane, ente kudu mandi kembang 7 rupa dulu..

[darkslayer]

(03-12-2012 12:39 AM)linuxer46 Wrote:  ijin ya m4st4h
ane masih buta masalah ginian

buta karena cinta q ea kak

(03-12-2012 12:41 AM)tabung Wrote:   om nuxer buta..

kakanda kok jd tabung elpiji gini avatar nya

(03-12-2012 12:45 AM)ditatompel Wrote:  Ajib omzzz...
tp buat bo2 ama ane, ente kudu mandi kembang 7 rupa dulu..

pelukan lg yuk kayak kemarin om