wwHoverPanel IFrame Popups

Home | Reset Page | Page generated: 10/11/2008 9:27:27 PM

Select a RSS or type in a Feed to display:

Rick Strahl's Web Log
  LINQ to SQL DBML fails to build or open
  Wipeout
  No Empty Selector in jQuery
  Introduction to jQuery Article posted
  Calling JavaScript functions in the Web Browser Control
  Browser Rendering Differences and Browser Resets
  jQuery.position() on Invisible Elements fails
  ASP.NET Designer Control Problem in VS 2008 SP1
  Running VisualSVN Server for Subversion Source Control
  jQuery CSS Property Monitoring Plug-in updated
  Client Script Resources in ASP.NET Controls revisited
  Retrieving Web Resources and Content Types in Code


This example demonstrates using hover IFRAME panels to display fully self contained pages as popups in the current page. This differs from the normal hover behavior in that the pages displayed are loaded into an IFRAME rather than an inline DIV tag and so can contain fully self contained HTML and FORM tags. They can also handle their own logic outside of the context of a page.

IFRAME functionality is accessed with ShowIFrameAtMousePosition or ShowIFrameInPanel both of which display the IFRAME. Note that IFRAMEs behave a little differently than embedded hover windows in that IFRAMEs are fixed size and don't auto-adjust in size based on content so you need to set your original panel width to the desired size up front. Note that this frame is draggable which is enabled by using a client side wwDragBehavior and attaching it to the hover window.

Finally this form shows a drop down list, also using an IFRAME with content pulled from a separate page. The page loads and a selection then returns its selected value (a URL) back to the main page by calling back on the parent frame. This is highly useful in many situations for pop up help and selection lists or things like dynamic calendar popups. Communication between frames is easy once you figure it out and this page demonstrates how it's done.