Scribd
Upload
56 views8 pages

Marks Obtained Dated Signature Process Related (10) Product Related (15) Total

The document contains code snippets for creating different web elements like rollover effect, dropdown menu, status bar, protecting right click, implementing slideshow and banner. There are 5 code snippets showing how to: 1) Create a rollover effect by changing the image source on mouseover; 2) Create a dropdown menu and display selected option using intrinsic JavaScript; 3) Add status bar message and disable right click using JavaScript; 4) Implement a slideshow and banner using JavaScript arrays and functions; 5) Protect right click context menu using JavaScript.

Uploaded by

Tejas Patil
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
56 views8 pages

Marks Obtained Dated Signature Process Related (10) Product Related (15) Total

The document contains code snippets for creating different web elements like rollover effect, dropdown menu, status bar, protecting right click, implementing slideshow and banner. There are 5 code snippets showing how to: 1) Create a rollover effect by changing the image source on mouseover; 2) Create a dropdown menu and display selected option using intrinsic JavaScript; 3) Add status bar message and disable right click using JavaScript; 4) Implement a slideshow and banner using JavaScript arrays and functions; 5) Protect right click context menu using JavaScript.

Uploaded by

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

Marks Obtained Dated Signature

Process Related Product Related Total


(10) (15) (25)
Marks Obtained Dated Signature

Process Related Product Related Total


(10) (15) (25)
Marks Obtained Dated Signature

Process Related Product Related Total


(10) (15) (25)
Marks Obtained Dated Signature

Process Related Product Related Total


(10) (15) (25)
Create a Webpage with Rollover Effect

<!DOCTYPE html>
<html>
<head>
<title>Rollover</title>
</head>
<body>
<img src="img1.png" onmouseover="src='img2.jpg'">
</body>
</html>
Create a webpage using intrinsic JavaScript functions
<!DOCTYPE html>
<html>
<head>
<title>Menu</title>
</head>
<body>
<select id="dropdown_menu" onchange="menu()">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<p id="show"></p>
<script type="text/javascript">
function menu()
{
var a = document.getElementById("dropdown_menu").value;
if(a=="volvo")
{
document.write("Volvo");
}
else if (a=="saab")
{
document.write("saab");
}
else if (a=="mercedes")
{
document.write("mercedes");
}
else
{
document.write("Audi");
}
} </script></body></html>
Develop a webpage for Implementing Status bar and Webpage Protection

<!DOCTYPE html>
<html>
<head>
<title>Status Bar</title>
</head>
<body>
<script type="text/javascript">
window.status="Welcome";
function RightClickDisable()
{
alert("Not allowed to right click");
}
function InternetExplorerBrowser()
{
if(event.button==2)
{
RightClickDisable();
}
}
document.oncontextmenu=new Function("RightClickDisable();return false")
</script>
</body>
</html>
Develop a webpage for Implementing Slideshow and Banner
<!DOCTYPE html>
<html>
<head>
<title>Banner and Slideshow</title>
<script type="text/javascript">
MyBanner = new Array('img1.png','img2.jpg')
banner_count=0;
MySlide=new Array('img1.png','img2.jpg');
var i=0;
function DisplayBanner()
{
banner_count++;
if(banner_count==MyBanner.length)
{
banner_count=0;
}
document.BannerChange.src=MyBanner[banner_count];
}
function DisplaySlides(SlideNumber)
{
document.slideID.src=MySlide[SlideNumber];
}

</script>
</head>
<body onload="DisplayBanner()">
<h1> Displaying Banner</h1>
<img src="img2.jpg" height="300" width="300" name="BannerChange">
<h1> Slideshow</h1>
<img src="img1.png" name="slideID" width="200" height="200"><br>
<input type="button" value="Back" onclick="DisplaySlides(0)">
<input type="button" value="Forward" onclick="DisplaySlides(1)">
</body>
</html>

You might also like