Comments on: Creating Lightbox with Yahoo! User Interface Library

By: Lamar

Lamar — Sun, 13 Apr 2008 03:44:26 +0000

My comments is i think i should get a code for my email

By: Lamar

Lamar — Sun, 13 Apr 2008 03:43:11 +0000

my cmment is i want a id code for my email

By: Cymnsnono

Cymnsnono — Sun, 30 Mar 2008 20:56:11 +0000

Do you know if some company use the same marketing concept as Webkinz?

I'm writing a few articles right now and want to get some info and opinions.

By: Markus

Markus — Thu, 06 Mar 2008 06:32:37 +0000

thanks for the tutorial.. i already bookmark this page

By: YUI Based Lightbox - Final : Code Central

YUI Based Lightbox - Final : Code Central — Fri, 22 Feb 2008 05:31:53 +0000

[...] YUI Lightbox for content [...]

By: Google Watch blog

Google Watch blog — Sun, 17 Feb 2008 22:01:45 +0000

ImmobiliensachverstÃ¤ndige...

Google will update a new seo form...

By: Sachverstndiger

Sachverstndiger — Sun, 17 Feb 2008 21:42:56 +0000

Sachverstndiger...

Your blog is really very informative....

By: Markus

Markus — Thu, 29 Nov 2007 05:06:35 +0000

Thank you for the quick reply!
I will check it out tomorrow when I get back to work ;)

Thanks again for the help!

By: Cuong

Cuong — Wed, 28 Nov 2007 20:22:42 +0000

When adding new method to dialog itself, make sure that you are not override the original method. I believe init is one of the Dialog's internal method.

In addition, the signature of subscribe should be void subscribe ( fn , obj , override ), the extra parameter you specified will be ignored.

If you want to pass extra parameter to the handler, use second the second parameter, such as:

YAHOO.test.container.dialog3.showEvent.subscribe(onDialog3Show, {self: YAHOO.test.container.dialog3, opt: opt, tgt: tgt});

and in your handler:

var onDialog3Show = function(e, a, o){
var frame = document.createElement('iframe'); frame.src = "/page.php?opt="+o.opt+"&id="+o.tgt;
frame.id='iframe1';frame.name='iframe1';frame.width="700";frame.height="300";
frame.scrolling="no";frame.frameborder="0";frame.border="0";
o.self.setBody(frame);
};

More about YUI callbacks

Is there a way to manipulate the destination of the iframe with a "dialog4.define(url)" function?

It should be possible by create an IFRAME and insert it into the dialog body:

var iframe = document.createElement(iframe);
//save this reference
dialog4.iframe = iframe;
dialog4.setBody(iframe);
//to manipulate destination
dialog4.iframe.src = "blabla";

I haven't tested it, but you got the idea.

By: Markus

Markus — Wed, 28 Nov 2007 06:59:21 +0000

Sorry, forgot to add the code that I am trying to run. Neither this, nor the copy of dialog4 from the demo work. Thoughts ?

YAHOO.test.container.dialog3=new YAHOO.widget.Dialog("test3",{width:"700px",fixedcenter:true,visible:false,close:true,draggable:false,modal:true,postmethod:'form',constraintoviewport:true});
YAHOO.test.container.dialog3.render();

YAHOO.test.container.dialog3.init=function(opt){
YAHOO.test.container.dialog3.setHeader(opt);
}
YAHOO.test.container.dialog3.reset=function(){
YAHOO.test.container.dialog3.setHeader('Error');
}
var onDialog3Show = function(e, args, o, opt, tgt){
var frame = document.createElement('iframe'); frame.src = "/page.php?opt="opt"&id="+tgt;
frame.id='iframe1';frame.name='iframe1';frame.width="700";frame.height="300";
frame.scrolling="no";frame.frameborder="0";frame.border="0";
o.setBody(frame);
};
YAHOO.test.container.dialog3.showEvent.subscribe(onDialog3Show, YAHOO.test.container.dialog3, opt, tgt);