Sedang Disiapkan

popup div tooltip always onscreen

Display a popup mouseover event that shows the contents of a hidden div always on browser screen no matter the position of the div/image activator on the page.

An example behaviour would be a tooltip or very similar to the [url removed, login to view] mouse over button behaviour. Google also has tooltip/talkbubble with similar behaviour.

Div must stay open while the mouse is over it, then timeout after X amount of seconds onmouseout. Hidden dic will contain form and other dynamic content. Below code is html example. imageDiv may be replaced with text link mouseover event.

/************* HTML CODE EXAMPLE *****************/

<div id="parentDiv" onmouseover="loadPopup()" onmouseout="closePopup()">

<div id="imgDiv">

<img src="myimage.gif" width="165" height="32" />


<div id="hiddenDiv" style="display: none;"></div>


/************* END HTML CODE EXAMPLE *****************/


1. Relative to parent div on the page, and not screen so if page is in window mode it will appear same position.

2. Popup must be ontop of all other content. Must not move/push content around it.

3. Code must be very streamlined(less than 1K), please no prototype sweettitles api/framework

Kemahiran: AJAX, Javascript

Lihat lagi: div tooltip, prototype popup div, popup div, popup div prototype, div always screen, popup div tooltip, div popup tooltip, html div tooltip, javascript div tooltip, javascript div always screen, popup div onmouseover, mouseover popup div, tooltip popup div, onmouseover popup div, tooltip div, div popup, html div popup tooltip, prototype tooltip html example, div tooltip popup, toolip viewer div, div tooltip example, div popup example, javascript div popup, div mouseover tooltip, open div popup prototype

Tentang Majikan:
( 2 ulasan ) Sydney, Australia

ID Projek: #274791