Showing posts with label jquery. Show all posts
Showing posts with label jquery. Show all posts

Tuesday, August 19, 2014

Character counting in jquery : example

Below is a html code which creates a textarea and a span tag for displaying total remaining character to reach maximum length of textarea.
<html>
<head><title>Character Counting remaining example in jquery</title></head>
<body>
<textarea type="textarea" id="textarea_id" maxlength=120></textarea><br />
Read more »
Posted by No comments:
Labels:

Stop in jquery : example

Below is a html code for which give slidetoggle effect with startstop.js .
<html>
<head><title>slidetoggle with jquery example</title></head>
<body>
<p><input type="button" id="start_btn" value="slide start" />
Read more »
Posted by No comments:
Labels:

Slide Effect in jquery : example

This is a html code for creating button and image.
For Slide Down
<html>
<head><title>Slide Down with jquery example</title></head>
<body>
<p><input type="button" id="btn" value="slide down"></p>
Read more »
Posted by No comments:
Labels:

Odd Even selector in jquery : example

Below is a simple html code for creating table with six rows.

<html>
<head><title>Odd Even Selector</title>
<link rel="stylesheet" type="text/css" href="odd_even_selector.css"
</head>
<body>
<table class="table">
Read more »
Posted by No comments:
Labels:

Image gallery effect in jquery : example

Below is a html code for creating simple image gallery. Image effect is given by jquery code below it.

<!DOCTYPE html>
<html>
<head><title>effect in image gallery with jquery code example</title></head>
<body>
Read more »
Posted by No comments:
Labels:

Monday, August 18, 2014

Multiple selector in jquery : example

This page creates one button and one paragraph. Both, button and paragraph has id of btn and para respectively.

<!DOCTYPE html>
<html>
<head><title>Multiple Selector Example</title>
</head>
Read more »
Posted by No comments:
Labels:

Focus in and Focus out in jquery : example

The below html code create two input fields with label Name and Age.

<!DOCTYPE html>
<html>
<head><title>Focusin Focusout Example in jquery</title></head>
<body>
Read more »
Posted by No comments:
Labels:

Fading effect in jquery : example

This simple html page that loads an image with different fading effect.

 <!DOCTYPE html>
<html>
<head><title>Fadein with jquery example</title></head>
<body>
Read more »
Posted by No comments:
Labels:

Enable submit button after form complete : example

This simple html form that creates one input field with type "file", one submit button

<!DOCTYPE html>
<html>
<head><title>Enable Submit button after file selected</title></head>
<body>
Read more »
Posted by No comments:
Labels:

Applying CSS in jquery : example

This simple html page creates one input field, one button and one paragraph.

<!DOCTYPE html>
<html>
<head><title>Applying CSS in jquery</title><head>
<body>
Read more »
Posted by No comments:
Labels:

Thursday, August 14, 2014

Events in jquery

Events are used to attach function to an event handler for the selected elements.
Method Description
bind() Attaches event handlers to elements
blur() Attaches/Triggers the blur event
Read more »
Posted by No comments:
Labels:

Syntax of jquery with example


The syntax of jquery is :
$(selector).action()
Note:  $ sign is used to give access jquery
Read more »
Posted by No comments:
Labels:

How to use jquery ?

Jquery is a library of javaScript. More description of jquery can be found on http://www.jquery.com . For using jquery, first download the jquery and link it to your webpage.
Step1. Go to http://www.jquery.com and click download button
Read more »
Posted by No comments:
Labels:
Subscribe to: Posts (Atom)