Creating a POPUP box?

[webnoobie]

Hey,

I was wondering ... what would be the correct code to use for a normal XHTML Link to create a small POPUP window?

[Thatbitextra]

I believe that this article will be of use to you

[Phantom]

I've been looking for an article about that. Thanks tbe.

[DooBDee]

[quote user="Thatbitextra" post="45617"]I believe that this article will be of use to you [/quote]

Thamnks that is usefull!

[webnoobie]

Hey,

Thanks! Most appreciated!

[Thatbitextra]

Heh, no probs, guys

[pentapenguin]

That article is a bit compliacted.
Here's what I do.
I have a link and a hidden div underneath it.
Here's a sample you can use:

Code: Select all

<style type="text/css">
.popUp
{
font-size: 13px;
background-color: #ffffcc;
margin: 0 10px;
padding: 5px;
width: 500px;
border: solid 2px black;
position: absolute;
visibility: hidden;
}
</style>
<script language="JavaScript" type="text/javascript">
<!--
function show(object)
{
var obj = document.getElementById(object);
obj.style.visibility = 'visible';
}

function hide(object)
{
var obj = document.getElementById(object);
obj.style.visibility = 'hidden';
}
//-->
</script>
.......
<a href="#" id="pop1" onmouseover="show('popUp1')" onmouseout="hide('popUp1')">move your mouse over here</a>

<div id="popUp1" class="popUp">
popup box here
</div>


[webnoobie]

Penta...

I love that. Although, I that is not what I was exactly looking for. I ment a popup window. But dont you worry. I have it working. Thanks for the script though Penta

[pentapenguin]

Whoops, I guess I should have read your post a bit more carefully.
Anyways, I'm glad you like it--it's short and simple.

[webnoobie]

Oh I like it. Im going to implement it into the new site im currently doing

[DooBDee]

I just tested this out...its a nice effect.

DooBDee has idea....!