Code Snippets

Members: 244,220
Replies: 692,981
Topics: 113,139
Snippets: 3,863
Tutorials: 935
Total Online: 1,391
Members: 88
Guests: 1,303

JavaScript Source Code

Welcome to Dream.In.Code
	Become an Expert! Join 244,220 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 1,391 people online right now. Registration is fast and FREE... Join Now! Chat LIVE With a Expert

Submitted By: zakary

Actions:

Rating:

Views: 6,500

Last Modified: May 13, 2005

Instructions: style in
and in body to call style and display pop-up info

<html>
<head>
<title>Pop Up</title>
<style type="text/css">
#popupBox{
position: absolute;
top: 35px;
left: 10px;
border: solid 1px #000000;
background-color: #FFFF99;
visibility: hidden;
}
</style>
<script language="JavaScript">
function show_it(){
document.all.popupBox.style.visibility = "visible";
}
function hide_it(){
document.all.popupBox.style.visibility = "hidden";
}
</script>
</head>
<body>
<a href="javascript://" onMouseOver="show_it()" onMouseOut="hide_it()">Link for pop-up here</a>
<div id="popupBox">
<p>This is the info you want displayed in the pop-up window</p>
<p>This is the next line of the pop-up</p>
</div>
</body>
</html>