AngularJS Routing Link does not work in Chrome - javascript

I have the following HTML to route to a different view:
Contact
The route works perfectly fine on Firefox, but gives the following error on Chrome/Safari:
GET http://localhost:55951/Contacts/Create 404 (Not Found)
It looks like WebKit is trying to actually go to the address, whereas in Moz there is no navigation, and AngularJs is handling the routing.
Any ideas what would be causing this?

For any novice AngularJs developer who stubles upon this problem like I did:
After lots of head banging, I read the console log carefully, which had a reference to jQueryMobile.js. Turns out jQueryMobile does not play nice with Angular.Js.
You can do a workaround with http://jacobmumm.com/2011/08/30/angularjs-with-jquery-mobile/. I just ended up removing jQueryMobile.

Related

Facebook sdk.js returns 404 error

My web-app has the Facebook JS SDK implemented.
Yesterday, everything was working fine and without any modification on the code, the script request started to return 404 errors.
When I try to access it directly, this is what I find:
Facebook Status shows that the API everything is OK.
Instagram's embeds.js and Facebook's debug SDK are also returning the same error:
Does anyone knows what it happening? I've tried accessing these files using my 4G network and the same error is displayed.
I'm based in Dublin, Ireland.
I figured this one out.. it seems the .net isn't working anymore.. I used ".com" instead:
Use https://connect.facebook.com/en_US/sdk.js
instead of https://connect.facebook.net/en_US/sdk.js
It is related to this bug, subscribe to get updated: https://developers.facebook.com/bugs/949091578557056/
There is a workaround to use .com instead of .net.
Edit: The bug is fixed now.
I had the same problem. Use //connect.facebook.com/en_US/sdk.js url.

Twitter feed not displaying in Chrome

I have browsed the web trying to find a solution to this problem, many people have suggested disabling avast plugin, add blocker within chrome extensions yet none of these worked.
the url is https://careers.telstra.com/ you will see half way down next to the facebook feed the twitter feed is empty when using chrome, when I view this in IE, FireFox it displays as I would expect.
I've checked the console log in Firefox and I receive no errors, when I go to chrome on the other hand I see the following:
I personally do not think these are related it any way but I thought I would provide as much information as possible to try and get this fixed.
update Turns out the errors are related to google-cast-sdk instead of silently dumping the errors they have decided to dump them straight in to the console. Read more about it here
I've checked and made sure I'm referencing the correct twitter widget.
We build it as follows as pass it to the page
sb.Append("<div class=\"twitterWidget\"><a class=\"twitter-timeline\" href=\"//twitter.com/telstracareers\" data-widget-id=\"345026269295038465\" data-chrome=\"nofooter noscrollbar transparent\" data-tweet-limit=\"3\">Tweets by #telstracareers</a></div>");
The website runs under https, I have tried the following:
href=\"https://twitter.com/telstracareers\"
href=\"//twitter.com/telstracareers\"
Still have no luck, I'm not sure what else I could try any suggestions?
Thanks

jquery conflict with my website

I layout'd a page and on my server which is it hostgator works extremely fine, using the jQuery mobile components:
http://brunolustro.com/roger/teste/cadastro.html
But my friend who is programming the page wanted me to insert the newest CDNs from either jQuery and jQuery Mobile:
And this is what the page looks like when I insert those codes:
http://brunolustro.com/roger/test/cadastro.html
Do you know how to fix this?
Regards,
Bruno
When working with JavaScript or jQuery on your website - if something isn't working as you intend - the first thing you should do is check the browser console to see if anything is being logged there.
To check the browser console:
Hit F12 on your keyboard. When the developer tools open, choose the console tab, its placed in the toolbar at the top of the new window.
In the console you will see a few errors in red with error codes (404). A 404 means the requested file wasn't found.
This tells us that your reference to jQuery isn't correct. This could be because the file path you've written isn't correct, or that you haven't deployed those files correctly to your site.
Check your file paths you've referenced and make sure the file is on your server. Once both are correct - the errors should go away.
Here's a link to view more about developer tools: https://developer.chrome.com/devtools#console
Check following files in your "test/js" and "teste/js" folders, because i've got 404 not found error:
jquery-2.0.3.min.js
modernizr-2.6.2.min.js
jquery.mobile-1.4.5.min.map

Symfony2 Web Profiler disappeared ajax calling but invalid response in google chrome only

Im just working on a project with symfony2 and yesterday i started to design it.
Not i just noticed that the web profiler is not visible.
I tried everything! it is active in the config_dev, body tags are opened and closed well. The JS Code is loaded just before </body> and the /_wdt request is called, but heres the response:
now just calling myself this url returns the right response. in this case, the toolbar is shown.
I just tried the same with safari and firefox and everything worked well?! So only it is failing with chrome (even in ikognito mode with no plugin).
so it must have something to do with what? i dunno..
and since this time TinymceBundle not works well also. Even if the js code is loaded my textarea with the .tinymce class is not a Tinymce Textarea, Some Js code errors?
Thanks!
I am using Zend Server CE as Environment. Just stopping and Starting the Server fixed the bug?!

jQuery ui slideshow not working

So I created a simple slideshow with jquery and jquery ui. It works perfectly when I dragged the html into chrome, but when I uploaded the file to my server, the effect didn't work.
You can see the website on -guyzyl.org- (its the main page), or just the html file (which is the same as the one on the site -https://www.dropbox.com/s/0q3tnshbvmxu9ax/index.html-
any help is appreciated, and thanks in advance.
You are missing all these js .. (Seen in firebug in console error)
"NetworkError: 403 Forbidden - http://jqueryui.com/latest/ui/jquery.effects.core.js"
jquery...core.js
"NetworkError: 403 Forbidden - http://jqueryui.com/latest/ui/jquery.effects.slide.js"
jquery...lide.js
error: "NetworkError: 403 Forbidden - http://jqueryui.com/latest/ui/jquery.effects.slide.js"
Also . i would suggest you to read from google CDN ( this jquery ui contains all the effect files)
https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js
While keeping a local copy of it, so that in case it is not able to get it from google cdn , it can look in local path .(as in your case and doesn't brake your website)
Nothing is wrong with the code itself: http://jsfiddle.net/ya8Yu/ is all of your code working.
you need to get your included files setup properly as Fidrizers suggested.
Also, in the future set up a jsfiddle so that we dont have to run around to gather all of your code and set up an environment to test.

Categories

Resources