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

Posted on 2006-06-09
Last Modified: 2012-06-21
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.

Question by:chuang4630
  • 2
LVL 33

Expert Comment

ID: 16873266
There are 1001 different ways to do this, here is one of them,

You'll have to link in some javascript and follow the author's instructions to do this
LVL 33

Assisted Solution

raterus earned 250 total points
ID: 16873277
LVL 27

Accepted Solution

Sammy earned 250 total points
ID: 16874585
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
Divcal is the Div the calendar control is located in and it HAS to be positioned with absolute positioning
<div id="divCal" style="position: absolute; right: 380px; top: 330px; display: none;">
now call the this script using onclick of your control


Author Comment

ID: 16954296
I ended up using Tooltip.

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses the ASP.NET AJAX ModalPopupExtender control. In this article we will show how to use the ModalPopupExtender control, how to display/show/call the ASP.NET AJAX ModalPopupExtender control from javascript, how to show/display/cal…
In an ASP.NET application, I faced some technical problems. In this article, I list them out and show the solutions that I found.  I hope it will be useful. Problem: After closing a pop-up window, the parent page should be refreshed automaticall…
Internet Business Fax to Email Made Easy - With eFax Corporate (, you'll receive a dedicated online fax number, which is used the same way as a typical analog fax number. You'll receive secure faxes in your email, fr…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

920 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now