Ning Ma blog

my technology tips


jQuery large pictures with a loading spinner

Basic Version In our basic version, we will have a single div containing a loading spinner and once our large image is loaded (in the background) we will remove the spinner and insert our image. There’s a few ways to approach the loading screen, two of which are: Use a background image on the holder […]

cool jQuery touch slider owl carousel

Here is link Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider. 1. Load jQuery and include Owl Carousel plugin files To use Owl Carousel, you’ll need to make sure both the Owl and jQuery 1.7 or higher scripts are included.

2. Set up your HTML You don’t need any […]

js form validation with JQuery

Here is good tutorial for js form validation with JQuery

jquery render with object javascript and ajax example



Ajax return data(JSON)

Memory Game

Game link: Download Demo: “Memory game is a card game in which all of the cards are laid face down on a surface and two cards are flipped face up over each turn. The object of the game is to turn over pairs of matching cards.” I used half day to program this […]

Jquery iframe parent element in same domain

jQuery allowed control iframe parent element, but it must be in the same domain name.

Slickgrid custom field sample

Documenting here the code and answer, for future use by any user which will stumble upon my question. The logic of SlickGrid works like this: Columns that define the table headers and other run time properties like Sortable, width, etc. Data loop that gets your json & register values to the DataView, which hold for […]

Uploadprogress PHP extension tutor

When it comes to uploading files, users expect visual feedback, usually in the form of a progress bar. The problem is that PHP doesn’t offer a way to track file uploads in progress by default. Fortunately, there is an extension that enables this functionality and this tutorial will show how it can be combined with […]

25 Best jQuery Tooltip Plugins

Tooltips, although are small things but one can’t underestimate their importance in website design. Tooltip is an excellent way to put up any extra information on site without hampering basic design or the main information. A “hover box” appears and disappears on hovering the cursor/mouse. Jquery Tooltip is the key to make a well made […]

55 jQuery Form Plugins To Download And Use

Default forms are boring and that’s for certain. Styling your form with a jQuery plugin is the solution for your aesthetic issues with basic and old forms. There are here 55 jQuery plugins for forms covering everything that you would think of related to form styling with the powerful jQuery. >> Start saving on printing […]

Previous Posts