I´m using AngularJS 1.1.3 to use the new $resource with promises... How can I get the callback from that? I tried the same way I did with $http : $resource.get('...'). success(function(data, status) { alert(data); }). error(function(data, status) { alert((status); }); But there is no 'success' neither 'error' functions... I also tried that : $resource.get({ id: 10 },function (data) { console.log('

following some examples, it appears that we can inject a factory which would contain an endpoint for a rest service like so services.factory('Recipe', ['$resource', function($resource) { return $resource('/recipes/:id', {id: '@id'}); }]); This looks great, but imagine I have other endpoints i.e. /users/:id, and /groups/:id, as you can imagine the number of different endpoints are going to increase

I want to do a condition in an AngularJS template. I fetch a video list from the Youtube API. Some of the videos are in 16:9 ratio and some are in 4:3 ratio. I want to make a condition like this: if video.yt$aspectRatio equals widescreen then element's attr height="270px" else element's attr height="360px" I'm iterating the videos using ng-repeat. Have no idea what should I do for this condition:

How to stop propagation with the mousewheel event listener? When using the mousewheel over the content element the whole document is scrolling too. This doesn't work: content.on('mousewheel', function(e, delta){ content.scrollTop(content.scrollTop() - (40 * delta)); set_bar(); e.stopPropagation(); }); solution content.on('mousewheel', function(e, delta){ content.scrollTop(content.scrollTop() - (40

Is there a way to make grayscale image filter work on IE 10 without JavaScript or SVG? I've been using the following code successfully in all browsers except IE 10. img{ filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/

This CSS code works pretty nice for Internet Explorer until 9. img.gray { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(1); } But what do I need

Ask questions, find answers and collaborate at work with Stack Overflow for Teams. Explore Teams Collectives™ on Stack Overflow Find centralized, trusted content and collaborate around the technologies you use most. Learn more about Collectives

jQuery's .animate() forces the style overflow: hidden when triggered, messing with my animated element because I have another element that's hanging, with negative position, outside of it. is there anyway to avoid that?

I have a webpage with an elastic layout that changes its width if the browser window is resized. In this layout there are headlines (h2) that will have a variable length (actually being headlines from blogposts that I don't have control over). Currently - if they are wider than the window - they are broken into two lines. Is there an elegant, tested (cross-browser) solution - for example with jQue

Ask questions, find answers and collaborate at work with Stack Overflow for Teams. Explore Teams Collectives™ on Stack Overflow Find centralized, trusted content and collaborate around the technologies you use most. Learn more about Collectives

Working on a website that is also viewable on mobile and need to bind an action on both touchstart and mousedown. Looks like this $("#roll").bind("mousedown touchstart", function(event){ someAction(); It works fine on Iphone, but on Android it responds twice. event.stopPropagation(); event.preventDefault(); Adding this code fixed it for Android Chrome, but NOT for Android default browser. Any othe

I am using this CSS for background opacity of a <div>: background: rgba(255, 255, 255, 0.3); It’s working fine in Firefox, but not in IE 8. How do I make it work?

I am trying to dynamically change the actual HTML value attribute of an input using jQuery. Although using input.attr('value', 'myNewVal'); works to change it visually, when I inspect the source using Developer Tools in Chrome, the HTML attribute hasn't changed. Since I'm doing a check in some PHP later on to see if the input has its original value, I need a way of changing the actual HTML attribu

I have URL like: http://example.com#something, how do I remove #something, without causing the page to refresh? I attempted the following solution: window.location.hash = ''; However, this doesn't remove the hash symbol # from the URL.

I am creating a jQuery plugin. How do I get the real image width and height with Javascript in Safari? The following works with Firefox 3, IE7 and Opera 9: var pic = $("img") // need to remove these in of case img-element has set width and height pic.removeAttr("width"); pic.removeAttr("height"); var pic_real_width = pic.width(); var pic_real_height = pic.height(); But in Webkit browsers like Safa

Ask questions, find answers and collaborate at work with Stack Overflow for Teams. Explore Teams Collectives™ on Stack Overflow Find centralized, trusted content and collaborate around the technologies you use most. Learn more about Collectives

When I want to prevent other event handlers from executing after a certain event is fired, I can use one of two techniques. I'll use jQuery in the examples, but this applies to plain-JS as well: 1. event.preventDefault() $('a').click(function (e) { // custom handling here e.preventDefault(); }); 2. return false $('a').click(function () { // custom handling here return false; }); Is there any signi

With some HTML like this: <p>Some Text</p> Then some CSS like this: p { color:black; } p:hover { color:red; } How can I allow a long touch on a touch enabled device to replicate hover? I can change markup/use JS etc, but can't think of an easy way to do this.

Am I totally missing what this is supposed to do? I expect that if I call stopPropagation() on an event, handlers for that event won't get triggered on ancestor elements, but the example below isn't working that way (in FireFox 3 at least).. <script type="text/javascript"> $("input").live("click", function(event){ console.log("input click handler called") event.stopPropagation() }); $("body").live

To select a child node in jQuery one can use children() but also find(). For example: $(this).children('.foo'); gives the same result as: $(this).find('.foo'); Now, which option is fastest or preferred and why?