How to create a DIV (help text) "floating" above the hyper link, such as "What's this" ?

I need to create a help "window" which will be popped up when user clicks the hyper link "What's this". If I do not want to open a new window, instead, just create a DIV that will "float" above the page. How do I do this?

ToolTip does not work here, since there will be some format.

LVL 1
chuang4630Asked:
Who is Participating?
 
SammyConnect With a Mentor Commented:
Just like raterus said there are tons of ways to accomplish this
I used this to show/hide a calendar control

here is the client script
<script type="text/javascript">
function ToggleCal(){//Toggle Calendar Visibilty
if(document.getElementById('divCal').style.display=='none')
document.getElementById('divCal').style.display='block'
else
document.getElementById('divCal').style.display='none';
}
</script>
Divcal is the Div the calendar control is located in and it HAS to be positioned with absolute positioning
IE
<div id="divCal" style="position: absolute; right: 380px; top: 330px; display: none;">
</div>
now call the this script using onclick of your control


HTH
0
 
raterusCommented:
There are 1001 different ways to do this, here is one of them,
http://www.walterzorn.com/tooltip/tooltip_e.htm

You'll have to link in some javascript and follow the author's instructions to do this
0
 
raterusConnect With a Mentor Commented:
0
 
chuang4630Author Commented:
I ended up using Tooltip.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.