Comments on: HOW-TO: Get Rails and the Yahoo User Interface (YUI) to talk — Part 1 http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interface-yui-to-talk-part-1/ ...tales of a software curmudgeon Fri, 10 Oct 2008 23:17:15 +0000 http://wordpress.org/?v=2.0.1 by: cpatil http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interface-yui-to-talk-part-1/#comment-10470 Sat, 19 Jan 2008 22:16:01 +0000 http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interface-yui-to-talk-part-1/#comment-10470 Hi, I have coded up a library to allow Rails RJS to work with YUI. The library allows seamless usage of link_to_remote and remote_form_for helpers as well as rjs inline rendering with YUI libraries. More information <a href="http://justbarebones.blogspot.com/2008/01/announcing-yuirails.html" rel="nofollow">here</a> . And a small <a href="http://loop6.com:3000" rel="nofollow">demo</a> as well. Hi, I have coded up a library to allow Rails RJS to work with YUI. The library allows seamless usage of link_to_remote and remote_form_for helpers as well as rjs inline rendering with YUI libraries.
More information here . And a small demo as well.

]]> by: StumbleUpon - Your page is now on StumbleUpon! http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interface-yui-to-talk-part-1/#comment-10427 Thu, 17 Jan 2008 03:43:09 +0000 http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interface-yui-to-talk-part-1/#comment-10427 <!--%kramer-ref-pre%-->[...] Your page is on StumbleUpon [...]<!--%kramer-ref-post%--> Kramer auto Pingback[…] Your page is on StumbleUpon […]

]]> by: zerosum dirt(nap) - YUI Dialog On Rails: First Pass http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interface-yui-to-talk-part-1/#comment-10011 Sun, 16 Dec 2007 01:28:24 +0000 http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interface-yui-to-talk-part-1/#comment-10011 <!--%kramer-ref-pre%-->[...] Let's start with something simple. Oh yeah, I should mention that Sonjaya Tandon covered this same sorta stuff and what I'm doing is based on what I found there, but I'm going to do it a little bit differently, and demonstrate how you can leverage RJS. Here we go: [...]<!--%kramer-ref-post%--> Kramer auto Pingback[…] Let’s start with something simple. Oh yeah, I should mention that Sonjaya Tandon covered this same sorta stuff and what I’m doing is based on what I found there, but I’m going to do it a little bit differently, and demonstrate how you can leverage RJS. Here we go: […]

]]> by: Discover From Your Favorite Topic or Web Page: www.creativeui.com/2007/04/11/yui-part-iii-the-mig http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interface-yui-to-talk-part-1/#comment-9064 Sun, 02 Sep 2007 16:27:30 +0000 http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interface-yui-to-talk-part-1/#comment-9064 <!--%kramer-ref-pre%-->[...] [...]<!--%kramer-ref-post%--> Kramer auto Pingback[…] […]

]]> by: links for 2007-07-04 -- A Tempest of Thoughts http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interface-yui-to-talk-part-1/#comment-8111 Wed, 04 Jul 2007 23:31:58 +0000 http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interface-yui-to-talk-part-1/#comment-8111 [...] talk &#226;€” Part 1 How to integrate yui and rails. (tags: yui rails programming ruby javascript) Last Modified : July 5th, 2007 Filed under : Del.icio.us Navigate : Previous post / Share: [...] […] talk — Part 1 How to integrate yui and rails. (tags: yui rails programming ruby javascript) Last Modified : July 5th, 2007 Filed under : Del.icio.us Navigate : Previous post / Share: […]

]]> by: attilio.dona http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interface-yui-to-talk-part-1/#comment-7244 Mon, 11 Jun 2007 08:28:43 +0000 http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interface-yui-to-talk-part-1/#comment-7244 Sonjaya, the call “window.location.reload( false );” in handleSubmit is wrong and apparently seem to work correctly. The problem arises because the Dialog widget for defaults invoke the Connection Manager in async mode (using xmlHttpRequest). In your example instead you have to use a simple POST in your dialog (or alternativlely you have to register the callback for the response). To do this use the option postmethod:"form" in the constructor: YAHOO.example.container.myDialog = new YAHOO.widget.Dialog("myDialog", { modal:true, visible:false, width:"500px", fixedcenter:true, constraintoviewport:true, draggable:true, postmethod:"form" }); In my setup the missing image throws an exception in the web server log: the image close12_1.gif must be copied under stylesheets/yui. regards, Attilio Sonjaya,

