Scribd
Upload
25K views2 pages

Jquery Handson

The document contains 5 JavaScript functions that perform different tasks: 1) An addition function that calculates the sum of two numbers entered into form fields. 2) A login validation function that checks username and password and alerts the user. 3) A login function that redirects the user to a new page on successful login. 4) Two animation functions that toggle and change the width of elements on the page. 5) An AJAX function that loads external content into a div element.

Uploaded by

Anzal Malik
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
25K views2 pages

Jquery Handson

The document contains 5 JavaScript functions that perform different tasks: 1) An addition function that calculates the sum of two numbers entered into form fields. 2) A login validation function that checks username and password and alerts the user. 3) A login function that redirects the user to a new page on successful login. 4) Two animation functions that toggle and change the width of elements on the page. 5) An AJAX function that loads external content into a div element.

Uploaded by

Anzal Malik
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

1.

addition

function add() {
var a = parseInt($("#num1").val());
var b = parseInt($("#num2").val());
var result = a+b;
// alert(result);
$("#total").val(result);
};

**********************************************************************

2. Login Package

function login() {
if($("#username").val() == "admin" && $("#password").val() == "password")
{alert("You are a valid user");}
else
{alert("You are not a valid user");}

**********************************************************************

3. Dom manipulation

function login() {
if($("#password").val() == "password" &&
$("#username").val() == "admin")
{
doRedirect("home.html");
}
else
{
alert("You are not a valid user");
}

};

function doRedirect(href) {

window.location = href;

};

**********************************************************************

4. Animation
function hover1(){
$("#item1-des").slideToggle();
};
function hover2(){
$("#item2-des").slideToggle();
};
function animate_big(){
$("#buy").animate({width:"200px"});
};
function animate_small(){
$("#buy").animate({width:"100px"});
};

**********************************************************************

5. AJAX

function load_des() {
$("#item1-
des").load("https://gist.githubusercontent.com/frescoplaylab/8458dd75a120cf0cfbdf45
be813d8f03/raw/84784527d760ef1f877f0b4bb02a3a5e12e32f4c/file.html");
};

You might also like