I'm using http://colorpowered.com/colorbox/ and jquery Tokeninput without problems - untill I combine them and want to tokenize an input field in an colorbox.
I load my file in a iframe through colorbox and jquery Tokeninput loads up suggestions just fine untill I want to touch one of the items in the populated list.
All is good on my regular computer. The problem only exist when using iPad/iPhone (hav'nt tried other touch devices).
Any ideas as to where the problem belongs? I'm not sure whether it's colorbox or jquery Tokeninput to blame?
Just to check I loaded http://loopj.com/jquery-tokeninput/demo.html in a colorbox - same problem. The demo page works just fine on iPad when not in an colorbox.
/anders
denmark
I've been having similar problems with other contents in colourbox. I think the problem is that iPhone Safari doesn't support position:fixed;
Related
I currently have a series of 8 separate html files, with the idea that each one is a separate page in an iPad app. I have used jQuery Mobile to implement the page swipe between pages by using the 'data-next' and 'data-prev' attribute. However, the results are not great as i sometimes get a page flicker when i swipe, and css animations are very choppy when I test it on an actual iPad. I am also getting a 1 second delay before the actual swipe happens. I know JQM has a default delay of 300ms, but this is waaay longer! I have tried using the css 'translate3d' technique on animated elements, but it doesn't seem to fix it. I'm putting it down to JQM just being buggy as hell.
So my question is this..Is it possible to bring these files into Xcode, as separate independent html files, and implement the page swipe within Xcode itself?
No Not possible.
XCode allows you to create/edit UI and Transitions of cocoa touch controls only. However you can just edit these html/javascript files in XCode.
Ordered lists show numbers as zeroes in IE9 when placing inside Jquery UI tab.
In all other browsers including(IE7,IE8) working perfectly.
Can any one help me? Thanks in advance.
Seems to be a duplicate of Ordered list showing all zeros in IE9 (cannot close it down with this reason, unfortunately).
In short, it isn't really a jQuery nor Kendo-UI issue, but a known IE9 thing.
Anyone have an explanation why the Form Validation Bubble is positioned with a large offset in Google Chrome when attempting to validate a form hosted in a jquery UI dialog? You can observe that the positioning works ok when removing the javascript call that creates the dialog. It's working fine in Firefox and Opera.
http://jsfiddle.net/oliverw/Z6xAz/
This been confirmed to be a bug in Chromium.
It is a Chrome bug, seems they already saw it. I hope they can fix it for next version....
https://bugs.chromium.org/p/chromium/issues/detail?id=660840
https://bugs.chromium.org/p/chromium/issues/detail?id=680019
I have a cross browser solution for dragging and dropping using HTML 5 that works for all elements in IE 9, Chrome, and Safari. Firefox works for everything except input types such as textboxes.
I have done a lot of research on this with a lot of help from these resources:
http://www.useragentman.com/blog/2010/01/10/cross-browser-html5-drag-and-drop/
http://html5doctor.com/native-drag-and-drop/
I have also scoured the HTML 5 spec and the Firefox MDN and other resources and have found no solution to the problem. I would hate to fall back to a jQuery library, but it just looks like HTML 5 is not ready for prime time and that I may have to do so.
Has anyone tried this and have a solution or am I going too far over the edge here? Glad to see workarounds are so prevalent in HTML 5 already and my dream of HTML 5 being cross browser so quickly destroyed with the first new thing I try. The spec makes it sound simple. Add a draggable attribute and handle a few events. Except, IE only supports anchor tags and image tags. Webkit browsers need CSS and Firefox apparently doesn't support input fields.
Try dragable attribute for firefox and -webkit-user-drag css property for webkit-based browsers.
See http://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html#link9
I have an XBAP that is in an IFRAME, wrap inside a DIV, which can be hidden and shown at the users will. But, in FireFox, after hiding the DIV and later re-showing it, the XBAP disappears.
I have tried all sorts of refresh methods I can find, but nothing seems to work. I don't want to reload the XBAP as its showing information specifically available at the time.
Any suggestions?
onstatechange was causing the problem. Writing a JavaScript method around this to detect the browser type fixed the issue.