Minggu, 23 Agustus, 2009

jQuery: Media Center ...

jquerycenter Terinspirasi oleh Windows Media Center, saya memutuskan untuk membuat sesuatu yang serupa di jQuery. Apa yang datang dari ini?

Menangkap tombol

Masalah yang paling penting adalah untuk menangkap tombol yang digunakan oleh pengguna. Untuk melakukan ini, cukup untuk jQuery hook dan menulis beberapa baris kode:

  $ (Fungsi () {
  $ ('Html'). KeyUp (function (e) {
  alert (e.keyCode);
  });
 }); 

Yang, marilah kita menarik dengan mengklik tombol untuk mengenal kode kunci.

Sebagai contoh, kode berikut:

  $ ('Html'). KeyUp (function (e) {
  if (e.keyCode == 13) {
  alert ("Kunci: Enter");
  }
 }); 

Anda akan melihat pesan "kunci: Enter" ketika Anda menekan Enter. Menyadari tidak menggunakan kunci, yang adalah jalan pintas permanen browser itu sendiri (seperti Backspace - kembali ke halaman sebelumnya).

Ini adalah satu-satunya pembatasan yang muncul dalam kasus ini.

Margin

Masalah selanjutnya adalah perhitungan margin yang relevan, karena gambar berada di kotak dengan overflow, maka perlu untuk mengatur batas lateral yang tepat, berdasarkan pada lebar gambar. Sebuah sedikit matematika, filosofi sedikit.

Demo

Bagaimana proyek tinggal, Anda dapat melihat dalam versi demo (bekerja baik di bawah versi terbaru dari Internet Explorer / Chrome / Safari / Firefox / Opera).

Saya menyadari bahwa sesuatu yang lebih dapat ditambahkan ke proyek ini, saya ingin sekali, bagaimanapun, fungsi dasar dan dalam pandangan saya, pekerjaan saya bisa mencapai.

Didedikasikan untuk Magda.


Terkait entri

Kategori: jquery / proyek
Anda dapat mengikuti respon untuk entri ini melalui feed RSS 2.0 . Anda juga dapat menulis komentar Anda sendiri , atau untuk link ke posting ini pada halaman Anda.

4 komentar / y

23 Agustus 2009

Contoh dari kiri sangat menarik dan menyenangkan. Fungsi dasar bekerja saat ia diperiksa dan hal ini sangat penting. Selalu ada seseorang yang akan bercita-cita untuk memperluas dari ini bisa melawan.

Tidak ada dan bahkan Anda bisa memiliki hadiah kecil dan menggambarkan seluruh kode - Anda tahu, Anda dapat melihat atau berdasarkan keterangan, atau datang ke demo, atau bahkan sebagai latihan mencoba sendiri melakukannya sendiri ;)


23 Agustus 2009
admin

Ini hanya akan.
Dari entri ini dan sebelumnya, Anda dapat mempelajari semua cara untuk melakukan proyek yang lebih dari jenis ini, dalam latihan, jika seseorang ingin, bisa melakukannya sendiri.


23 Agustus 2009
Magda

Terima kasih atas dedikasi Anda. Saya merasa sangat terhormat, "Miszczu" ;)


6 Februari 2012

Setelah analisis saya, miliaran orang di seluruh dunia menerima pinjaman di berbagai kreditur. Karena itu, ada kemungkinan yang baik untuk menerima kredit mobil di negara manapun.


  • Obraz CAPTCHY
    Segarkan Gambar
    *

    Spam Protection oleh WP-SpamFree