passing url parameters between internal pages
Hi, I'm trying to pass parameters between internal pages, and I'm not having much luck. I have tried: <a href="#nextPage?id=name">Next Page</a> and <a href="?id=name#nextPage">Next Page</a>
Animation freezing in safari
I'm building a simple corporate site (temp on my server) for a friend's company and am having an issue with an animation I have implemented. everything has worked fine for me (mac, firefox and safari) but my friend sent me a couple screenshots of the animation freezing on his computer (safari) when it is only halfway complete. the two examples are: http://julianwalter.com/fstemp/foresight/management/ (click 'Amy LeGere', then click 'next' and then 'previous' to see back and forth. freezes halfway
External links within scrollview
I recently tested this patch for the experimental scrollview functionality of jquery mobile: https://github.com/arirusso/jqm-scrollview-toolbars-patch All has been working great within iOS 4 with the exception of external links (code below). <a href="http://www.cnn.com" rel="external">View Website</a> Link to test: http://redone.org/_scrollview/ On the iPhone 4, the link does nothing when clicked. Within Safari on my iMac, there is a decent lag before continuing to the site. Any ideas?
Memory problem or how to unload pages
Hello In JQM style we can load pages dynamicly and it does work well. But we can have another problem. Web application can have many many pages. So we load, load, load , load ... iPad is not so cool device as thinks billions users in the world. Really it is very slow. At some moment we overload memory and device will be very slow. So any ideas how to unload pages from the memory? Any stragy how to manage memory of web application?
When click back after calling changepage: "TypeError: Cannot read property 'transition' of undefined"
Here is what is happening:(1) I have a link on my main page, with a click event. (2) The click event calls $.mobile.changepage('/page/path', 'slide', true, true); (3) I observe the pageshow event for the new page, and do some stuff, placing content in divs. (4) When I click the back button the URL updates, but the page is not transitioned. The error: "TypeError: Cannot read property 'transition' of undefined" is thrown. Am I doing something obviously wrong or is this a bug?
performance issue - long response time on checkboxes in several layers of embedded ui widget (e.g. tabs)
Hi all, I've one page having 4 layers of embedding tabbedpanel. In the inner most panel I've more than 30 checkboxes. In this case, clicking on the checkboxes take long time to change there states. When there are more DOM elements in the panel, it becomes worse. More tests showed that the issue occurs for any input control in the panel and seems true for all ui widgets that can be embedded. In addition, the issue only occurs in FireFox. It works fine in IE and Google Chrome. Below is the screenshot
Good rich text editor
Hello everyone, Where can I find a good rich text editor such as the one on this site when you create a new post? It's simple, clean and the 'insert image' function is exactly what I want. I did search on the web and tried out a couple of examples but did not like what I saw. Thanks,
XML & Spry Select List not working
I have an XML and Spry driven Select List that I cannot get to work in JQM. It works fine outside of JQM. You can view the page at: http://sgidev.relius.net/PESMobile/jquerymobile/glossary.html How it works: a user clicks an Alphabet Entry that populates a list of terms. In JQM, the Alphabet links work but when clicking the Select List box, nothing happens. It should expand to show all possible terms. We have close to 400 definitions that sometimes change so hard coding the values is not an option.
reducing size of jquery script
Is there way to download only the parts of jquery that we need to reduce the size of the download for our users? For example, we are only using traversal, selectors and manipulation.
Google Maps JS-API not working on 2nd call
Hi I have 2 pages, let's call them "a" and "b". Page a calls b per AJAX (as default in jQM) with a parameter "id". Page b loads data dependent on the id. On page a, I have the Google-Maps init-script: function initializeMap(lat, lng, id) { var latlng = new google.maps.LatLng(lat, lng); var myOptions = { zoom: 14, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map_canvas"+id),
Accordion API Redesign
jQuery UI is undergoing an API redesign which will slim down the size of the API in order to provide a more stable codebase that is easier to learn and use. We'll be posting the proposed changes over the next few weeks in order to gather feedback from the community. Our goal is to support the old (current) and new (proposed) APIs simultaneously in 1.9 and then remove support for the old APIs in 2.0. This post lists out the details of the proposed changes for the Accordion widget along with the reasoning
Javascript ignored after page transitions - what do you do?
How is everyone working around the fact that when using Ajax transition (swipes), you cannot execute any JS on the following page? On my first app I simply resorted to using rel="external", but for my second app I'd really prefer to take advantage of the swiping to give a native feel. The external links work fine, but that brief flash of white while the next page loads is not very appealing. However, I simply cannot get around this problem and searching does not turn up any solutions, only more headaches.
Sign Up to this forum doesn't work in Safari on Mac
Hi, I just signed up, but had to switch to Firefox 3.6.13 in order to do so as the registration form didn't work in Safari. On Safari 5.0.4 (6533.20.27) on Mac OSX 10.6.6 the form won't tab out of the Username field and the other fields won't focus on select with the mouse. I cannot take focus off the username field ! That is all, good day to you all.
capturing back button
Until the bookmarking tools are added to the UI for managing ajax history, tabs, etc, can anyone help me know how to simple capture the fact that the user clicked the back button and know that they are not actually trying to close their browser (i.e. the unload event doesn't work since it fires for both of these actions)? I went through the old history plugin code but still can't quite get it, I just want to trap that even and notify the user with a message, but I want to know for sure they clicked
How does jQuery Mobile track Form Postbacks in the history?
I'm running into the issue with forms that postbacks to itself. when I press the back button, it goes back to the same page before navigating back normally. If I understand how this works, jqm adds the postback into its history tracking. I'm trying to prevent it from doing that Any help is appreciated. Roy
jquery-ui-1.7.3.custom.zip, missing file "ui.selectable.css"?
Hello everyone, I'm new with jQuery UI, I have downloaded the "jquery-ui-1.7.3.custom.zip" from here "http://jqueryui.com/download", selecting all components and "UI lightness" as theme. But it seems that the file " development-bundle/themes/base/ui.selectable.css " is missing. Actually the file "ui.selectable.css" is invoked by the file "development-bundle/themes/base/ui.base.css", at line 3: @import url("ui.selectable.css"); . But, unfortunately, the file "ui.selectable.css" doesn't exist in the
Calling ASP.Net server side event from jquery dialog button
My javascript code <script type="text/javascript"> $(document).ready(function() { $('#dialog').dialog({ modal: true, buttons: { "ok": function() { document.getElementById("<%=btnID.ClientID%>").click(); $(this).dialog("close"); } } }); }); </script> My body part <body> <form id="form1" runat="server"> <div>
[NOT SOLVED] How to submit dynamically created form with slider on slider's change event
Hello Every one, I 'm using $.getJSON to populate my page's content. This page contains a div called "listDiv" that is empty before the $.getJSON function is called. Here's the content added to the div for each item return in my function which means that I have as many forms in my page as the number of items. $('#listDiv').append( '<form action="Scripts/update_element.php" method="post"> <div data-role="fieldcontain"> <input type="range" name="target" id="Slider-'+
How to: refresh div on page load, append element to div, change image on click
Hello, I have questions related to three operations using jQuery: refresh a div element on page load append an element on top of the other elements in div change an image (pending/accepted) from the div's elements I know that there are tutorials for that, but i am so short in time. I just finished my PHP courses, and i am too tired to get into the jQuery magic right now. Here is the situation that i am confronting. I have to files: propune.php (which is basically the page that has the form and the
Datepicker Initialise with UK date format?
Hi, I've been struggling to get the Date Picker plugin to work with the UK Date format of dd/mm/yy. I have tried setting dateFormat, but whatever I put in, it reads the initial date as mm/dd/yy, thus changing the initial month, causing the user to re select the current month. This is very annoying, but I can't find a way to fix it. Has anyone come across this problem? Or knows of a way to fix it. Thanks --
Textarea width???
I added textarea element in my page with this snippet <div data-role="fieldcontain"> <textarea name="textarea" id="textarea"></textarea> </div> The Framework adds style automatically to the textarea element, and as i see in firebug now, my textarea only has 60% of the width of min-width-480px. How can i change the percentage to 95%?
TreeView with Grid/Table data
Hi, I need a TreeView which is inside the first column of a table. In the seconds (and more) columns there should be data about every "row" of the treeview. It is important that the data for each item is aligned under each other. Do you understand what I mean? Has someone seen something like this? Thomas
Sortable helper clone does not work
Hello: I tried to add a clone helper (wich clones the item during a drag, like a firefox functionallty: http://jqueryui.com/demos/draggable/#visual-feedback (the second one in the first row)), but it does not work. I tried this on the default sample given on the download library but with no help. this is my code: $(function() { $("#sortable").sortable({ helper: 'clone' }); $("#sortable").disableSelection(); }); any suggestion how to make it work?
How to have footer nav with 6 or more buttons in one line
In alpha2 release, the navbar maxes out with 5 items, If more than 5 items are added, the navbar will wrap to multiple lines. Is there any way we can have 6 items or more in one line? Thanks in advance.
how to conditional datepicker on Opera browser
So I read that we should not do browser detection but rather feature detection. Well how do you go about this one: I use the jquery-ui datepicker on some input fields; I have php browser detection which determines whether my doctype is html5 or xhtml11, and determines whether my input type is going to be text or date. Even when doctype is html5 and input's are type=date, I still use the datepicker widget seeing that most browsers still don't have one built in. The Opera browser now has its own datepicker
uncaught exception: cannot call methods on button prior to initialization; attempted to call method 'disable'
I've got a button on my page, and when I click it, I get this exception: "uncaught exception: cannot call methods on button prior to initialization; attempted to call method 'disable'" $('#start').live('click', function() { alert('disabled'); $('#start').button('disable'); alert('disabled'); } <div> <a id="start" data-inline="true" href="#" data-role="button" data-theme="b">Start</a> </div> Any ideas? Given that the page has rendered and I've
How to modify some $.mobile.changePage inner workings
Hi, Is there an elegant way to modify some of the (private) inner funciton of the changePage method without rewriting the whole function ? I wonder if those inner function will be exposed to $.mobile as methods some day ? To another pointer ? The changePage is a big method and may need some refactoring in certain circumstance. Any good advice appreciated. Thanks
Problem with click event
I have this function (posted below), and when executes for the first time it works just fine. But when i select, another div of the same class, to do the same with it, it executes for that div, and for the previous one too!.. And the canvas stays active, so, when i click it, it refreshes the input again!..And makes another circle.. I dont want this to happen. How could i do?... $(".point_wrapper").click(function(event){ $(this).css({background : '#000'}); var id = $(this).attr("id"); var nombre=$(this);
[jQuery] inArray unintuitive
PHP's in_array was created before jQuery's inArray, so I'm not sure of the origin of the choice of function name jQuery took, but if it was from PHP, they either named the function incorrectly or created the function with a return value that is incorrect. I am leaning toward naming it incorrectly. An English sentence would say, "If an element is in an array, do something, otherwise do something else." That sentence is based on a boolean condition and in no way is asking to "do something" based on
Active item in navbar loses highlight
Hello Im using the lastest jQuery Mobile alpha 3 and is having trouble with the navbar and a multipage template. After navigating 2-3 times using the navbar the currently active menu item is no longer "active" and highlighted. Below I have pasted my very simple sample which is mostly based on the multipage template on http://jquerymobile.com/demos/1.0a3/#docs/pages/docs-pages.html I have the described problem in both Firefox 3.5 and Chrome 10, both desktop versions, and a Android 2.2 browser on a
box-shadow in safari
For some reason jquery-mobile flags <html> as ui-mobile-nosupport-boxshadow in safari browsers. Had very hard time to figure it out as i never debugged safari before. Anyone had same issue? I experience this in Safari 4.0.4 (win7) and iBBDemo2 iPhone and iPad simulator (win7) . Could this be a platform issue that doesn't affect the real thing i have no way to know. I'm using jQ mobile Alpha 4
jQuery.ajax()'s processData option extension
Let users use functions for the processData option for $.ajax() (more importantly for $.ajaxSetup() ) for more advanced handling of data. Here is what I've came up with: // Convert data if not already a string if ( s.data && s.processData && typeof s.data !== "string" ) { if (typeof s.processData === "function") { s.data = s.processData(s.data) }else{ s.data = jQuery.param( s.data, s.traditional ); } } What do you think?
Alpha 1.0a4.1 button bug?? - active theme applied and remains
Hi, If you run up the following page (updating the reference links as required), you'll notice that when you click on a button, it stays blue. Revert back to version 1.0a3 and the issue is not present. I had problems with 1.0a4 so can't say whether the problem's there as well. Also, ie9 working much better - but one of the themes (c I think) comes as an unreadable blue. cheers Matt <!DOCTYPE html> <html> <head> <title>Active button bug</title> <%-- <link href="../Styles/jquery.mobile-1.0a3.css"
Alpha 4: [iphone] viewport not resizing with meta viewport height=device-height + virtual events
The viewport in alpha4 isn't resizing at all after an ipad/iphone (ios 4.2) rotation. Everything is fine on android. The problem arises when height=device-height is used with width=device-width in the meta viewport. Is this actually the right behaviour or is it a bug? Alpha4 also suffers from double tap problems that have been solved in beta-pre. The whole virtual event thing seems to be buggy in beta-pre, for example: pagebeforecreate event is fired before a 'vclick' event bound to an anchor.
Help with "Go to Top of Page" functionality
I am developing a mobile site where a page can have lots for content. I would like to have an image on the bottom of the page that goes to the top of the page. I have been playing with this sample code below but the issue that I have is that the footer navigation does not refresh. It stays on the bottom of the page. Any help would be greatly appreciated. Thanks. $("#backtotopimg").live("click tap", function() { $.mobile.silentScroll(0); });
Wrapping specific words inside SPAN elements?
Let's say I have this paragraph... <p>My dog is brown.</p> I would like to accomplish this... <p>My <span class="animal">dog</span> is brown.</p> So, I want to use JavaScript to find all "dog" strings inside the paragraph and wrap them in a SPAN element of a given class.... I would love to have a plug-in that does that... like this: $("p").findAndWrap("dog", "<span class='animal' />"); I know this can be done in JS, but I'm not particularly experienced in JS string manipulation, so it would take
solved: bind to taphold: "this" does not reference as expected
Hi I have a listview where every li-element has an href with an id: $.getJSON("Projektliste.php?callback=?", function(data) { $.each(data, function(key, value) { $("<li><a href='Projekt.html?id=" + value.id +"' rel='external' id=" + value.id + ">" + value.PrName + "</a><span class='ui-li-count'>" + value.AnzBeob + "</span></li>").appendTo("#Projektlisteneintraege"); }); $("#Projektlisteneintraege").listview("refresh"); }); I try to open a menu when the user tapholds a list-item: $('div').bind('taphold',
themeswitcher onSelect triggers continuously
Since the recent hotlinking policy updates on the jquery / jquery-ui domains, I have downloaded a local copy of the themeswitcher code, and I have thus discovered the event handlers. I thought I'd try implementing the "onSelect" handler by popping up a div similar to a dialog every time the theme is changed with a message: "The new theme has been applied!". It works fine, the problem is it works too much. Even when not selecting anything from the themeswitcher. On every page refresh, or every time
device testing
have you guys found an alternative to Device Anywhere for testing your applications? Is there something open source? How are you testing?
JQ Mail on JQuery Mobile intro page, how to get this layout?
I'm referring to the image on this page: http://jquerymobile.com/demos/1.0a3/#docs/pages/../../docs/about/intro.html I can make out JQ Mail as the app name in the image. I would like to have the viewing pane on the right for large screen displays, only the listview for small screen displays. Is there any documentation on this, or is the image just an artist's rendering of a make-believe app?
Next Page