Extend YAHOO.widget.Panel

Hi Folks,

The last few days I've tried to extend the YAHOO.widget.Panel with a
feature that provides an additional configuration, so called
viewportelement.

I want to invoke the constructor like:

var myExtPanel = new MYNAMESPACE.more.ExtPanel("myPanel",
{visible:true,draggable:true,modal:true,constraintoviewport:true,viewportelement:"viewportElementId"});

The default behavior of that widget should constrain the panel within
its movable area. The drag area should be exactly within the
viewportelement. The current panel widget uses the client viewport and
I just want to narrow this behavior. Same thing counts also for the
mask (modality).

It works on FF and IE6 but not on IE7 (fires events continously). Are
there any implementations yet or could someone provide snippets how to
carry this out?

Best Regards,
-- Roman

•  111
  New Members
•  2
  New Links

Hi Roman,

I am having the same issues, have you found a solution to this?

Thanks,
Yoong Shin

--- In ydn-javascript%40yahoogroups.com">ydn-javascriptyahoogroups.com, Roman Raedle <Roman.Raedle...>
wrote:
&gt;
> Hi Folks,
&gt;
> The last few days I've tried to extend the YAHOO.widget.Panel with a
> feature that provides an additional configuration, so called
> viewportelement.
&gt;
> I want to invoke the constructor like:
&gt;
> var myExtPanel = new MYNAMESPACE.more.ExtPanel(&quot;myPanel&quot;,
>
{visible:true,draggable:true,modal:true,constraintoviewport:true,viewportelement:&quot;viewportElementId"});
>
> The default behavior of that widget should constrain the panel within
> its movable area. The drag area should be exactly within the
> viewportelement. The current panel widget uses the client viewport and
> I just want to narrow this behavior. Same thing counts also for the
> mask (modality).
>
> It works on FF and IE6 but not on IE7 (fires events continously). Are
> there any implementations yet or could someone provide snippets how to
> carry this out?
>;
> Best Regards,
> -- Roman
&gt;