jQuery .change() on Radio Button
You must put the code inside the dom-ready event… $(document).ready(function(){ // Your code here }); or else the script gets executed before the HTML-elements have been loaded. Thus, no radioboxes exist.
jquery
Smooth scroll to anchor after loading new page
As browsers automatically detect the hash and take you to that position… It occurs to me that you could first reset the scroll position to 0 and then made the smooth scrolling. Something like… // to top right away if ( window.location.hash ) scroll(0,0); // void some browsers issue setTimeout( function() { scroll(0,0); }, 1); … Read more
Jquery if scroll is a certain amount of pixels
You can check $(document).scrollTop() inside of a scroll handler: var $document = $(document), $element = $(‘#some-element’), className=”hasScrolled”; $document.scroll(function() { if ($document.scrollTop() >= 50) { // user scrolled 50 pixels or more; // do stuff $element.addClass(className); } else { $element.removeClass(className); } }); If adding the class name is all you want (no other actions needed), this … Read more
Format input value in Angularjs
Here is working example where we use unshift: angular.module(‘myApp.directives’, []).directive(‘format’, [‘$filter’, function ($filter) { return { require: ‘?ngModel’, link: function (scope, elem, attrs, ctrl) { if (!ctrl) return; ctrl.$formatters.unshift(function (a) { return $filter(attrs.format)(ctrl.$modelValue) }); ctrl.$parsers.unshift(function (viewValue) { var plainNumber = viewValue.replace(/[^\d|\-+|\.+]/g, ”); elem.val($filter(attrs.format)(plainNumber)); return plainNumber; }); } }; }]); The HTML seems: <input type=”text” ng-model=”test” … Read more
Rails flash notice via ajax
Here is an example that I got working, thanks to Rich Peck’s answer. I needed to use flash.now to make sure the flash notice didn’t persist. AJAX trigger in the view: <%= link_to “Email report”, users_path, remote: true %> Controller: # app/controllers/users_controller class UsersController < ApplicationController def index # do some things here respond_to do … Read more
jQuery: height()/width() and “display:none”
If an element has an offsetWidth of 0 (jQuery is considering this “hidden”), checked here, then it attempts to figure out what the height should be. It sets the following properties on the element via jQuery.swap() for the duration of the check: position: “absolute” visibility: “hidden” display: “block” Then it gets the height, via getWidthOrHeight(…) … Read more
Change HTML of an iFrame with jQuery?
You’ll have to parse the iframe content. $(“#frameid”).contents().find(“div”).html(‘My html’); More here : http://api.jquery.com/contents/
How do I pass correct Url.Action to a JQuery method without extra ampersand trouble?
Try @Html.Raw(Url.Action(“_AgentStatesGrid”, “AgentStates”, new { projectId = Model.SelectedProject, siteId = Model.SelectedSite })) Thanks
How to keep line breaks when using .text() method for jQuery?
You don’t need to worry about the HTML entities nor any complex string replacing. All you need is a little CSS: #target { white-space: pre; } and use the .text() approach: (function(){ var srcText = $(“#src”).text().trim(); i = 0; result = srcText[i]; setInterval(function() { if(i == srcText.length-1) { clearInterval(this); return; }; i++; result += srcText[i]; … Read more
How can I remove the text but not the child elements?
Best and easy solution to remove all text elements from certain div is $(“#firstDiv”).contents().filter(function(){ return (this.nodeType == 3); }).remove();