Sunday, August 23rd, 2009

jQuery: Media Center ...

jquerycenter Inspired by Windows Media Center, I decided to create something similar in jQuery. What came of this?

Capturing keys

The most important issue was to capture the keys used by the users. To do this, enough to hook jQuery and write a few simple lines of code:

  $ (Function () {
  $ ('Html'). Keyup (function (e) {
  alert (e.keyCode);
  });
 }); 

Which, let us interesting by clicking on buttons to get to know the code of the keys.

For example, the following code:

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

You will see the message "key: Enter" when you press Enter. Be aware of not using the keys, which are shortcuts permanently browser itself (such as Backspace - return to the previous page).

This is the only restriction that appears in this case.

Margins

The next issue was the calculation of the relevant margins, because the images are located in box with overflow, it was necessary to set proper lateral margin, based on the width of images. A little math, a little philosophy.

Demo

How is the project live, you can see in the demo version (works fine under the latest versions of Internet Explorer / Chrome / Safari / Firefox / Opera).

I realize that something more can be added to this project, I was anxious, however, the basic functionalities and in my view, the job I was able to achieve.

Dedicated to Magda.


Related entries

Categories: jquery / projects
You can follow any responses to this entry through the feed RSS 2.0 . You can also write your own comments , or to link to this post on your page.

4 comments / y

August 23, 2009

An example of a very interesting and fun left. The basic functionality work as he checked and it is most important. There was always someone who would aspire to expand from this it can fight.

No and in fact you could have a little present and describe the rest of the code - you know, you can preview or on the basis of the description, or come to the demos, or even as an exercise to try it yourself do it yourself ;)


August 23, 2009
admin

This was just going.
From this and previous entries, you can learn all how to do more project of this type, in the exercise, if someone wants to, can do it yourself.


August 23, 2009
Magda

Thank you for your dedication. I feel very honored, "Miszczu" ;)


February 6, 2012

Following my analysis, billions of people all over the world receive the loan at various Creditors. Therefore, there is good possibilities to receive a car loan in any country.


  • Obraz CAPTCHY
    Refresh Image
    *

    Spam Protection by WP-SpamFree