I'm looking to construct a really cool shopping cart along the lines of this one from netTutsPlus.
Now, I'm going to modify it a little bit, but I also noticed that Chrome doesn't support the DnD feature they implement in that tutorial.
Now, for the sake of simplicity, I would like to keep my solution along the lines of this tutorial, but I need Chrome support. And for the matter, Opera would be nice too.
Would anyone here be able to suggest a solution for Chrome and Opera (if there is just one that works for both of those browsers that would be great), or, if I should build this shopping cart a completely different way.
Thanks!
UPDATE:
Just realized, that this actually appears to work on Chrome! :)
Is there a reason it isn't listed as supported on the HTML5doctore website, then?
Hmm, either way, it supposedly doesn't work in Opera either... If it really does work in every version of Chrome, I'll change the OP.
If you would like to implement Drag and Drop, the tutorial in HTML5 Rocks is super great!
http://www.html5rocks.com/tutorials/dnd/basics/
It works on all browsers (IE9, FF, Chrome, Safari) except Opera.
Related
You may be aware that Chrome has problems with datalist/option autocompletes.
Essentially whilst it works in IE, Chrome doesn't allow you to scroll through the list and the list runs out of the browser into the main window.
My question is whether someone can suggest a good method of overriding the Chrome implementation, and what to override it with. Solution has to work in main modern browsers and mobiles
I had the exact same problem. I searched for 2 days and ended up using https://jqueryui.com/autocomplete/
It is far better than datalist.
Actually I am trying to add bookmark by javascrip.previously this window.sidebar.addPanel was working with old browser versions. But with the recent browser versions it is not working any more.
And
BooMark this
is working in firefox but not in chrome.So I need a complete crossbrowser solution for adding bookmark.
To answer the problem of adding bookmarks cross-browser, this answer should help you. The various browsers use different methods for this, and you need to try them all.
Non-Webkit Opera was very specific in some features, so it was usually detected via JavaScript the following way.
However, Opera Next seeps to be almost a Google Chrome clone.
How can I target old Opera and not target Opera Next?
PS: I really do know that browser detection sucks and feature detection rules. But I hope to update the big and running project with a tiny browser-detection-patch rather then to rewrite tons of code into feature-detection paradigm.
I have found the problem source. It was in bad browser detection in that project. If you detect Opera exactly like in the link given in the question, Opera Next is not detected to be Opera, so Old-Opera-Specific code is not executed, and Chrome-Specific-Code runs instead.
!!window.opera; // true in old Opera, false in Opera Next
navigator.userAgent.indexOf("Opera");// ------- the same --------
PS: Fortunately, I have lots of tests on my project, so I can tell that in new Opera things are working exactly as in Google Chrome.
A piece of code that caused problems tried to detect Opera Old AND Opera Next:
/(Opera|OPR)/.test(navigator.userAgent)
Conclusion: Opera migration was made very well, nothing should break in your projects. Do not detect Opera Next and simply treat it as usual Google Chrome.
UPDATE: previous Opera versions had gone from caniuse.com
http://www.projectfitfamilies.org/recipes.php?page=treats
It only works in IE8 quirks mode, standards mode doesn't do anything. I don't have IE6 or 7 to test it out on directly, but I imagine if IE8 quirks fails, then so will IE6 and 7.
Thanks!
Per request, my content header:
header("content-type:application/xml;charset=utf-8");
Not necessarily. To check out how your site works in IE7 standards mode, you can use the (F12) developer tools to change the browser mode. For IE6, I would recommend using IETester
Your reciepies.php header looks something like this:
header("content-type:application/xml-xhtml;charset=utf-8");
You need to replace it with something this:
header("content-type:application/xml;charset=utf-8");
IE does not function with the xhtml.
Hope this helps, Julian
You can use conditional comments to strip out this function. IE6/7 are very old browsers, better to write clean code than to put some hacks so site can work 100% fine (if it's not commercial project).
For my personal experience, i put links to every browser download site (beside IE) when i detect IE6/7 on personal sites. Because nice HTML4 code with modern CSS works really bad in 6/7.
Add #numberwrapper12 { margin-left:33px; } to make it work in IE8 standards mode.
Seems to work fine in IE7. IE6 has some issues. Most noticeably, your sprite arrows don't display properly and you should add `.arrowwrapper a { overflow-y:hidden; } to fix that. Also the '# of votes' doesn't stay on one line. Widening the votebox by a single pixel fixes that.
I'm using a lot of JQuery in a web application that I am building for a client and I want to find an javascript implementation of a modal dialog that is reasonably stable across the following browser set.
IE 7+
FF 2+
Chrome and Safari
I've tried a couple of jQuery plugins but there always seems to be artifacts in one of these browsers.
--- Edit
jqModal seems to be more stable but I have an issue in IE7 where the dialog immediately disappears after popping up. I suspect a js event isn't being canceled or something. I'll have a bit more of a play.
I used jqModal few times and I'm very satisfied. It is pretty configurable yet very light weight.
Have you tried YUI? I'm not sure what the support is for Chrome but I've had good luck with it for IE and Firefox and allegedly it works with Safari.
We currently use BlockUI. It's awesome, in word. Can be styled via css (of course), blocks any element and seems stable, certainly in block IE and Firefox....
If you need a hand with it, post and I'll lend a hand...
http://www.malsup.com/jquery/block/
I went through a similar exercise, tried most of the plugins I could find. I used YUI for quite a while with good results; the only issue I ran into was resizing centered modals, which is quite an obscure use case.
I ended up with http://dev.iceburg.net/jquery/jqModal/ , I'm pretty happy with it.