Comments on: Javascript + embedded Ruby templates with Rails, out-of-the-box http://mad.ly/2007/11/02/javascript-embedded-ruby-templates-with-rails-out-of-the-box/ rails, jquery, flash, etc Sun, 20 Dec 2009 21:02:36 -0800 http://wordpress.org/?v=2.9.1 hourly 1 By: jean-sébastien http://mad.ly/2007/11/02/javascript-embedded-ruby-templates-with-rails-out-of-the-box/comment-page-1/#comment-1702 jean-sébastien Mon, 03 Dec 2007 10:49:11 +0000 http://mad.ly/2007/11/02/javascript-embedded-ruby-templates-with-rails-out-of-the-box/#comment-1702 here is an additionnal helper method to use remote links "jquery way" using protect_from_forgery I should precise that i use an additionnal class (.put .post .delete) which determines ajax method. def remote_link_to(name, options = {}, html_options = nil, *parameters_for_method_reference) options += (options.include?('?') ? '&' : '?') + "#{request_forgery_protection_token.to_s}=#{form_authenticity_token}" html_options[:class] = html_options.has_key?(:class) ? html_options[:class].to_s + ' remote' : 'remote' link_to(name, options, html_options) end here is an additionnal helper method to use remote links “jquery way” using protect_from_forgery
I should precise that i use an additionnal class (.put .post .delete) which determines ajax method.

def remote_link_to(name, options = {}, html_options = nil, *parameters_for_method_reference)
options += (options.include?(‘?’) ? ‘&’ : ‘?’) +
“#{request_forgery_protection_token.to_s}=#{form_authenticity_token}”
html_options[:class] = html_options.has_key?(:class) ?
html_options[:class].to_s + ‘ remote’ : ‘remote’
link_to(name, options, html_options)
end

]]> By: Geoff Buesing http://mad.ly/2007/11/02/javascript-embedded-ruby-templates-with-rails-out-of-the-box/comment-page-1/#comment-1548 Geoff Buesing Fri, 16 Nov 2007 19:37:37 +0000 http://mad.ly/2007/11/02/javascript-embedded-ruby-templates-with-rails-out-of-the-box/#comment-1548 @weepy: agreed, push as much Javascript code as you can into functions that reside in script files in /public/javascripts, and then call these functions from document.ready and js.erb files. You'll reap the benefits of browser caching with script files in public, and the code that's not cached (i.e, code embedded in the page, and in js.erb files) will read at a higher level. @weepy: agreed, push as much Javascript code as you can into functions that reside in script files in /public/javascripts, and then call these functions from document.ready and js.erb files.

You’ll reap the benefits of browser caching with script files in public, and the code that’s not cached (i.e, code embedded in the page, and in js.erb files) will read at a higher level.

]]> By: Geoff Buesing http://mad.ly/2007/11/02/javascript-embedded-ruby-templates-with-rails-out-of-the-box/comment-page-1/#comment-1547 Geoff Buesing Fri, 16 Nov 2007 19:13:41 +0000 http://mad.ly/2007/11/02/javascript-embedded-ruby-templates-with-rails-out-of-the-box/#comment-1547 <p>@jean-sebastien: regarding setting request headers, I've been meaning to update my older post that gave those instructions -- I've since discovered that adding the file extension (e.g., .js) to the url is an all-around better solution to request a specific format, if for no other reason than, it avoids issues with page caching and different mime types.</p> <p>So that I can add the correct file extension to a url parsed from the page, I came up with a javascript function that intelligently adds an extension to a url, respecting querystring params:</p> <pre lang="javascript"> function addFormatToURL(format, url) { var urlArray = url.split('?'); // add extension to url, unless it's already there if ( urlArray[0].search('.' + format + '$') == -1 ) { urlArray[0] = urlArray[0] + '.' + format; } return urlArray.join('?'); } </pre> @jean-sebastien: regarding setting request headers, I’ve been meaning to update my older post that gave those instructions — I’ve since discovered that adding the file extension (e.g., .js) to the url is an all-around better solution to request a specific format, if for no other reason than, it avoids issues with page caching and different mime types.

So that I can add the correct file extension to a url parsed from the page, I came up with a javascript function that intelligently adds an extension to a url, respecting querystring params:

function addFormatToURL(format, url) {
	var urlArray = url.split('?');
	// add extension to url, unless it's already there
	if ( urlArray[0].search('.' + format + '$') == -1 ) { urlArray[0] = urlArray[0] + '.' + format; }
	return urlArray.join('?');
}
]]> By: jean-sébastien http://mad.ly/2007/11/02/javascript-embedded-ruby-templates-with-rails-out-of-the-box/comment-page-1/#comment-1541 jean-sébastien Fri, 16 Nov 2007 03:26:56 +0000 http://mad.ly/2007/11/02/javascript-embedded-ruby-templates-with-rails-out-of-the-box/#comment-1541 Hi geoff, i'm using rails 2.0 pre release. and when i launch an ajax request with query, it doesn't work : rails take it as html formating. So i must add '.js' to my request to be considered as javascript. i must precise that my ajax request seems to be well formatted (dataType: 'scr1pt' beforeSend: function(xhr) {xhr.setRequestHeader("Accept", "text/javascript") can you give me your opinion? Hi geoff,
i’m using rails 2.0 pre release. and when i launch an ajax request with query, it doesn’t work : rails take it as html formating.
So i must add ‘.js’ to my request to be considered as javascript.

