Issue with attr()
I am having an issue with the attr() function not functioning correctly. I have the following html code: <ul data-role="listview" data-inset="true" id="searches"> <li class="swipe"> <a href="index.php?name=value" class="search" id="search1"> Example Search #1 </a><a href="#companySearch" class="editSearch" data-transition="slideup" data-icon="gear"></a> </li> <li class="swipe"> <a href="index.php?name=value" class="search" id="search2"> Example Search #2 </a><a
How Can I work with form and ajax without an extern php file
Dear All, I am trying hard to update my localStorage variable. I need to delete a localStorage variable after a from is submited. My form is wihtin a dialog page. When I click a button, it opens a dialog box to confirm the deletion. Here is my form: <div data-role="dialog" id="supprimer"> <div data-role="header" data-position="fixed"> <h1>Supprimer</h1> </div> <div data-role="content"> <h4>Etes-vous sûre e vouloir supprimer ce module?</h4> <form id="JSON-formSupprimer"
how create a event scheduler application
please help me , how to create a event scheduler application using JQmobile
IE8 icons missing in custom theme created with ThemeRoller
I am creating a custom theme with ThemeRoller in Internet Explorer 9. When I apply the custom theme to my site, the icons are missing from all the buttons on all the pages in Internet Explorer 8, but not in other browsers such as Internet Explorer 9, Safari or Android ICS. The icons are displayed as white squares. Steps to reproduce the problem: 1. Start ThemeRoller. 2. Click inside the Icon DISC COLOR or DISC OPACITY settings on the Global tab (you don't need to actually change the settings).
1.2.0 Popup demo in the docs is missing some pages
If you go here: http://jquerymobile.com/demos/1.2.0/docs/pages/popup/index.html Try the popups ('Scaling Images','Map + video iframes' or 'Overlay Panels') in this sextion: Advanced popup techniquesThe three files for the above popups are missing and you will get a 'Page Not Found'...
Need Advice for an Mobile app from Community
Hi guys, I need to create an app which contains an webpage that has a canvas and a sidebar . The sidebar should contain few components of different sizes .The basic idea is to create a scrabble like game where users can drag and drop few components from the sidebar onto canvas . Can anybody please advise how this can be accomplished ? Thanks in advance
Getting phone number of the device???
Is there any way to get the phone number of the device without having to ask the user? Are there any permission prompts in place to collect more data about user's device without requiring them to type in? I should be able to collect some information about the client using javascript, but is phone number one of them? What are the limitations, Pros I appreciate your time, and any guidance you provide.
Layout resetting after 'back' button, hhen JS populates a list element
Hi there. Ive got a UL with ID ='listaTurmas'. All i want to do is, everytime this function is called, the list contents is refreshed according to the Sessao.turmas array. The first time it shows up, it works fine. The second time, layout is completely lost. Would apreciate any help ! THis is my Div: <div data-role="page" id="turmas" data-theme="b"> <div data-role="header"> <h1>List</h1><a onClick="history.back(-1);" data-role="Button">Back</a> </div> <div data-role="content"> <ul data-role="listview"
Social Sharing Widget Disappears on Back Navigation
No clue why this is happening. Please try this: 1. start here: http://19thway.com/cck/ 2. navigate forward to recipe page (social widgets on top left) 3. navigate forward one page using "locate ingredients" at bottom 4. click back button top left (no social widgets!!) Can anyone explain. Thanks
jQuery trigger play issue
http://goo.gl/sio8b It will play shutter sound after click play button, and play mail sound after 2 seconds, but on mobile it's only play shutter sound, I thought audio play event only trigger by real click behavior, how to trigger browser play the sound with out really click on the element. I already use preload property, but the sound still a little bit played lag. Android Dolphin Browsers both work Android Chrome only shutter iPhone Safari only shutter iPad Safari only shutter
Creating a JSON Object Array
Hi all - The below solution works. However I'm not sure this is the best approach. Can someone supply a "better" way of creating the json object below (if there is one)? Thank you for any advice you can provide. var buildInvItemsObj = function() { AVDB.transaction(function (tx) { tx.executeSql("SELECT * FROM invoice_items WHERE invStatus = ?;", [ 'Incomplete' ], function (tx, results) { if (results.rows.length > 0) { var jsonObjItems
Is it possible to just keep the jQuery mobile code for the nav bar?
I have an existing mobile site which I am using Phonegap to turn into native apps. My existing html tool bar uses css position: fixed which is not compatible in iOS or Android. Therefore, I would like to use the fixed nav/toolbar out of jQuery mobile. I already have it installed and it looks great :-) The only problem is that the rest of the jQuery script (which is not being used) is affecting passing parameters when I use the search function already built into the site. I know there are ways to
CSV file to HTML
Is there a Jquery mobile code that will help me to import csv to html page ? Thank you very much
Slow reaction on Playbook OS
Hi, I'm developing an app for android an Playbook OS. On android the app runs fast, transition-effects are looking good and everything is fine. But on my Playbook (Playbook OS 2.1) the app runs slow, sometimes the reaction on user-clicks takes about 10 - 15 seconds. I used web inspector to have a look at the web console but no errors appeared there. For my app I'm using Phonegap/cordova 2.1, jQuery 1.8.2 and jQuery mobile 1.2.0. Unfortunately I have no idea what could be the reason for this lack
Badge Icon with Bubble Count (like iOS) in Jquery Mobile
I have a header with few icons, i want to show a bubble count dynamically in a icon like badge icon with notification count. How can we do in jquery mobile? I searched in jquery mobile for bubble count but its currently available with listview, but i want to show the count in a icon right top corner like iOS notification count. Find the below reference url for badge icon that needs to implement in jquery mobile, url: http://en.wikipedia.org/wiki/Apple_Push_Notification_Service
Enter Key Issue in JQuery Mobile Dialog
Hi, When I type a data inside a textrarea in a JQuery Mobile Dialog in the below format a b c and on click of the submit button in the dialog when i try to retrieve the value of the textarea in the main page using the textarea id i get the value as abc instead of the above mentioned format. The enter key was truncated. Can anyone help me on this. Because of this issue My data gets saved with a wrong alignment while saving to db.
data-icon not showing in Internet Explorer 8
Here's the test page I'm working on http://test.slimspa.eu/andrea/mobile/index.php you can also click on links to open the other pages. The problem is that *all* icons (home icon, arrows, etc) are *not* displayed in IE8. example code for icon: <a href="index.php" data-role="button" data-icon="home">Home</a> (perfectly working on other browsers) I've searched a lot on the internet and in this forum too, but still didn't find any apparent solution to that. Note that if you go with same IE8 on the jQuery
Issues with photoswipe and Ajax
The following is code of my page. The Colorbox Functionality works if i test the page individually but breaks down on the device.Basically its an multi tabbed page and the present tab holds the image. Can anybody please let me know why? <!DOCTYPE html> <html > <head> <title> Temp1 </title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0-rc.2/jquery.mobile-1.2.0-rc.2.min.css" /> <script src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
How to change the built in "back" button in a jqm listview for a custom one?
Hi, Is there anyway to change the built-in "Back" button at the jqm listview for a custom one? Thanks in advance for your kind replies!
dynamic link with button format
I'm using jquery to add links in a mobile page after the page load. The links are added but they are not shown how button format. Someone know what is the my mistake? The code is bellow: <div data-role="content" id="content"> <a href="index.jsp data-role="button" data-icon="arrow-l" >Back</a> </div> <script> $(document).ready(function(){ $.getJSON(url+"/cxf/mesaService/categ", function(data) {
Mulitiple pages visible in app at same time
Hi there all. I've experienced an odd issue a couple of times with my jQM 1.1.0, jQuery 1.7.2, Phonegap 2.1.0 app. When using the app on a train going through a 3G black spot, I tried to call a web service. As the page was not returning results, I tapped the screen several times. What happened was that all my taps were remembered and consequently they were fired after several seconds. Then I found that several of my "pages" were visible at the same time - sort of like semi-transparent, sitting on
Losing event listening on mobile
code: http://jsfiddle.net/chan15/G5Ycm/22/ full screen: http://jsfiddle.net/chan15/G5Ycm/22/embedded/result/ jQuery Mobile slider is easy to lost to listen event, especially on slow device, I used iPhone 4 with Safari to do the test, if I slide too quick, vmouseup will not be catched, so the interval turns to infinitely till I click any element on the page, have no idea how to solve the problem.
How to detect use was tap on screen or not?
http://chan15.info/question/mobile/tap.html I wrote a script that if user drag the slider and not release, it will catch the slider's value and do something, if release the handle, the timer will be clear, and function stop, but in some iPhone's safari, sometimes mouseup event will failed, I think because of the machine's efficient is not quite good so the browser too lag for it, so I want to add check function when the interval is running, is there any API can detect the user still tap on the screen
Clear all Ajax history?
My jQM app, when run on iOS, uses an onResume function to return to the main page and check the network state. This is all good. However, I would like to also do a proper refresh, clearing all Ajax history (so that all forms are cleared). Is this possible? I haven't been able to find a clear solution. Thanks Jon
iOS5(iPad) animation flicker caused by text-indent:-9999px in button markup
I have a div that flips into view using CSS3 keyframe animation. The div contains a form and submit button. The submit button is marked up and wrapped by JQM, so that the original button element is hiden using the class "ui-btn-hidden". I traced the flicker problem to the text-indent:-9999px property. For reference to this problem, see http://www.david-lewis.com/css/css-that-can-affect-performance-on-ipad-web-apps-or-phonegap/. PROPOSED SOLUTIONS: change the property to text-indent:100%, which
Popup function is not work in 1.2.0
http://jquerymobile.com/demos/1.2.0/docs/pages/popup/index.htmlhttp://jsfiddle.net/9mNDF/1/ I do it as sample page do, but not work at all, anything wrong?
page transition problem
Hi all, I have a problem in my first page transition, i fill a input in a page, for example, with a "abc" value, when i do that, a ajax request is made with this value, and in the server side the value arrive with "abc" value, it's fine! but when i access another page, and return to the page wich i fill de value "abc", the input is clear (in mobileinit event i set the $.mobile.page.prototype.options.domCache = true;), and if i fill the input with value "123" now in the server side the value arrives
Dynamically injecting page content with Ajax+JSON
jQuery Mobile seems to assume that content is either stored locally in existing HTML, or rendered server-side as HTML, delivered via Ajax. Instead, I'd like to render client-side using a templating engine (Mustache/Handlebars) and JSON data. I have a solution cobbled together below, but it lacks some of jQM's benefits, such elegant handling of slow or failed Ajax calls, and automatic purging of old DOM elements to reduce memory usage. It generally feels a little hacky. Is there a better way to do
I am using a left side bar for my menu and It needs to scroll.
I have an ipod Touch and an iPhone. I am using a left side bar for my menu. this works fine in the vertical position. But as I observer, I see that the ipod touch (sidebar menu) moves up & down with the content on the right if the page is long. For the iPhone the (sidebar menu) does not move at all it is stationary (while the right content page scrolls). This is fine for both device in the vertical position. But when I turn the device in the horizontal position the (sidebar menu) is not completely
way to get a remote web inspector on iOS 3 device?
I have a button display bug with jQM 1.2 and iOS 3.1.3, which I've filed. I'd really like to be able to look into the problem more, but I don't know of a way to get a WebKit web inspector on that old a device. I'd use Adobe Edge Inspect, but it only supports iOS 4, and the button bug doesn't happen there. Any ideas?
JQM pagination plugin
Hi, I need to use various plugins, with jQuery 1.8.2… So when I use this jquery.mobile.pagination.js with a recent JQM 1.1.1 it's make an error on iOS Simulator but not on Firefox. Error arrive at last page with dragging event (on var $newActive). Demo using 1.0b2 http://filamentgroup.com/examples/jqm-pagination/demo/ How to fix this ? Make my own pagination function ? Wait for an JQM pagination update ?
No differences between latest RC and 1.2.0 final version?
There are no differences between the latest RC and the 1.2.0 final version. Right?
Help with dock menu
Hello friends, I am trying to apply this style dock menu, when I run the page the browser menu.html direct effect of the page works perfectly, but when it runs first to the effect of the index.html page menu working for someone ... might help. In this link follow the project files and detail'm beginner ... hahaha. http://www.mediafire.com/?nwk7s0xdtqbcho9 thank you
Jquery Mobile image slider
anyone have code for a good image slider for jquery mobile?
Text inconsistent alignment in buttons across browsers
Hi, I have shown two browsers that display my text in buttons inconsistently. While initial times Chrome was my choice, now it seem it is not showing the text properly in my buttons. The same is well displayed in other browser (Opera as in figure, or safari etc) I dont know where to check for this anomalies. you may check at this site http://guruttam.com/docs/gmindex.php regards SriKrish "Learning Continues"
slider slidestop
I have the following code... <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> <script> $(document).ready(function () { $( "slider-step" ).bind( "slidestop", function(event, ui) { alert("done"); }); }); </script> <label for="slider-step">Input slider:</label> <input type="range"
JQuery Mobile and PHP
Hello, I am using JQuery Mobile to create a web app, and I am also using PHP with it. Most of the PHP works, except for the PHP in the footers and buttons. What it is doing is making 6 buttons instead of 4, and there is little bits of PHP text everywhere in the page. Does anyone know how I can fix this? Here is some of the code: <div data-role="footer" data-position="fixed" data-fullscreen="false"> <div data-role="navbar"> <ul> <li><a href="#" data-icon="back" data-rel="back">Back</a></li> <!--<li><a
how reloadPage attribute works on a page?
Hi all, I´m have a problem on my application, i insert some data in two inputs, and when i go to another page and return to previous page the inputs is clear, the change between pages is made for example by <a href="page.jsp"> tag. Studing the page attributes, i suspected if the reloadPage attribute it´s involved with my question, but the default value for this attribute is false, in teory the page already exists in DOM and don´t will be created again.. then, why when i return the page the values
Dynamic Navbars..
I need to dynamically add and remove buttons from a navbar and have a work in progress that *almost* works.. My navbar html looks like this: <div data-role="footer" data-id="nav-footer" data-position="fixed" > <div id="navbar" data-role="navbar" > <ul id="navcontent"> <li><a>Loading..</a></li> </ul> </div> </div> When necessary I update the navbar as follows: $('#navbar').navbar('destroy'); for each new button { $('#navcontent').append('<li><a .... </a></li>');
Upgraded to JQM 1.1.1 and header jump returns - only on dynamic pages
I am using the Sea of Clouds twitter script and it was working fine in 1.0.1. I've upgraded to PhoneGap 2.1.0 and have everything up to par except for this page issue. If I load in 10 or 15 tweets, so that the page has to scroll, on the initial page load, the header drops about 1/4 of the page. Once swiped, the header jumps back and seats correctly at the top of the screen without further issue. Seems like it is only happening on the initial page load. Can't seem to figure this one out. Using
Next Page