unobtrusive-javascript

I want to call a javascript function that will be conditional upon a user's response to the confirm box. For example, I have the following anchor: <%= link_to 'Sign Out', destroy_session_path, confirm: 'Are you sure that you would like to sign out?', method: :delete %> Should I just abandon the unobtrusive javascript and bind my own jQuery callback to my anchor? Or is there some magical way to pass a callback function to the Rails url helper? I did not see any discussion of callbacks in the documentation . By following the link_to source, I see that the :confirm modifier is passed to the

I've recently got up to speed with Knockout and I think it's a fantastic framework. However I have one concern. I'm finding that in non-trivial binding cases, I have snippets of javascript code creeping into my view (markup). In fact quite a few code samples in the Knockout documentation demonstrate this too. Does this make Knockout inherently obtrusive? Should I just accept it for what it is and not be worried in practice? Or are there any patterns/techniques I should be employing to make Knockout unobtrusive? Michael Berkompas Great question. I've been writing complex KnockoutJS views for

I have a bit of code where I am looping through all the select boxes on a page and binding a .hover event to them to do a bit of twiddling with their width on mouse on/off . This happens on page ready and works just fine. The problem I have is that any select boxes I add via Ajax or DOM after the initial loop won't have the event bound. I have found this plugin ( jQuery Live Query Plugin ), but before I add another 5k to my pages with a plugin, I want to see if anyone knows a way to do this, either with jQuery directly or by another option. Popnoodles As of jQuery 1.7 you should use jQuery.fn

I want my razor view to look something like this @Ajax.ActionLink("A", "Buy", new AjaxOptions() { HttpMethod = "Post", OnSuccess = "updateLetter" }, new { id = "letter-A" }) @Ajax.ActionLink("B", "Buy", new AjaxOptions() { HttpMethod = "Post", OnSuccess = "updateLetter" }, new { id = "letter-B" }) @Ajax.ActionLink("C", "Buy", new AjaxOptions() { HttpMethod = "Post", OnSuccess = "updateLetter" }, new { id = "letter-C" }) and my javascript to look something like this function updateLetter(letter) { $("#letter-" + letter).toggleClass('selected'); } the idea being that if I click the A link, it'll

This is a part of my Edit view: <dt> @Html.LabelFor(model => model.MainModel.StartDate) </dt> <dd> @Html.TextBoxFor(model => model.MainModel.StartDate) @Html.ValidationMessageFor(model => model.MainModel.StartDate) <div class="targetDiv"> My content </div> </dd> So as all of you know when StartDate field in my model not valid unobtrusive show the error message and if valid hide it. Now I want to add another action to this process. I need if StartDate value is Invalid show "targetDiv" div and if StartDate value is Valid hide it. what is your suggestion? You can check for field validity with

I am using asp.net mvc 3 jquery validate unobstructive javascript. I am trying to write all my validation on the serverside through annotations and then have the new feature of mvc 3 take care of the client side. I have a dialog that has a button on it(just a button not a submit button) that I want to post data to the server through ajax. So when the user clicks on the button I do a form submit and return false to cancel the post back. I thought that would trigger the validation but that does not seem to be the case. How do I make the client side validation trigger? Edit <form method="post" id

I want to reload a partial every 3 seconds on a 'new'-view in my rails app. I have this in my new.html.erb <h1>Controller#new</h1> This is my static content <%= render partial: 'dynamic' %> More Static content How do I get this partial reloaded every 3 seconds? Do I have to use unobtrusive javascript for this? How can I achieve this through ujs? Kashiftufail Put partial in div <div class="dynamic"><%= render partial: 'dynamic' %></div> You can do it by using jquery like this $(document).ready( function() { setInterval(function() { $('.dynamic').load('/controller_name/action_name'); }, 3000); }