Javascript

Editable Table in jQuery

Submitted by GeePee on
This project will teach you on how to create an editable tables using jQuery. This is very easy. You just have to include the editable table jQuery plugin in your project(you can google the plugin and download). Then, a few line of codes to save the edited data. Just click the table data to edit. By pressing enter and clicking outside or other table data, this will automatically update edited data

Countdown Timer in JavaScript

Submitted by GeePee on
This project will teach you how to create a countdown timer in an easiest way by using jQuery plugin. Download countdown.js(just search countdown.js) and include it to your page. You can also modify the target date. In my example, I created a coming soon page which is the countdown of when the game is to be released. Hope you learn from this.

Online Examination Using PHP / MYSQL.

Submitted by tang3li2 on
Hi, This program is a full ajax(jquery) implementation it will cover features like javascipt(jquery element manipulation), php, mysql. Admin can add new examination input various answers, it will also show how to create your own MVC Pattern to reduce the reduncy of codings. The design was only using wire frame but the code is fully understandable because of the separation of model, views and

Sticky Sidebar Scroll in jQuery

Submitted by GeePee on
This project will teach you how to create a sticky sidebar scroll on your web page. This is very useful especially for a site that has a large content but smaller sidebar. This is to prevent an empty space in the sidebar. In my example, the sidebar stops scrolling when the uppermost point of the sidebar reaches the top of the window page. The sidebar's position becomes fixed. Hope you learn from

Enabling Submit Button

Submitted by GeePee on
This simple project will teach you how to enable submit button when a radio button which corresponds to a certain action is selected. This is commonly used in "Terms and Condition" agreement. In this example, the submit button is only enabled once a user selects "I agree with the terms and condition". Hope this helps you with your current works.

Web Page Overlay

Submitted by GeePee on
In this project, you will learn how to create overlay and transparent div background. By clicking the images, div overlay will appear with the original size of the image clicked and also it has a transparent background which looks like a new window but it's definitely not. It's just a div set to 100% width and height and opacity of .8 which covers the whole content of the page. Hope you learn from

Add/Remove Form Fields

Submitted by GeePee on
This project will teach you how to add more form fields using javascript. I have example form inserting personal info including spouse, and children's name. In children's section, the user has an option to add another form field to filled up. By clicking the + button, it will automatically add form fields. Hope you learn from this.