jQuery

jQuery Datatables

Submitted by GeePee on
In this project, you will learn how to use data table jquery plugin. Just add the data table plugin in your project and with a single javascript code, data tables can be initialized. This will enhance the accessibility of data in html tables. Hope you learn from this.

Inline Action Listeners in Javascript

Submitted by Yorkiebar on
Introduction: This tutorial is on how to use inline listeners through jQuery/Javascript in HTML elements. Inline? Inline simply means that the code is written inline with the element that it is linked to, as opposed to elsewhere within the same file, or even an external file like most .css (Cascade Styling Sheets) are. Listeners: There are many different listeners which can be used to interact with the users actions, a couple I will show you how to use are; onmouseover onclick As I am sure you can depict from the above two examples, onmouse

jQuery Spoiler

Submitted by Yorkiebar on
Introduction: This tutorial is on how to create a jQuery/Javascript spoiler. This will allow large containers such as images to be hidden/shown depending on the users preference. HTML: First we need to make the basic HTML file.

jQuery Tabs

Submitted by GeePee on
This project will teach you how to create a simple jquery tabs using jquery and css. I used fragment identifier this.hash for the href values in the navigation. this.hash is equivalent to #about, #faqs and #contact. By clicking each tab, the older vissible tab will be hidden and the new tab will show. Hope you learn from this.

Rating System

Submitted by GeePee on
This is a rating system using jquery and php. The user has an option to choose what rate he/she wants to give on the page. Then, it automatically gets the average page rating. I also used Jrating jquery plugin in creating ajax star rating to configure the corresponding page rate. Hope you learn from this.

File Uploads Using Ajax

Submitted by GeePee on
This is a simple project on how to upload files using Ajax. This will upload the files without reloading the page. As you will see in the code, I created a new FormData object and append each file into it. This will pass the data as a request to the server. Hope this example will help you on your future projects.

Creating Tabs in jQuery

Submitted by Yorkiebar on
Introduction: This tutorial is going to be teaching you how to create basic tabs using Javascript in HTML. Why Tabs? Tabs are very handy for professional looking websites, and allow you bunch a load of information in to a small space. A common use for javascript tabs is in control panels of user accounts, with different setting topics such as; Overview Billing Settings HTML: First we need the

How to Resize Image in PHP

Submitted by GeePee on
This project will show you how to resize image using php. It will let you upload images you want to resize. You have two options; either you change the image size using the width textfield or use the height textfield. If you change the width, the height will automatically change keeping it's aspect ratio. The same goes when you change the height. Hope you learn from this.

Mouseover Fade Effect

Submitted by GeePee on
A very simple image animation yet a very interesting one. This animation is what we mostly see in web designs and can also be used in making image gallery. The code is very simple and easy to understand. I change the opacity of the image into .5 and when the user hover on it, image opacity change into 100%. Hope you learn from this simple project.

How To Get Dropdown List From Database

Submitted by GeePee on
This is sample project on how to get a dropdown list from the database. This project is very simple and easy to understand especially for beginners. I have one dropdown list which contains car brands. When the user choose an item from the list, it automatically display all the recorded car model under the selected brand/item. Hope you learn from this simple project.
Subscribe to jQuery