JavaScript

Reading/Writing to/from HTML Elements via jQuery

Submitted by Yorkiebar on Sun, 08/17/2014 - 05:24

Introduction: This tutorial is on how to read and write to/from HTML elements via jQuery. HTML: Before we can read/write to our HTML via jQuery, we first need our HTML...

<html

Read more about Reading/Writing to/from HTML Elements via jQuery
Log in or register to post comments
144 views

Zoom Effect jQuery Plugin

Submitted by GeePee on Sat, 08/16/2014 - 18:23

This project is a sample of image zoom effect using the jquery plugin. This is an easy to use plugin. We can also customize the other effect like for example adding a tint and setting the color and opacity of the tint overlay. Hope you learn from this project.

Read more about Zoom Effect jQuery Plugin
Log in or register to post comments
291 views

Enabling Submit Button

Submitted by GeePee on Fri, 08/15/2014 - 23:48

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.

jQuery CSS Class Modification

Submitted by Yorkiebar on Fri, 08/15/2014 - 00:21

Introduction: This tutorial is on how to set the configuration of CSS classes for HTML elements via jQuery. CSS Classes: CSS Classes are used to give styling for display elements held within the HTML structure of a .html/.php file.

Read more about jQuery CSS Class Modification
Log in or register to post comments
94 views

Web Page Overlay

Submitted by GeePee on Thu, 08/14/2014 - 21:51

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

Read more about Web Page Overlay
Log in or register to post comments
102 views

jQuery Internal Listeners

Submitted by Yorkiebar on Thu, 08/14/2014 - 08:08

Introduction: This tutorial is on how to create jQuery/Javascript listeners. jQuery: Please ensure that you have included the jQuery libaries within your HTML file.

Read more about jQuery Internal Listeners
Log in or register to post comments
77 views

Add/Remove Form Fields

Submitted by GeePee on Wed, 08/13/2014 - 19:40

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.

jQuery Datatables

Submitted by GeePee on Tue, 08/12/2014 - 21:02

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.

Read more about jQuery Datatables
Log in or register to post comments
334 views

Simple Color Picker

Submitted by GeePee on Tue, 08/12/2014 - 11:59

This is a simple color picker using jscolor plugin. Using the onchange event, background color of the page will change once the user chooses a color. The color code is also displayed which the user can copy. Hope you learn from this.

Inline Action Listeners in Javascript

Submitted by Yorkiebar on Tue, 08/12/2014 - 09:44

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

Read more about Inline Action Listeners in Javascript
Log in or register to post comments
87 views

Search