unobtrusive-javascript

I have an expensive form action that builds a zip file on the server and returns it to the browser. <form action='/download' method='post'> <input type='submit' value='download'/> </form> I want to block the page on click of the button so that the user doesn't repeatably hit the button. However I want to unblock the page after the form returns. How can trigger an event on successful completion of the form? (I know I can trigger this by changing the form to be an ajax submission but then the save file dialog does not appear...) Any suggestions? Thanks One way you could handle this without using

If I have a table with links to delete a record, which is the best way to wire up the click event? Do these evaluate the same under the hood? $("#table").on("click", ".delete", function(){ //do stuff }); or $("#table .delete").click(function(){ //do stuff }); No, they don't. In the way you are using them... .on() The way you are using it (delegation) , will save you cycles at attachment as well as memory, because it doesn't actually attach the events in that moment, as it provides a dynamic element where the event is applied to future elements as well. .click() will save you cycles at

I can't seem to use jQuery Accordions with definition lists that have multiple desciption items (dd). The author's examples have only single dd items. In the example below B2, B3 & C2 show onLoad, rather than hide like A1, B1 & C1 as I would prefer. How would I achieve this? jQuery('dl').accordion({ event: 'click', active: false, animated: "bounceslide", header: "dt" });​ <dl> <dt>A</dt> <dd>A1</dd> <dt>B</dt> <dd>B1</dd> <dd>B2</dd> <dd>B3</dd> <dt>C</dt> <dd>C1</dd> <dd>C2</dd> </dl> ( Live jsFiddle version ) demo: http://so.lucafilosofi.com/jquery-accordion-definition-list-with-multiple

I want to create a link like this: <a href="http://example.com">text</a> and replace the behavior so that the link downloads the content with Ajax instead when clicking. It is important for me not to replace the href attribute (so copying the link still works). One solution would be to do: $('link').onclick = function() { return false; }; but I would like to use the .observe method. But this doesn't work: $('link').observe('click', function() { return false; }); (which is quite logical). Any ideas on how I could achieve this? Thanks. $('link').observe('click', function(e) { Event.stop(e); });

I'm reworking an old website and am focusing on making the Javascript/jQuery as unobtrusive as possible. I'm looking for some advice on one part of the project: UJ requires that, if Javascript is turned off in a browser, all the site content is still available to the user. One part of my site has a large list of items. Each item in the list has it's own description, which uses CSS display:none to hide it by default. Clicking on the item toggles the visibility of the description using jQuery .toggle():, so a person unable to use Javascript (for whatever reason) would never see it. If I use

In my blog application, some posts appear as excerpts -- i.e., the user sees the first (say) 500 characters, and can click a link to view the entire post. Here is the relevant partial: <% href = url_for post_path(:id => post) %> <h1 class="title"><%= post.title %></h1> <h2 class="published_on"><%= post.author %> wrote this <%= time_ago_in_words(post.published_on)%> ago</h2> <div class="body"> <% if defined?(length) %> <%= truncate_html(post.body, :length => length, :omission => "…<h1><a class='more' href=\"#{href}\">Click here for more!</a></h1>") %> <% else %> <%= post.body %> <% end %> </div

I am using Ruby on Rails 4 and I would like to handle JavaScript events the Rails way. That is, for example, given I have the following link_to('destroy', article_path(@article), :method => :delete, :remote => true) when I click on the above generated link then I would like the success JS event to update the page content by removing the deleted article DOM element. The AJAX response, whatever it is, should be ignored. I am aware of the existence of the rails.js file but I don't how to use it in order to accomplish what I am looking for. There is a wiki page https://github.com/rails/jquery-ujs