CodeFacet: August 2014

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 />

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" />

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>

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">

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>

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>

Key up and Key down in jquery : example

Below html code creates a input type field which is handled with jquery code.

<!DOCTYPE html>
<html>
<head><title>Key Up down example in jquery</title></head>
<body>

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>

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>

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>

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>

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

Syntax of jquery with example

The syntax of jquery is :
$(selector).action()
Note: $ sign is used to give access jquery

How to change logon screen of windows 7 ?

Unleashed your tricks and show the world that you are unique. Today Here is a trick to change your logon screen with your desired image. Every time you restart your computer, your image will be displayed. It works on windows 7. This is done by editing your register value. Editing the register can be dangerous sometime. So, strictly follow these steps. For

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

CodeFacet