Comments on: CSS Modal Dialog that Works Right http://foohack.com/2007/11/css-modal-dialog-that-works-right/ Isaac Schlueter on Web Development Thu, 24 Jul 2008 02:31:03 +0000 http://wordpress.org/?v=2.5.1 By: Isaac http://foohack.com/2007/11/css-modal-dialog-that-works-right/#comment-698 Isaac Sun, 29 Jun 2008 08:20:22 +0000 http://foohack.com/2007/11/css-modal-dialog-that-works-right/#comment-698 Jugo, Sorry, but I have a firm rule about answering questions like this for free. It devalues our craft. My consulting fees are listed on <a href="/resume/" rel="nofollow">my resume</a>. Please contact me directly if you'd like to set up a business arrangement. Jugo,

Sorry, but I have a firm rule about answering questions like this for free. It devalues our craft.

My consulting fees are listed on my resume. Please contact me directly if you’d like to set up a business arrangement.

]]> By: Jugo Slavarsovski http://foohack.com/2007/11/css-modal-dialog-that-works-right/#comment-697 Jugo Slavarsovski Fri, 27 Jun 2008 14:01:55 +0000 http://foohack.com/2007/11/css-modal-dialog-that-works-right/#comment-697 How can i set the position of the div right of the mouse cursor? Namely i want to click some buttons/images and the new dialog/form appears right there. Thanks How can i set the position of the div right of the mouse cursor? Namely i want to click some buttons/images and the new dialog/form appears right there.
Thanks

]]> By: Isaac http://foohack.com/2007/11/css-modal-dialog-that-works-right/#comment-423 Isaac Mon, 10 Mar 2008 20:35:06 +0000 http://foohack.com/2007/11/css-modal-dialog-that-works-right/#comment-423 Sorry, missed your other question. This method is currently in use on <a href="http://buzz.yahoo.com" rel="nofollow">http://buzz.yahoo.com</a>. Sorry, missed your other question.

This method is currently in use on http://buzz.yahoo.com.

]]> By: Isaac http://foohack.com/2007/11/css-modal-dialog-that-works-right/#comment-422 Isaac Mon, 10 Mar 2008 20:23:31 +0000 http://foohack.com/2007/11/css-modal-dialog-that-works-right/#comment-422 @Darryl There are actually a few problems with this modal approach. I'm working on a newer version which I'll be posting soon that fixes some additional tab-order problems and doesn't disable keyboard scrolling (very problematic for the iPhone.) To launch the modal using some other event, you could either expose the <code>toggleModal</code> function by assigning it to a global variable, or add the event listener within the closure. @Darryl

There are actually a few problems with this modal approach. I’m working on a newer version which I’ll be posting soon that fixes some additional tab-order problems and doesn’t disable keyboard scrolling (very problematic for the iPhone.)

To launch the modal using some other event, you could either expose the toggleModal function by assigning it to a global variable, or add the event listener within the closure.

]]> By: Darryl Laferte http://foohack.com/2007/11/css-modal-dialog-that-works-right/#comment-421 Darryl Laferte Mon, 10 Mar 2008 20:11:05 +0000 http://foohack.com/2007/11/css-modal-dialog-that-works-right/#comment-421 This is very cool--clean and concise, and it works just like I want it to--almost. I'm wanting to use something other than a keypress to launch the modal dialog--like, clicking a link on the main page. And then I'd like to allow the user to close the modal dialog by clicking a link within its contents. But how do I go about accessing toggleModal() from outside of the nifty unnamed wrapper function? Has anyone built any variations on this, such as I'm describing, that might serve as examples? Thanks for posting this. This is very cool–clean and concise, and it works just like I want it to–almost. I’m wanting to use something other than a keypress to launch the modal dialog–like, clicking a link on the main page. And then I’d like to allow the user to close the modal dialog by clicking a link within its contents. But how do I go about accessing toggleModal() from outside of the nifty unnamed wrapper function?

Has anyone built any variations on this, such as I’m describing, that might serve as examples?

Thanks for posting this.

]]>