the call “window.location.reload( false );” in handleSubmit is wrong and apparently seem to work correctly.

The problem arises because the Dialog widget for defaults invoke the Connection Manager in async mode (using xmlHttpRequest). In your example instead you have to use a simple POST in your dialog (or alternativlely you have to register the callback for the response).

To do this use the option postmethod:”form” in the constructor:

YAHOO.example.container.myDialog = new YAHOO.widget.Dialog(”myDialog”, { modal:true, visible:false, width:”500px”, fixedcenter:true, constraintoviewport:true, draggable:true, postmethod:”form” });

In my setup the missing image throws an exception in the web server log:
the image close12_1.gif must be copied under stylesheets/yui.

regards,
Attilio

]]> by: weelink http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interface-yui-to-talk-part-1/#comment-704 Tue, 30 Jan 2007 21:39:18 +0000 http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interface-yui-to-talk-part-1/#comment-704 <blockquote> One thing I am style puzzled about though is that I didn’t move the images over, but things seemed to still work fine. </blockquote> You didn't miss anything. The urls in the stylesheet don't link to the local files but to remote ones: <code> .panel .close.nonsecure { background-image:url(http://us.i1.yimg.com/us.yimg.com/i/nt/ic/ut/alt3/close12_1.gif); } .panel .close.secure { background-image:url(https://a248.e.akamai.net/sec.yimg.com/i/nt/ic/ut/alt3/close12_1.gif); } </code>

One thing I am style puzzled about though is that I didn’t move the images over, but things seemed to still work fine.

You didn’t miss anything. The urls in the stylesheet don’t link to the local files but to remote ones:


.panel .close.nonsecure {
background-image:url(http://us.i1.yimg.com/us.yimg.com/i/nt/ic/ut/alt3/close12_1.gif);
}

.panel .close.secure {
background-image:url(https://a248.e.akamai.net/sec.yimg.com/i/nt/ic/ut/alt3/close12_1.gif);
}

]]> by: Yahoo! User Interface Library şÍRails http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interface-yui-to-talk-part-1/#comment-515 Tue, 16 Jan 2007 01:16:48 +0000 http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interface-yui-to-talk-part-1/#comment-515 <!--%kramer-ref-pre%-->[...] http://developer.yahoo.com/yui/ http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interface-yui-to-talk-part-1/ [...]<!--%kramer-ref-post%--> Kramer auto Pingback[…] http://developer.yahoo.com/yui/ http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interface-yui-to-talk-part-1/ […]

]]> by: Digg / News / Upcoming http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interface-yui-to-talk-part-1/#comment-514 Mon, 15 Jan 2007 22:53:49 +0000 http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interface-yui-to-talk-part-1/#comment-514 <!--%kramer-ref-pre%-->[...] digg it http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interf [...]<!--%kramer-ref-post%--> Kramer auto Pingback[…] digg it http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interf […]

]]> by: Digg / Technology / Upcoming http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interface-yui-to-talk-part-1/#comment-513 Mon, 15 Jan 2007 22:45:41 +0000 http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interface-yui-to-talk-part-1/#comment-513 <!--%kramer-ref-pre%-->[...] digg it http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interf [...]<!--%kramer-ref-post%--> Kramer auto Pingback[…] digg it http://sonjayatandon.com/07-2006/how-to-get-rails-and-the-yahoo-user-interf […]

]]>