jQuery cycle works in all browsers except IE: "Object doesn't support this method..."
Hello folks. Kinda freaking out on this one cause I'm pushing up against a deadline and this was noticed fairly late in the dev process. Essentially, we have a perfectly functioning cycle gallery that works in every major browser we tested. You can see it here: http://dev.www.werner.radius180.com/content/about/equipment/ We're using the most current jquery and cycler code. However, when you hit that page in IE and click to open one of the galleries, the pager is not created and you're given the error
Parenthesis in URL leads to javascript errors in Firefox
Hullo If using URLs containing parenthesis in Mozilla Firefox, there is a problem with the location.hash. The handling of URLs with parenthesis for example when hitting the back or forward button leads to Syntax Errors in Firefox JavaScript Engine: uncaught exception: Syntax error, unrecognized expression: data-url='...(...' The Exception is thrown by Sizzle. This error is thrown at serveral positions in jQuery Mobile code, for example: to = $( ":jqmData(url='" + url + "')" ); "jquery.mobile.navigation.js"
Loading javascript on every 'page' load
This seems like a basic thing, but how can I run some javascript on every "page" load? Let's just start with integrating web analytics (I use GetClicky) on every page. I've found several posts where people have created hacks to work around the way jQuery Mobile loads pages, but this seems like a no-brainer that will need to be (easily) supported. Or am I missing something? After that, I'd like to figure out how to make jQuery work with Adsense because that's also a challenge right now without some
Poor fieldset/option performance on devices?
It works fine in chrome/safari on the desktop, but I load it on the iPad and the performance is poor. Embedding it in a phonegap app makes it worse. It usually takes half a second between tap and the selection change in Mobile Safari and 1.0-1.5 seconds inside a phonegap application. Is there anything that can be done to improve tap response time? Sample test: http://jsfiddle.net/siromega/cAn9m/3/ Test platform: iPad (2010)
Accordion and cookies
Hi. So I'm trying to set up an accordion menu on my site. I really have no knowledge of Jquery but I've managed to get myself this far so the accordion works. http://jackcraig.co.uk/test2/ However I want it to remember the last opened menu header. So as the user goes through the site the menu is seemless. I think I understand I need to add this cookie persistance? http://dev.jqueryui.com/ticket/3613 But I can't figure out how I'm supposed to go about it? Sorry for this really newbie question. If
html and innerHTML method
Hi guys i have this HTML structure <table> <tr><td></td></tr> <tr><td></td></tr> </table>i need to take all the tr element in HTML format, so i wanna take this output " <tr><td></td></tr>" in string format. i do this: jQuery("table tr").html() but the result is "<td></td>" how i can take the parent too? I hope is clear thanks in advance!
How do I realize master-details relationship in JQuery mobile?
How do I realize master-details relationship in JQuery mobile? Let's say I have a news page with a list of the news titles and the corresponding links to the detail pages (with all the detail data). In php I pass the ID via a URL parameter from the master page and on the detail page I filter the database table with this URL parameter to select the correct data. How is that done in JQueryMobile? Do I simply call the detail php pages as external links? Or do I have to create a json file with nested
Sortable - sort another list in same order at the same time
How can I sort two lists in the same order at the same time? I have two lists (UL) like this: <UL id="list1"> <LI>TEXT1</LI> <LI>TEXT2></LI> <LI>TEXT3></LI> <LI>TEXT4></LI> </UL> <UL ="list2"> <LI>IMAGE1</LI> <LI>IMAGE2></LI> <LI>IMAGE3></LI> <LI>IMAGE4></LI> </UL> I have implemented sortable so I can sort both lists but I want to sort them in the same order. So i want list2 to update when list1 has been sorted, or even better - sort list2 at the exact same time as list1, meaning that when I drag
Largest Width of All Elements
What would be the best way to find the largest width of all child elements? Yes, the containing block should be the largest width but in my case there could be some overflow that is larger than the container. Thanks!
Refresh page like refreshing listviews
Ist there a possibility to refresh a page like a listview e.g. this.custom_list.listview("refresh") i tried this.pageDome.page("refresh") but is causing errors. Is there anybody knowing a possible way to do this. The background of this problem is, i enlarge my listview and after that the buttons disapear. after clicking on the page they apear like they used to. Greetings Johannes
hash/url problems with query strings/dynamic content
Hi folks, Working on implementing JQuery Mobile for a client's site and running into some hash/url problems. Not sure if I've seen a post that highlights this issue directly, though this one may be touching on some of the same issues. I'm trying to use the changePage method to navigate between URLs (no sub-pages). The client's url's don't have filenames, which is to say that their home page looks something like: FakeClient.com/mobile/home Their article pages look as such: FakeClient.com/mobile/article?id=100
Alternative icon set
A few weeks ago I thought I saw a recommendation for another set of royalty free icons to supplement the set used by jQuerymobile. It was a set of about 20 or so. Can you point me to that set?
The content div's attributes
Hi guys, I'm having a page life-cycle problem, I'm trying to create a "shadow" div which will cover the entire content (a UI tweak, sounds stupid but well, that's my job) and naturally I'm doing it on pagebeforeshow, in order for it to get the right positions I use the content div's top and left att. my problem is, there's a header, and on pagebeforeshow the content div's attributes are not correct, they both return 0 where the top attribute should return 54 (and it does, but only on pageshow), what
Cant post data with in a jquery dialog
Hi I am using a Jquery dialog on my form, inside which is a detailsView, i planned to use this detailsView to insert new products into my database. but i found that content of all textboxes in this detailsView are not posted, the text property are all empty. The detailView works outside the dialog. any ideas? help plz Many thanks
Screen Flash
Hello, Something odd is happening. After I click an option, not using rel='external', when I click any other link I get a quick screen flash after the transition. I have tried everything I know to eliminate it, narrow it down to no avail. It does not happen 100% of the time but it is just annoying when it does. Can anyone help me eliminate this flash? Thanks
code.jquery.com and caching directives
I noticed when I pulled jquery mobile from code.jquery.com the response came back without any caching directives: ttp://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js HTTP/1.1 200 OK Accept-Ranges: bytes Content-Encoding: gzip Content-Type: application/x-javascript; charset=utf-8 Date: Sat, 09 Apr 2011 05:28:29 GMT Etag: "a1b9fae-f03d-77aa6880+gzip" Last-Modified: Thu, 07 Apr 2011 21:05:22 GMT Server: ECS (ord/57DD) Vary: Accept-Encoding X-Cache: HIT Content-Length: 19240 When I pull
Jquery effects with Codeigniter
Hai guys, I'm completely new to JQ, and only have a little bit of experience with CI. What I want to accomplish is just to be able to add effects that are available via JQ and maybe later scriptaculous animations in my CI app. So here is an example what I try to accomplish: It's fairly simple, via CI an app is made, which consists out of a simple navigational menu. What I want to do is make make the content of a certain menu item to slide down when the menu <a href> is clicked. TOP.php <!DOCTYPE
JQuery Tabs
Hi there: I am trying to use JQuery Tabs and than load AJAX JQuery Tables under each of the tabs. Is this possible? I have the tabs installed and working, but the AJAX Table is not loading. I have placed the example at http://firedream.com/JT/fred.html Any thoughts? Thanks, Brett
Dynamically Adding Form Elements
Hi, I'm currently working on as per topic. I've taken the codes from here. It works perfectly but I need to add more fields than stated in the post. If I add in another field, only one field gets the increment. The other doesn't. Eg. <form id="myForm" method="get" action="test.php"> <div id="input1" style="margin-bottom:4px;" class="clonedInput"> Name: <input type="text" name="name1"> Tel: <input type="text" name="tel1"> </div> <div> <input type="button" id="btnAdd" value="add another
Avoiding Flash of Unstyled Content (FOUC)
I'm trying to progressively enhance a web application I'm developing. Similar to jQuery Mobile, the UI is defined using data attributes (<div data-role="page"/>) that JS then applies classes to. The problem is I'm getting the FOUC on page load and I haven't figured out a way around it yet. jQuery Mobile seems to have sorted out this issue. I've been searching through the jQuery Mobile source code, but so far I haven't found my answer. Currently, my page looks like this... <!doctype html> <html lang="en"
"ease" mouse movement while dragging or scrolling. Any plugins?
Hello. I'm trying to "smooth" ("ease") mouse movement while dragging or scrolling. Is there any jquery plugins for managing something like this? Thanks
jQuery Mobile and Wicket?
Does anyone have experience with jQuery Mobile and Wicket? I am getting some results with it but everything is not working as I need. If this is just a bad idea, please let me know. One problem is I am losing the mobile styling when I update the model for a component. Another is I am not able to override the link onClick() without having the <div>-based page URL get mangled with wicket stuff.
Native looking web application or empowered web pages?
Hi, my question targets the goal of jquery mobile: JQuery is mostly a simplification for web pages to add rich client functionality. Will applications based on jquery mobile be web pages that use some widgets of jquery mobile? Or is the objective to create really native looking web applications? I.e. browser elements are hidden, multi touch will be supported in the future etc. The background: I am currently looking for an opportunity to develop apps for mobile devices. But I don't want to develop
Passing ID values to autocomplete text box
Hi, As a recent convert to jQuery I'm getting to grips with the jQuery autocomplete plug-ins which are available. I thought I'd replace some of my combo boxes with these as they'd be very useful and make life easier for my users. I can understand how they work and how the values returned can be passed on via my forms, however, whilst I'd like my users to see meaningful results in the list of the autocomplete, I would like to pass on an ID for that field entry during form submission, rather than the
Server Side list search / filter
Hi all, Does anyone have a good solution for doing a jquery mobile search filter (ie. a list with data-filter="true") without sending all the list elements to the client? We could potentially have 10,000 list items... Thanks in advance!
How to prevent text cut off?
I could really really use some help on this. http://www.flying-pig-productions.com/jq/jqueryTest/corn11.html Click on any pest to see a list of pesticides. Why does the <li> not expand for the data as a default? What style can I add to that <li> so the text isn't cut off. This is a read-only list. Some folks say lists are only for navigation, but the jquerymobile documentation itself shows read-only lists. Any advice is appreciated. Thanks, -Carol
Multiple Datepickers
Hello. I have a page where I have about 50 boxes where I need to choose a date. I want to use the datepicker for that function but I dont want to put 50 datepickers script. ie. 50 <script type="text/javascript"> $(function() { $('#datepicker_1).datepicker({ changeMonth: true, changeYear: true }); }); </script> How can I display multiple datepicker boxes without having to repeat that per every box? thanks!
Tab using jquery mobile?
Hi, I need 4 tabs with image feature?.i have gone through documentation but was unable to find please help. Thanks & Regards, Nithya
Image map and page links
Hi, is it possible to use an image map instead of a listview and link to a data-role="page" and get the back button and transitions? Right now I use this area tag: <area shape="rect" alt="" title="" coords="6,9,124,264" ref="index.html#myPage"/> It links to the correct page, but I don't get the back button. I have to include index.html to get the link to work, even though the data-role="page" is in the same file.
What is the reason the datepicker doesn't allow you bind on the custom UI events
What is the reason that the datapicker doesn't allow you to bind to its events? $('.selector').datepicker().bind('datepickeronselect',function(){ console.log('hello'); }); All of the other widgets allow you to do so but the datepicker seems to be left out.
How to customize the slider of jquery-mobile?
Dear all, I have a question on how to customize the slider in jquery-mobile. The default configuration puts a text box containing integers in front of the slider, which I wish to remove, or at least customize, so that it can display some other messages depending on the current value of the slider. However, I didn't find out how this can be done. Thank you very much. - Dawei
Disable sorting on specific rows using jquery tablesorter
I have been using tablesorter2.0 plugin to sort the table. My requirement is such that I don't want few rows to be sorted. Like i can add a class like <tr class="nosort"> for rows to whom sorting should not be applied. And rest all rows should be sorted. Can't find a way to do this.
About the image encode/decode doubts
hi all same as the topic, is there any function or example handling image encoding and decoding in jqm? what i had try: 1. create image object and link the src to url source; 2. get the base64 data from image; 3. and link the src to the base64 data again to any element in need. but it seems not work... any ideas? thanks kenneth
Autocomplete question
I have two inputs, A and B, where I want to use autocomplete. A is a normal autocomplete but I want B's autocomplete to depend on input A when it makes the query to the database for the candidate words. For example, I want to search for matches between two teams. When I write into input A, the autocomplete shows all the teams. When I write into input B, I want autocomplete to show only the teams that played a match against the team written in A. Is that possible?
Extending autocomplete
Hi there, I'm using the code you can find here: http://jqueryui.com/demos/autocomplete/#remote-jsonp to give my users the possibility to choose their city and country. Everything works fine at this moment, except I would like to add also the country to an input field called "country". Is there a way I can achieve this with the same code? Thanks in advance for any help it's appreciated.
Get full image name for FILE input?
Hi, I'm trying to get the full value from an "image" field, with this: $('#client_local_offer_image').change(function(){ alert($('#client_local_offer_image').val()); }); However, the value only seems to include the filename - and not the full path (what I'm trying to achieve, is a "preview" feature - which will shrink the image down to a fixed size, and update an existing <img id="xxx"> bit in the HTML) Any suggestions? TIA Andy
MailChimp.com Jquery Slider
Newbie to javascript, I'm a designer trying to make the transition over to doing some programming. I understand the vast majority of stuff, however, I'm baffled by one feature I'd like to have on the site I'm designing, and that is the jquery slider on MailChimp's homepage. It resizes to the width of the users screen resolution, from edge to edge, left to right. On my laptop, the slider covers the entire width of the screen, 1028x768. And the slider also covers the width of my work monitor, which
Ajax Nav changing charset!?
Hello all! I have an html page with meta charset defined to windows-1252 to avoid accent problems. It works fine when page is loaded with non ajax nav (rel=external). But when i use JQM ajax nav, all accents are f**** up... I tried to put the same charset in the entire website but it changes nothing. Tested in firefox and bb5. Works fine with Chrome. EDIT: Seems to be a $.Ajax encoding problem...
installation instruction?
I managed to get jquery UI working somehow but it wasn't easy. I could not find instruction on how to get jquery UI installed or integrated into my site. At first I downloaded the development bundle 1.7.2. I copied out jquery-ui-1.7.2.min.js and put it into my app. I got one datepicker attached and voila. It worked but it was also ugly. I figured out after some searching that I must have not copied some css/images, etc. This is where he doc is inadequate. In the downloads, there is no installation
Inserting a <script src> header tag in subsequent JQM pages
Hi all, I've been working with jQuery Mobile for a month now and am really liking it. One thing I have not been able to figure out: how can I add a new javascript resource file (<script src="x.js">) in a web page *after* the initial page loads? I'm running different ad networks, Google Maps API, and my own JS and I don't want the whole shebang to have to load on the first page, especially since I don't need many of them right away. Can anyone help? Thanks! Pete
Next Page