DHTML Unit 3 programs

-

Unit 3 Programs


1.Test if jQuery is loaded.
ANS)

<!DOCTYPE html>
<html>
<head>
<title>Unit 3 - prg 1</title>
<script src = "jquery.js" > </script>
</head>
<body>
<script>
$(document).ready( function()
{
$("p").click(function()
{
alert("This alert box show using Jquery......!");
});
});
</script>
<p>Click for alert box</p>
</body>
</html>


2.Scroll to the top of the page with jQuery.
ANS)

<html>
<head>
<title>Unit 3 - prg 2</title>
<script src="jquery.js"></script>

<script >
$(document).ready(function()
{
$("#top").bind("click",function()
{
$("html,body").animate({scrollTop:0},"slow");

});
$("#bottom").bind("click",function()
{
$("html,body").animate({scrollTop:1000},"slow");

});
});
</script>

</script>
</head>
<body>
<a  id="bottom"><input type="button" value="Bottom" id="bottom"></a>

Extra text ................<br>
You can write your own text<br><br>
Extra text ................<br>
Extra text ................<br>
Extra text ................<br>
write atleast more than 30 lines..........!!!<br>
Extra text ................<br>
Extra text ................<br>

<a id="top"><input type="button" value="Top" id="top"></a>

</body>
</html>


3.Disable right click menu in html page using jquery.
ANS)

<!DOCTYPE html>
<html>
<head>
<title>Unit 3 - prg 3</title>
<script src = "jquery.js" > </script>
</head>

<body>
<script>
$(document).ready( function()
{
$("p").bind("contextmenu",function()
{return false;
});
});
</script>

<p>Copy this sentence if u can without using keyboard</p>

</body>
</html>

4. Write a Jquery for Limit character input in the textarea including count.
ANS)

<!DOCTYPE html>
<html>
<head>
<title>Unit 3 - prg 4</title>
<script src = "jquery.js" > </script>
</head>
<body>

<lable>Max 15 char</lable>
<p>Enter your name : </p>
<textarea  maxlength=15 ></textarea>
<span id="txt">15</span> Remaming characters.

<script>
var max=15;
$(document).ready(function ()
{
$("textarea").keyup(function(){

var textlen = max - $("textarea").val().length;

$("#txt").text(textlen);  //to print remaining length
});
});
</script>

</body>
</html>

5. Write a jquery to Display a message when the contextmenu event is triggered on the paragraph elements.
ANS)

<!DOCTYPE html>
<html>
<head>
<title>Unit 3 - prg 5</title>
<script src = "jquery.js" > </script>
</head>
<body>

<script>
$(document).ready( function()
{
$("p").contextmenu(function()
{
alert("Right click is triggred");
});
});
</script>

<p>this is tag p right click on this text to see alert box........!</p>

</body>
</html>

Comments

Post a Comment

Popular posts from this blog

C++ Practice Program

-
Image
Questions Answer PRG -1 Ans #include<iostream.h> #include<conio.h> class smaller { public : int d1,d2; void min(); }; void smaller::min() { cout<<"Enter D1 = "; cin>>smaller::d1; cout<<"Enter D2 = "; cin>>smaller::d2; if(d1>d2) cout<<"D2 is smaller than D1"; else cout<<"D1 is smaller than D2"; } void main() { smaller min1; clrscr(); min1.min(); getch(); } PRG - 2 Answer //Prg -2 odd or even #include<iostream.h> #include<conio.h> class number { public: int d1; void check(); }; void number::check() { cout<<"Enter d1 = "; cin>>d1; if(d1==0) cout<<"D1 is Zero"; else if(d1%2==0) cout<<"D1 = "<<d1<<" is Even number." ; else cout<<"D1 = "<<d1<<" is Odd number."; } void main() { number num1; clrscr(); num1.check(); ge...
Read more

Cloud Computing Important Question-Answer for University Exam

-
Image
UNIT 1 1. What is the innovative characteristic of cloud computing? OR 13. What is the major advantage of cloud computing? OR 4) Define cloud computing and identify its core features. Core Features of Cloud Computing No up-front commitments: Cloud computing does not require up-front commitment from the user. Users can just use infrastructure, platform and software as per requirement. They don’t have to worry what’s happening behind the scene. On-demand access: Cloud computing services can be used according to the user demand. For example, any user data analytics company uses amazon EMR or EC2 cluster for Hadoop data processing. Then user turn on the cluster when he/she need them, and he/she pay the money for the time period he/she have used and when his/her work is done, he/she terminate the cluster. Nice pricing: Cloud computing services are cheap with nice prices in case of some services and infrastructure we use. We can realize this even more when we talk abo...
Read more

Software Testing Gujarat University Important Questions For Exam

-
Image
:Unit-1 Introduction 1. What is software testing? List and explain goals of software testing. ANS: Testing is the process of executing a program with the intent of finding errors. The main goal of software testing is to find bugs as early as possible and fix bugs and make sure that the software is bug-free. The goals of software testing may be classified into three major categories, as follows: Immediate Goals Long-term Goals Post-Implementation Goals 1. Immediate Goals :       These objectives are the direct outcomes of testing.      Some of these are covered in detail below: Bug Discovery :  This is the immediate goal of testing to find error at any stage of software development. The more bugs discovered at early stage, The batter will be the success ratio of Software Testing. Bug Prevention :  This is immediate action of bug discovery, that occurs as a result of bug discovery. Everyone in the software development team learns how to code sa...
Read more