i must precise that my ajax request seems to be well formatted (dataType: ’scr1pt’ beforeSend: function(xhr) {xhr.setRequestHeader(“Accept”, “text/javascript”)

can you give me your opinion?

]]> By: Andy http://mad.ly/2007/11/02/javascript-embedded-ruby-templates-with-rails-out-of-the-box/comment-page-1/#comment-1517 Andy Tue, 13 Nov 2007 09:33:26 +0000 http://mad.ly/2007/11/02/javascript-embedded-ruby-templates-with-rails-out-of-the-box/#comment-1517 Wonderful. Those little helpers from the MinusROR plugin really make this elegant. Cheers. Wonderful. Those little helpers from the MinusROR plugin really make this elegant.

Cheers.

]]> By: weepy http://mad.ly/2007/11/02/javascript-embedded-ruby-templates-with-rails-out-of-the-box/comment-page-1/#comment-1501 weepy Mon, 12 Nov 2007 08:27:49 +0000 http://mad.ly/2007/11/02/javascript-embedded-ruby-templates-with-rails-out-of-the-box/#comment-1501 You should extract all common code out of the .js.erb into your public javascript files, and then just use the calls to these functions in the .js.erb. For example. => .js.erb updateMyStuff() => .js updateMyStuff = function(x) { $('my_div').html(x); } You should extract all common code out of the .js.erb into your public javascript files, and then just use the calls to these functions in the .js.erb. For example.

=> .js.erb
updateMyStuff()

=> .js
updateMyStuff = function(x) {
$(‘my_div’).html(x);
}

]]> By: Branstrom http://mad.ly/2007/11/02/javascript-embedded-ruby-templates-with-rails-out-of-the-box/comment-page-1/#comment-1475 Branstrom Sat, 10 Nov 2007 10:42:33 +0000 http://mad.ly/2007/11/02/javascript-embedded-ruby-templates-with-rails-out-of-the-box/#comment-1475 Matt: First of all, that is not unique to this solution. It's the same with RJS. It's a Good Thing to keep all JS and markup separate for the sake of easy maintenance and readability. Keep structure and behavior separate. This stuff (JS + data ajaxed in on certain events) doesn't really add to the initial load time, which is the primary concern when talking about the number of HTTP requests. These .js.erb requests will add up if you've got many of them, granted. Feel free to benchmark it... Matt: First of all, that is not unique to this solution. It’s the same with RJS.

It’s a Good Thing to keep all JS and markup separate for the sake of easy maintenance and readability. Keep structure and behavior separate.

This stuff (JS + data ajaxed in on certain events) doesn’t really add to the initial load time, which is the primary concern when talking about the number of HTTP requests. These .js.erb requests will add up if you’ve got many of them, granted. Feel free to benchmark it…

]]> By: Matt http://mad.ly/2007/11/02/javascript-embedded-ruby-templates-with-rails-out-of-the-box/comment-page-1/#comment-1456 Matt Thu, 08 Nov 2007 23:49:00 +0000 http://mad.ly/2007/11/02/javascript-embedded-ruby-templates-with-rails-out-of-the-box/#comment-1456 This may be a really dumb concern. It appears you're suggesting that all view-specific JS be thrown into separate JS files instead of embedded in the HTML with script tags. Isn't this in opposition to the standard best practice of reducing the number of HTTP requests? More HTTP requests means longer load times and more work for the server. This may be a really dumb concern.

It appears you’re suggesting that all view-specific JS be thrown into separate JS files instead of embedded in the HTML with script tags. Isn’t this in opposition to the standard best practice of reducing the number of HTTP requests?

More HTTP requests means longer load times and more work for the server.

]]> By: weepy http://mad.ly/2007/11/02/javascript-embedded-ruby-templates-with-rails-out-of-the-box/comment-page-1/#comment-1453 weepy Thu, 08 Nov 2007 21:10:22 +0000 http://mad.ly/2007/11/02/javascript-embedded-ruby-templates-with-rails-out-of-the-box/#comment-1453 awesome stuff. How about rolling it all up into a nice little plugin. awesome stuff.

How about rolling it all up into a nice little plugin.

]]> By: jeroen http://mad.ly/2007/11/02/javascript-embedded-ruby-templates-with-rails-out-of-the-box/comment-page-1/#comment-1452 jeroen Thu, 08 Nov 2007 19:26:41 +0000 http://mad.ly/2007/11/02/javascript-embedded-ruby-templates-with-rails-out-of-the-box/#comment-1452 Nice! It would be nice to bundle this into a small plugin. I'm not using rails 2 yet, but I think I'll be using this once it's out. Nice! It would be nice to bundle this into a small plugin. I’m not using rails 2 yet, but I think I’ll be using this once it’s out.

]]>