I'm very close to completing this map, but it's 2 steps forward 1 step back. Now that I'm basically done, with help from this forum, IE (8 or 9) isn't loading the map on initial visit to the page: http://www.wrh.noaa.gov/mfr/rec/v2/
I have to refresh the page, and then the map and sidebar displays. I tried the settimeout on line 599, but have commented it out. The settimeout did force IE to load the map, but then I got an el not defined type of error.
Any ideas how I can get this map to load in IE as well as the currently functional FF and Chrome?
Thanks for any help,
Shad
Related
I tried to look into this but nothing I do seems to work out.
When I use Chrome, I can click on the link located right below each image in the gallery without any issues .
When I use Safari though, I have to click several times and only a specific area of the link will fire the window.
Here is a screenshot of the link I try to trigger on Safari:
The problem arises when clicking on any of the items listed in the image gallery.
I'd appreciate any help, thanks!
I have had a look over the site you share a link for using the timeline and resource debuging on Chrome and Safari.
It would appear that the issue with the link is not that it doesn't work on first click. It is that the DOM has not fully loaded. If you wait till the DOM has finished its first pass at the HTML, approx 4 full seconds on my connection(~72Mb), the link will work on first click even before all assets (images and JS) has finished loading.
On Chrome this particular page seems to manage to loading the HTML in under 1.9 seconds, before starting to load in assets. Which is why it feels like the link works first time.
Here is a Google analysis of yuour page that reports the same finding. Note Time to Interactive is 14 seconds
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fcfcj-immo.com%2Facheter%2F
I use the MouseWheel Smooth Scroll plugin in Wordpress all the time for my sites. It always works. A week ago, I started a new site and noticed that smooth scrolling wasn't working on it. Today I tried fixing it and just can't understand what the problem is. I used the theme Shapely and MouseWheel Smooth Scroll just two weeks ago and that site is working fine: https://xharris.com
I even installed a new wp site 30 minutes ago to test with demo content.....and it still doesn't work!! Infact, NO smooth scrolling plugin works. I can't figure this out.
Here's what works and what doesn't:
Smooth with anchors: yes.
Smooth with back to top: yes.
General mouse scroll up and down: no.
Where am I going wrong???
You can see it NOT working here https://xharris.com/porto
**i know the 'anchors' and 'to top' work because i tested them on another site really quick with other plugins. unfortunatley....i don't need them. i just need mousewheel scrolling to be smooth..
If you check the browser console on the proto site, you can see that for whatever reason allowedBrowsers is undefined on the SmoothScroll script:
SmoothScroll.min.js?ver=1.4.10:formatted:350 Uncaught ReferenceError: allowedBrowsers is not defined
at SmoothScroll.min.js?ver=1.4.10:formatted:350
at SmoothScroll.min.js?ver=1.4.10:formatted:351
at SmoothScroll.min.js?ver=1.4.10:formatted:384
You'll need to modify it to add this variable into either the script or add a script that adds this variable before the SmoothScroll script is loaded.
In the current site, this is the value that it currently has:
var allowedBrowsers=["IEWin7","Chrome","Safari"];
Edit: After looking closer at your website, it seems like it is loading some scripts over HTTP instead of HTTPS and Chrome is blocking these scripts from being loaded for security reasons. This is the reason why SmoothScroll isn't working I believe. Please make sure the following scripts are being loaded by changing the "http" part to "https":
http://xharris.com/porto/wp-content/uploads/wpmss/wpmss.min.js?ver=1589445996
http://xharris.com/porto/wp-content/uploads/wpmss/wpmssab.min.js?ver=1589445996
I have a mini application and on some states of the application I embed a YouTube video as the source parameter of an IFrame:
Such as this:
https://www.youtube.com/embed/XXVIDEO-IDXX?autoplay=1&showinfo=0&controls=0
See Embed a player using an iframe tag
On IE10, once I destroy the iframe, I get a repeating console log saying:
Script5009 - "Array" is undefined
The code spawning this error loop appears to come from html5player-new.js and halts on this code. for( var d = Array(arguments.length-1)...
My question is 2 fold:
Is there a specific process I should follow when it comes to the removal of an IFrame or its parent element? (Especially in IE10).
Since html5player-new.js is throwing the error how can I track that back to my code? I am not suggesting the player is broken as it is used a million times a day, but I have 3 lines of code to create/src/add a iframe. Likewise an equal amount of code to remove it from the dom and null it so, that leaves me little to debug.
In the 2 weeks since this question was written, the problem appears to have been resolved and I no longer get any errors on W8 and W7 with IE10.
I am using iFrame to load a url in a popup within a page.I want log in to the website and perform some operations.
All this happens in the same page within an iFrame in a modal.
Except IE all browsers work fine.But in IE after one or two steps the the website is directed to the home page.
I am not able to find why this is happening.
Any help is appreciated.
IE is know to be different, but I wont get into that old debate here.
Since you are logging in from an iFrame, there may be something regarding session variables which is making it fail.
Session in Iframe working in Firefox but not in Internet Explorer
Other than that, I suggest debugging using debug bar to see what type of XHR requests are being made, and then determine the exact point of failure.
I was wondering if anyone can help me out. I've got a page that shows about 260 images so it obviously takes a long time to load. I've noticed a lot of the time in Chrome it takes too long to load, and by too long I mean it appears to be unresponsive.
Safari on the other hand seems to load the page up pretty quickly.
So I am left here wondering is there something that exists in the lifecycle of a chrome http request that would be trying to pre-load the images or something to that effect which is causing the delay.
Both browsers are working from an empty cache.
Can anyone enlighten me!
The network tab on the chrome developer tools will let you see the order the images are loading in, and the average time fetching each from the server. I've seen issues where a certain higher res image can cause a browser to stutter a bit when rendering the page (usually IE :s), so this might help you pinpoint if its a particular image causing the issue.
http://code.google.com/chrome/devtools/docs/overview.html