Firefox Javascript Error / Oddity / Weirdness. Any Explanations? - javascript

If you view this page...
http://eastlondondance.org/admin/MozillaProblem/example.php
...you'll find that there are no errors but that the functionality is not working.
The last dropdown is not being populated with options like the other 2. This however works on Safari, Chrome and IE.
What gives? Why isn't it working on Firefox Linux, PC or Mac but is on all other browsers?
Is it a problem with the code or a problem with Firefox?
Any help is much appreciated.
cheers,
George

Firefox is having problems with the variable name of performance. While I'm not certain why this is, renaming this to anything else will allow it to display in firefox. In the example below I renamed it from performance to performancex.
Example: http://benjaminhopkins.co.uk/stackoverflow/firefox.html
From the comments above seems not everyone see the problem? Maybe it could be a extension / plugin causing the issue. Using the developer toolbar and hovering performance firefox reveals the following:
Performance { constructor=Performance,
timing=PerformanceTiming,
navigation=PerformanceNavigation}

Related

Wired issue with Internet explorar, Please check the screen

Now today I came across a bug which I am not even sure, is a frontend bug or Backend bug. The thing is My website is working fine in Google Chrome and Mozilla Firefox but in Internet Explorar it's changing the HTML. Check the image below
Now Where should i start the debugging process ?
I know it's frontend issue as IE :( can't take much but somybody please help me out with this.
Thank You
EDIT
This is how it's looking in the Firefox and Chrome

error in Chrome when displaying inline-block li elements

I'm pretty new to web-coding and in my attempt to create jQuery based menu bars complete with dropdowns I have stumbled upon some vast differences between broswers. Below you can see that while FF and Safari are the same, IE is actually behaving and Opera is ok-ish, Chrome gets it totally wrong. As far as I can tell I have all the latest versions.
I removed the code from here and pasted it in: (doesn't want to let me link properly) so: jsfiddle.net/2hCR2/
Just in case, support for older versions of IE (6-7) is not required.
Right now I'm mostly concerned with the positioning aspect. Any assistance is much appreciated!
****EDIT:** After continuing to play with the chrome developer tools I realized that when I manually set the 1st list (pants/t-shirt) to display:block it displays as expected (exactly like FF and Safari in the image) so it appears that this is more of a javascript/jQuery issue not updating the DOM correctly(?). I also noticed that when I put the code is JSFiddle and ran the script in Chrome it produced the same error, but when I ran JSFiddle in FF (exact same fiddle link) it renders correctly.
It does not happen in Chrome Canary (version 24) but it does in stable (version 22). Apparently it is a bug which has been fixed.
You can either wait a month or two so that all Chrome users get the fix, or just use .show() instead of .show(0).

Javascript does not work in Opera - strange

have a javascript code to exec on a page - all works fine in Firefox, IE, Chrome but does not work in Opera 10+.
Strange is that this javascript works fine in previous versions of Opera (9.xx is fine) and even more strange is that when I lunch Dragonfly on Opera 10+ the javascript works also fine (and Dragonfly does not throw any errors).
Have anyone experienced this behavior and found any solution/workaround?
As the js code is quite complicated, huge and part of it dynamically generated I am not posting any sample of it - my question is just about the behavior and if someone has any experiencies with debuging/resolving.
Thanks,
Jan
It sounds like a bug in Opera's Just In Time (JIT) compilation. I assume that it worked in 10.10 but broke in 10.50 and above. Does it work if you disable this option: opera:config#jit ?
I would very much appreciate a bug report with code - https://bugs.opera.com/wizard/ . If you report the bug number here I can follow up a little bit faster :).
Check this Tools..Preferences..Advanced..Content..Javascript options
Or tools..Quick preferences..ensure "enable Javascript checked"
Or you have overridden these with site preferences or user mode stuff.
I'm typing this in Opera 10.60 with no problems, admittedly not as developer or with Dragonfly running
Try: Tools -> Advanced -> Error Console

JavaScript confirm() crashing with FF 3.6.4

Yesterday I added a line of JavaScript that uses confirm(), and I was using FireFox 3.6.3 and it was working fine, but today FireFox upgrades to 3.6.4 in the background and the confirm() freezes my browser, although it still works in IE. I suspect it is a FireFox 3.6.4 issue.
I was wondering if that was indeed a FireFox 3.6.4 issue. If anyone could please let me know, that would be great.
Thank you very much,
Rudy
confirm() works as expected here (FF3.6.4 US-en)
I'm don't see any similar issues in Bugzilla, so it's likely that this is not an issue with confirm() itself but, rather with how you're using it.
Can you create a simple, stand-alone test case that reproduces the problem and post it to http://pastie.org so others can test it? If people are able to reproduce it, than it should be submitted as to Bugzilla.

Is there any developer tools to debug javascript error in IE 6?

see my question on title.
note that I understand how to debug javascript in any browsers (including IE 7++) other than IE 6.
IE Developer Toolbar really good to have for any developer.
IE Developer Toolbar
Microsoft script debugger can provide a bit of information.
But in general - it's a pain in * * *.
Last time figured out what's wrong by gradually commenting out javascript code. :D
You can also use firebug lite.
Personally I'm a big fan of FireBug Lite which is perfect for IE.
Firebug is an extension for Firefox, but what happens when you need to test your pages in Internet Explorer, Opera, and Safari?
The solution is Firebug Lite, a
JavaScript file you can insert into
your pages to simulate some Firebug
features in browsers that are not
named "Firefox".
Firebug Lite creates the variable
"firebug" and doesn't affect or
interfere with HTML elements that
aren't created by itself.
Firebug Lite has helped me out quite a lot =)

Categories