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"
Downloaded zip file damaged
I've setup a custom theme on the jqueryui site, and I'm trying to download it since yesterday, but I always get a damaged zip file...is anyone experiencing the same issue?
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
Animating -moz-box-shadow
Hi everyone, I've been looking at the Safari css animation effects and more specifically this example involving box shadow: http://www.zurb.com/playground/radioactive-buttons And I was wondering if I could do the same using jquery. It seems like it'd be pretty simple so I started searching to see if anyone else tried it, but to my dismay no one did. I was wondering if anyone tried animating this before? I'm going to attempt to apply the color animations in jquery ui to that element, but I just wanted
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
[jQuery] toggle show hide - help
Hi, Im working my way through the book 'jQuery in Action' and i'm a bit stumped with a block of code and how it works. The Code : $(function(){ $('li:has(ul)') .click(function(event){ if (this == event.target) { $(this).children().toggle(); $(this).css('list-style-image', ($(this).children().is(':hidden')) ? 'url(plus.gif)' : 'url(minus.gif)'); }
[jQuery] using draggable from within a container with over-flow:hidden.
I'm using jcarousel to display a list of images that I want the user to be able to drag to certain drop targets. The code looks like: ...children('img').addClass('flashCatalogPage').draggable({ helper: 'clone', opacity: .5 }); The problem is, the container for the jcarousel uses the css attribute over-flow:hidden to hide elements further down in the list. I tried playing with the container attribute but that doesn't seem to work. Does anyone have any suggestions?
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
$.dialog positioning problems with Webkit browsers
When using $.dialog() in Chrome/Safari. The option position: "center" only aligns the dialog box to the left center. Again, this is Webkit only. FF3/4, Opera, and IE(sad IE works over Chrome...) all position properly. I did notice though, cause I have another project thats currently using jQuery UI 1.8.7 is working fine. But the bug is in 1.8.9. Heres a JSFiddle test case. http://jsfiddle.net/samishii23/MW53R/4/
.listview('refresh') and thumbnails
I have a script which uses ajax to add to a list. When I use .listview('refresh') the main styling refreshes but thumbnails don't seem to get styled properly. Is there something I need to add to the code?
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
[jQuery] jqDock doesn't do anything?
Hello, I'm trying to find some support for this problem I'm having and there isn't much on google regarding jqDock. I have created just a basic test page using jqDock, but nothing happens. My images appear as normal, but nothing happens when I mouse over them (except the title shows as normal). All my paths are correct, and no errors are displayed. I have tried in both IE 6 and FireFox, and both have the same result. It is an intranet site at work, so I can't link to it, but here is my source: <html>
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
Make a fixe header and a fixe footer
Hello : When I use JQM, I see that all my pages have the same header and footer... My question is : can I make a structure which has a fixe header, fixe footer and many pages in middle ? I'm French, my english is very bad... So the structure I want make is : My exemple : <div data-role:'header'>...............</div> <div data-role:'page' data-id='page1'> </div> <div data-role:'page' data-id='page2'> </div> <div data-role:'footer'>...............</div> I think it's a very good idea !!! No ?
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
clone(true) and masked input plugin
I just found out that clone(true) and my masked input plugin aren't playing nice together. Inside of my plugin I grab a reference to each object like this: "var input=$(this);" and then inside of my bound functions, I reference "input". After a clone(true) the events that fire on the cloned input act on original input. Does anyone have any suggestions/guidelines for how I can make my plugin behave correctly with clone(true)? Thank You Josh digitalbush.com
Back button not working after changePage()
I am having the following repeatable problem. 1. Click <List> button to enter listview page. 2. Click listview item which triggers changePage(). 3. Click <list> button to enter listview page. 4. Click <Back> button on listview page. Button doesn't respond. Running in Android emulator and Chrome 10. Code follows <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" /> <script src="http://code.jquery.com/jquery-1.5.min.js"></script>
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"
Best way to create a jigsaw puzzle?
I'm trying to create a jigsaw puzzle with jQuery UI. I've looked at the various functionality and I think I need some kind of cross between draggables (with snapping), doppables and sortables. Here's my "specification": - Assume for example a fixed size, eg 400x400 with 16 100x100 pieces. - Drag pieces onto a 'canvas' which would be 400x400. - Each piece must snap to 100x100 within the canvas (but not necessarily outside it). Extras: - One alternative to the canvas would be to just have a blank area.
"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
jQuery.version
jQuery.version and/or jQuery.version() (moved from guithub I think we are all in agreement here, and this is why I have tried to draft one VERY short proposal for a good jQuery team. In case they do agree with it, I am sure they will be perfectly capable to sort out the implementation details. Recap: 1. jQuery.version perhaps as an simple object, to be added 2. versioning tag composition documented in the form of the minimal grammar (BNF), to be made 3. Official plugin that will provide additional
Different default behaviour on form submits
Hi When a form gets submitted jqm will ajax post the data and change the page url hash. Changing the page url hash is somehow uncomfortable for CRUD apps. Starting updating or creating database entries is more like a self-contained process. I like to hit submit several times, type in values, getting errors, type in better values submitting again and so on until i get a success page at last. Over the hole process i expect the back button pointing to the entry point of the hole update process. I think
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!
Cookie for portlets?
Hi, Can someone point me to some sample code for using a cookie to store the state of portlets? example: http://dukey.gdd.net login/pass is guest/guest I'd like to store the state of the portlets on that page when a user rearranges the boxes. -- ______________________________________________________________ Clayton Dukes ______________________________________________________________ --
Next Page