wwHoverPanel IFrame Popups

Home | Reset Page | Page generated: 3/19/2010 12:46:00 AM

Select a RSS or type in a Feed to display:

Rick Strahl's Web Log
  No Preview Images in File Open Dialogs on Windows 7
  .NET WebRequest.PreAuthenticate – not quite what it sounds like
  jQuery 1.4 Opacity and IE Filters
  HttpContext.Items and Server.Transfer/Execute
  Rendering ASP.NET Script References into the Html Header
  LINQ to SQL and missing Many to Many EntityRefs
  Making Sense of ASP.NET Paths
  SmtpClient and Locked File Attachments
  A free standing ASP.NET Pager Web Control
  Visual Studio 2010 Beta 2 Startup Failures
  DevConnections Slides and Samples Posted
  Capturing and Transforming ASP.NET Output with Response.Filter


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.