AJAX HoverPanel Sample

Sample Home | Reset Form
Hover over the links in the grid to bring up a small pop over window. Check the Closable Draggable Window checkbox to see a window pop up that has to be manually closed.
Developer Name Updated
AAAArrrr Mar. 19, 2010 5:59
Joey Catanzaro Mar. 17, 2010 11:15
John Mellumberg Feb. 25, 2010 13:03
Joey Catanzaro wwwww Mar. 10, 2010 7:38
James R O sieczonek gfddfg Mar. 6, 2010 23:34
Steve Finch Mar. 19, 2010 6:00
Jerry Ott Mar. 4, 2010 16:00
Erwinss Lopez Feb. 9, 2010 6:08
Abby Rosenstein Mar. 4, 2010 12:42
Harvey Mushman Mar. 17, 2010 10:44
Pages: 1 2 3 4 5 6 7 8


This sample demonstrates a very simple AJAX popup window that retrieves content from the server while not reloading the current page and displaying that content as a pop over window at the mouse position. This example requires no explicit client script code from the developer - only the event hookups are required for onmouseover and onmouseout which are single function calls each.

The process for this is to drop a HoverPanel control on the page and set a few optional operational properties. You then hook up the mouseenter and mouseout events on the hyperlink in the grid to fire when hovering over a row and moving out. The mouseenter then fires a call to startCallback() which initiates the callback picks up the HTML from the server and renders it into the hover panel control on the page - in this case at the current mouse position.

You get many options on how the dialog is formatted including draggability, auto-closing, shadows, ability to close the window and so on.