[RESOLVED] Javascript Inpage Window

Lord_Pickle

I am trying to make a "popup window" INSIDE the page. I guess it would be more like a popup table. The following page shows the effect that I am trying to achieve if you hover your cursor over the picture in the middle.
http://thottbot.com/?f=w&name=&source=4&quality=5&minrl=&maxrl=&minl=&maxl=&mind=&maxd=&mins=&maxs=&stat1=&c1=gt&v1=&stat2=&c2=gt&v2=&stat3=&c3=gt&v3=&e=
I cant seem to find a thread on how its done. I'm not even sure that Javascript is what I need to use. Can anyone help?

cahva

Heres basic example what you are after. Little bit of javascript and css:

<html>
<head>
<title>test</title>
<style type="text/css">
<!--
#mydiv {
	position: absolute;
	background-color: #dddddd;
	width: 150px;
	height: 150px;
	display: none;
	top: 50px;
	left: 50px;
}
-->
</style>
<script language="javascript">
<!--
function display(id,disp) {
	var div = document.getElementById(id);
	div.style.display = disp;
	return false;
}
-->
</script>
</head>
<body>
<div id="mydiv">Heres some content blah blah</div>
<a href="" onmouseover="display('mydiv','block');" onmouseout="display('mydiv','none');">Hover over me!</a>
</body>
</html>

I created that display function but you could live without it. You could do the link like this(althought the display-function is nicer IMO):

<a href="" onmouseover="document.getElementById('mydiv').style.display='block';" onmouseout="document.getElementById('mydiv').style.display='none';">Hover over me!</a>

Lord_Pickle

Works great, ty.