IE7 & IE 8 Blocking images and css loading - javascript

I'm working on JavaScript widget to embed some reviews of my site to show on any site who copied my code. I followed this blog (http://blog.swirrl.com/articles/creating-asynchronous-embeddable-javascript-widgets/#final-embed-solution) and when i integrate their widget everything working fine. But when i do it same with my widget IE7 is hanging.
Here is the my testing link http://tech4sys.com/testing/jswidget/
It's working on all other browsers except IE, Please test above link in IE<9 only.
PS. I've removed image src to test but still it is blocking loading dashboard_widget.php and never loads.
Thanks

Related

Frontend issue with a js code: the images show good on chrome, edge, but not in firefox

I have a site, created with a template, that works just fine on Chrome, Edge, Safari, etc... but in firefox it crashes. It's a thing with a JS code that animates the images in the home page. You can see what I'm talking about in www.andarescolombia.com
If you go to that site in chrome you'll see the images on the home page working fine, but on firefox they seem to get collapsed to the top of the container:
On Chrome:
On Firefox:
So the images collaps in firefox, but the other JS plugins are working just fine. I already tryed to contact the seller, but they just have a lousy customer support service.
Please help!!
just avoid using $. it should prevent your error from occuring in firefox.
On the other hand why do you want to trigger the scroll event on window.load ? Oo
just wrap the magic you're using inside a function and call it on load and on scroll. saves you a lot of headaches.

Elements dissappearing in safari on ipad

Ive made a simple project with html and jquery. It works great in all browsers except for safari on ipads. Since apple doesnt have a windows version of safari i cannot check if the error is explicitly for ipad but i think so.
The problem is the photoboxes wich get their width from the jquery, they dont appear at all on the ipad. Chromes developer tools device mode shows everything correctly and i have css queries that take care of smaller screens so its only the ipad thats the problem. I havent found any way to do a web debug on the ipad either. Its hard to give a code example due to i dont really know what the error is but i have a live demo you can check out. For you on ipads, its supposed to be photos before the winter background.
http://www.mj-bygg.se/ipad/default.aspx
I am also getting the same error on desktop Chrome on the first load. If I refresh, then the pictures load fine but on first visit to the link I only get the footer image (trees.)
On the first load, none of your jQuery heights/widths are being applied. No errors in the console and if I rerun the function it works as it should (without reloading the page.)
I suggest either pushing the script further down the page or using $(window).load(function() {}
instead of
$(document).ready(function() {}
That is the only thing I can assume is wrong if it fails first time but works with the page being cached.

Website not displaying correctly in Safari and Chrome

I'm a complete newbie here. I have been trying to learn to code a site with HTML/CSS/JAVASCRIPT.
I am using brackets to code the site. The site I am practicing with renders properly with all css and javascript.
However when I open the .html file into safari or firefox it does not display correctly. I think it is probably a css issue as the html elements are all there.
I have other sites that I have made before that don't have this issue and I can not see where I have gone wrong.
jsfiddle.net/fs4g55m2/1 I'm using fullpage.js as well. If you notice the navbar works perfectly well. It seems to be the css after it that is corrupted (once you get to the body tag).
If you think it is CSS (and you are linking to external CSS file) try look into the network tabs in your browser's developer console to see if it is properly linked. Check to see if requested css file throw back 404 status (not found) - usually highlighted in red.
In chrome or Firefox (not sure in safari) right click on your web page and click inspect element - then choose network tab.
Hope that helps

Website only works completely when I cache refresh on Chrome, works fine on other browsers

having a bit of a weird bug. This just started happening in the last 2 days with Chrome only -- the website works fine with Firefox/Opera/IE11 etc. I have no code that messes with the caching of my website to my knowledge.
I am using Google Polymer in order to load shadowDOM custom elements into my DOM. I have a script that still works fine for IE that detects whether the website is IE10 or below, and if it is, doesn't load the script, because if I load the platform.js in IE10 and below my website will just not load at all. Everything was working fine with the script until about 2 days ago when suddenly platform.js is not loading in Chrome, so none of my polymer elements are loading now UNLESS I shift+cmd+refresh my website, clearing the cache.
Was something updated with Chrome / Polymer in the last few days that would have broken this for some reason?
Has anyone encountered this kind of thing where a website will only work when you hard refresh it? I am so confused. Any help would be appreciated. Thanks!
Are you using Polymer 0.5.*? Because if so, you need to load webcomponents.js, not platform.js.

Canvas application not working in IE9 & working incorrectly in FF4b7

I'm working on an online roguelike game. It's current version is located here. It's working fine in Chrome 9 and Firefox 3.6, but it makes Firefox 4 beta 7 unresponsive for about a minute on every move and IE9 just says that it doesn't support <canvas> tag.
Could someone please explain these strange behaviours of IE9 and FF4b7?
Thank you very much.
In IE9 hit F12 and you'll see your site is loading in quirks mode which is why it doesn't have canvas. From F12 you can switch it and see that you're site does work if it is in IE9 standards mode.
I think you want to put DOCTYPE html before everything else to avoid this.
http://en.wikipedia.org/wiki/Quirks_mode
I am posting this in case it helps someone else (I found this page when I was googling)
Pages worked fine in Firefox
In IE9 pages were working locally, but not from server. ("getContext not supported etc. etc.")
Had run out of ideas, but noticed that a trial of part of my page containing canvas did work.
Long story short:-
My pages were .htm and so I thought "Is there an HTML5 standard ?" well I'm not sure if there is but when I changed all pages to .html the site behaved as intended in IE9 with all canvas elements working.
Bob

Categories