Beruflich Dokumente
Kultur Dokumente
<!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>