Focus function on highcharts not working in mozilla - highcharts

I have done tabbing fucntionality which is working in both ie and chrome but it is not working mozilla
fiddle [here][1]
[1]: http://jsfiddle.net/28Lrysmj/

The problem isn't related to highcharts. It seem to be plugin/extension related issue in Mozilla. Try running your page in safe mode . refer following article Tabbing not working in Mozilla

Related

Highcharts large heat map on official site not working on Chrome

I see that the large heatmap example here:
https://www.highcharts.com/demo/heatmap-canvas
is not working on Chrome, but it is on Firefox. I'm hesitant to get in there and work on a heatmap that might not work on the browser we use the most.
Is anyone working on this, or does someone know what's going on?
Thanks for any help/insight.
I did note that on a few other PCs in my office, the heat map is displaying properly, and the version of Chrome is identical. Here's data on the one that's not working properly.
I'm using Chrome version 66.0.3359.181 (Official Build) (64-bit)
and here's an image of the blank map and console window.
Any thoughts?

Drag and Drop list using jquery UI is not working in Firefox

I am working with drag and drop list using jquery UI, it is working fine with Chrome but it seems not working with Firefox.
Here is the link:
http://embed.plnkr.co/WcIZlD/
Please help me on this.
I found the issue. Please change your code.
Current Code:
$(event.originalEvent.toElement)
Change it to:
$(event.originalEvent.target)

jQuery Mobile v1.1.0 loader/progressbar do not show on android Internet browser

Hello I have problem with jQuery Mobile v1.1.0. When I try to use this function.
$.mobile.showPageLoadingMsg();
The progress indicator is not shown. The progress indicator(loader) is shown in regular browser, like FF, but in Android Internet browser, the PI is now shown. Do you have any Idea why the loader is hidden in android browser? I tested it on samsung nexus mobile phone, with the android version v2.3.4. I tried to call the function with parameters like this
$.mobile.showPageLoadingMsg("b", "test message test", false);
But this works only on my PC web browsers FF, Chrome IE etc.
did you try the examples in the docs?
On my android 2.3.3 the loader is shown but the loader image is not animated.
If the examples work for you, be sure that you replaced/removed all old JQM files with the 1.1.0 version (css, js, images) and that they are linked correctly in the document.
When the themeroller was deployed for v1.1.0 there was a small error with the loader images in the zipfile and the style sheet.
This was fixed within a few hours, but it might be that the version you downloaded tries to load ajax-loader.gif, while ajax-loader.png was in the zipfile.
Getting your theme again from the themeroller might fix it for you
Regards,
Casper
I had the same problem. The progress-dialog was not shown when doing an ajax call afterwards. I incapsulated everything except the showPageLoading-call in a timeout-function-call.
$.mobile.showPageLoadingMsg();
setTimeout(function() {
...[here your code goes]...
},200);
Worked for me although the animation only worked until the function has been executed (here: 200ms) but that doesn't really matter to me.

Firebug lite on iPad

Already found this page with some helpful hints.
Problem is I need to debug a web application on a CMS using an iPad and Safari.
So far I haven't been able to make firebug-lite work. I am working in a secured environment having no internet acces, but can copy files using a USB-key.
I have copied firebug-lite.js to the local server and included the file in a script tag in the head:
<script type="text/javascript" src="http://my_server/js/firebug-lite.js"></script>
Unfortunatly when I open the page in the CMS I cannot see the firebug-lite-button on the page. Verifying the source code firebug-lite should have been loaded on the page. There is no way to get a right click menu to inspect anything.
What can I do to make firebug-lite work on the iPad? What am I doing wrong?
Start Firebug Lite already opened, as per http://getfirebug.com/firebuglite#Options :
<script type="text/javascript" src="proto://path/to/firebug-lite.js#startOpened=true"></script>
I think you won't be able to inspect elements, but you can navigate to the elements in the DOM tree provided by Firebug Lite.
It looks like Firebug-lite has problems with the iPad browser since late 2010.
The problem (ticket on official tracker) has not been yet solved.
Have you tested the problematic page in Safari/Chrome/Chromium for desktop? Since they use Webkit, the same system used with mobile Safari/Chrome, you may be able to duplicate the error and find its solution. You can open Chrome's debugger with right click, Inspect element.

jQuery and Safari 4.0.1 - ToggleClass effect

I am currently developing a webpage where I want to use the ToggleClass function from jQuery. I went on to the jQuery UI website, as I think this is an extension of the original jQuery.
http://jqueryui.com/demos/toggleClass/
When I click the 'Run Effect' button, nothing happens. Is it just my browser or slow computer or do any of you also get this in Safari 4.0.1 4.0 (4530.17)?
I tested in Firefox 3.0.10 and it worked, so by the looks of it, jQuery UI is not all that compatible with Safari 4.0.1 4.0 (4530.17), or just maybe their demos on their site?
Anyone care to elaborate?
Edit: sorry, was under the impression that I had 4.0.1
Windows: Safari 4.0 (530.17): Fail
That being the case, .animate() still appears to work. If your transformation isn't too complicated, you could use that as your alternative.
I had the same problem, but I knew it was my code b/c the example page at the reference you provided above worked just fine.
Check your .css. For some reason, the css
'a.filterOn:link, a.filterOn:visited{
background: green;
}'
wouldn't work in Safari, but worked just fine in FF. However, b/c these were nested inside of another element, I tried:
'#filters a.filterOn:link, #filters a.filterOn:visited{
background: green;
}'
which for some reason worked. My guess is that, if you haven't solved it yet, the problem is in the .css, not the jquery.

Resources