JQueryMobile and WebForm Response.Redirect
I'm a total newbie of JQueryMobile and I encountered this problem when redirecting to a page with multiple data-role="page". My page is structured like this <div data-role="page"> <a href="#login"></a>... </div> <div data-role="page" id="login"> </div> The first acts like a splash screen where when clicked it should go to #login. The form elements are in the login and my event for clicking the login button is something like if (ok) { Response.Redirect("Dashboard.aspx"); } else { // Something's
How to set button default state ,active state and Inactive state in jquery mobile.
On page load I want my button default color should be white and when we click on yes makes as active (in green color ) and no become as red or vice versa as toggle button. I try this through jquery it works but one i add my jqm theme CDN it stop working. <script type="text/javascript"> $(document).ready(function() { $('#myApptBtn').click(function() { $(this).addClass('active'); $('#allApptBtn').removeClass('active').addClass('inactive'); $('#myApptBtn').removeClass('inactive'); });
detecting device
how do I detect device with jQuery.... when I copy jQuery code here, http://www.sitepoint.com/detect-mobile-devices-jquery/ and save it to something like jQuery_detect_device.js, my IDE says there's an error in that code.. (and this one too.... http://css-tricks.com/forums/topic/how-to-detect-mobile-devices-using-jquery/) thank you....
including jquery and jquery mobile in single page for listview data-role
how to include jquery-1.7.2.min.js and jquery.mobile-1.0.min.js in single page, when i lncluded scripts and css of these two, i am getting JavaScript runtime error: Object doesn't support property or method 'split' in jquery.mobile-1.0.min.js file. please correct me in solving the issue.iam working with listview data-role.
Overlay Panel Not Working After page Transition
Hi, Following the recommendation in the jQuery Mobile docs, I have implemented a similar popup overlay menu that looks and behaves the same. However, after each page transition, the overlay panel does not expand to the full height of the page unless I hit F5 on that page. Having had a bit of a look, the problem seems to be that the popupbeforeposition event isn't being fired, or isn't being fired at the correct time. Here is the code that I am using: /* Options Menu */ $("#OptionsMenuPanel").on({
JqueryMolibe Themeroller is down?
I'm trying to use the themeroller, but I can't have access to the page. When I put the url on http://www.downforeveryoneorjustme.com/ I got that the site looks down, so I came here to have more informations about that, but I didn't saw any announcement about that... ---Edit It's working now
google map need refresh to display
website: http://mobile.smartagent.co.nz/users/348/properties/ when you click on the properties, map can't display till you refresh it. any idea what causing that and how can I fix it please? Thanks in advance
Listview Filter with autodividers jQM1.4.2 vs 1.4.3
So I had a try at updating from 1.4.2 to 1.4.3, and was testing a listview with autodividers set to true and noticed that when using 1.4.3 the elements with data-role="list-divider" are not filtered. This was not the case with 1.4.2. Easily replicated by trying 1.4.2 and 1.4.3 in the following code. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css"
jQuery MObile Login, on iPad, won't work in app mode, but will in Safari
HI, I have an app that will be on a private server not open to the internet nor will there be a way to "see" passwords. The user will only be using an iPad. We need to have the user login. On my index.html page I have the following code (see below). It all works on my computer, if I don't enter the password and click OK, I do get the popup saying "Password Incorrect, Try Again." It also works fine on my iPad in Safari, but it will not work at all once put in app mode. (i.e., putting the icon
Prevent checkbox being checked after taphold
I've been trying for days now, but it won't work. I have a controlgroup containing some checkboxes, which are being bound with knockout.js: <div data-role="content"> <div data-role="fieldcontain" data-bind="with:selectedList, jqmRefreshList:selectedList"> <fieldset data-role="controlgroup" data-bind="foreach: { data: items }" data-inset="true" data-filter="true" data-mini="true"> <input type="checkbox" data-bind="attr: {id:guid}, checked:isChecked"
Add some functional icons on a listview
Hi, I'm developing something like a 'file browser' and I'm using a listview to list the files and I want to add some icons to delete, show info.. that staff. I thought in something like this: But I don't know if its even possible, because I have tried some options and none of them works. Anyone could help me? Thanks in advance. Sergio
php, images, jquery - results in a jquery error
Calling this link inside the same window as the mobile jquery results in the path of the image inside the page changing. This is a php page that adds the path to the image that the page is to display. If I have it open in a new window, it displays fine. If I have it just as a link or if I add the dialog role to the link, the image path changes - in firefox I can see it happen - the image displays and then it turns to a broken link: the error message in chrome is Resource interpreted as Image but
Video in popup iframe doesn't stop playing on close jQuery mobile
Hello, I have embedded a Vimeo video into my jQuery mobile popup using the iFrame that it suggests. The video works fine until you close it by clicking outside the video div. The video goes away but it still plays in the background. You can hear it playing and then when you launch the video popup agsain, the video is stil playing. Anyone know of a solution please? Thank you
Anchor Button Theme error after change page
Hello, i have tried a multipage template. if i add a anchor button with a link to the other page, the theme will lost after tipp on a button to change the page. The buttons are in style theme b, but after page changing the buttons looks like theme a. This problem occurs only on android platform. Tested on android version 4.1 and in adb emulator 4.4. (in ripple emulator it works fine) jquery mobile version: 1.4.2 jquery version: 1.10.2 have you an idea? <!-- Start of first page --> <div data-role="page"
How to change dynamically appearance of a jQM text field
Hello, I try to change the color of an input box once the user has changed something in it. I can see by alerts that the keypress event was catched but whatever element I try to give trigger('create') command after assigning a different data-theme the input text field is not refreshed with the correct color. Since I have tried various version combinations of jQuery and jQueryMobile without success I think that I do something conceptionally wrong. In this forum I find several examples with lists,
Audio Playlist
Hi, i want to build dynamically a music playlist. Is there any tutorial somewhere?Any idea?
add button not working , to add new row when i select ondomready
please find below my link http://jsfiddle.net/sn2aE/6/ i am new to jquery mobile when i select no wrap in <body > i can add row on clicking add button, but it does'nt works when i select ondomready in framwork and extension please help me...........
Find status of Checkbox
Hi, i have this code: fieldset data-role="controlgroup" data-iconpos="right" id="control"> <legend>PIck a language:</legend> <label for="gr">Greek</label> <input type="checkbox" name="favcolor_gr" id="gr" value="greek" onchange="myFunction()"> <label for="en">English</label> <input type="checkbox" name="favcolor_en" id="en" value="engl"> <label for="fr">French</label> <input type="checkbox" name="favcolor_fr" id="fr" value="french">
Mobile website Drag and Scroll horizontal DIVS
please help me with my project. I have a web page for desctop, tablet and mobile. I need only for mobiles I have for example structure like 4 tables,but it is div elemets every cell just structure looks like tables and to do horizontall scroll of the and drag.Every Box is DIV See in the picture my idea : http://i61.tinypic.com/21no9zk.png Drag in right and left. Default position two cells of DIVs in the screen and a little bit part from third to drag and scroll Thanks!
JQuery Mobile For Blogger HTML Widget: It Is Possible?
I have a blogger blog, and I think using JQuery Mobile is much easier for autocomplete, popup, and other tasks. When in Blogger there is a HTML widget, how to use JQuery Mobile as scoped script (script from code.jquery.com )?
jQuery Mobile persistant external fixed header problem
i want to ad an external persistant header like in the demo here: http://demos.jquerymobile.com/1.4.2/toolbar-fixed-persistent/ i only want the header. no footer. but when i do this on my page with this script: $(function() { $( "[data-role='header']").toolbar(); }); i always get some space at the buttom of the page. its free space - i think for the footer. the page height itself is ok, but the ui-panel-wraper is to short. can enyone help please?
QRCode-scan and QRCode-gen icons required.
For mobile apps, it's common to have QRCode scan or QRCode generation features. Would you please add QRCode-scan and QRCode-gen icons in JQuery Mobile?
how to increase height of popup in jquery mobile iframe
Hello All, I want to increase the size of Popup Iframe. The default size is height="320" width="480" I want to increase it height="1024" width="768" (Basically need to increase height) I have changed the size in java script (Some part is as under) $( "#popupMap" ).on({ popupbeforeposition: function() { var size = scale( 480, 320, 0, 1 ), w = size.width, h = size.height; Here I have changed $( "#popupMap" ).on({ popupbeforeposition: function()
Problem saving list in local storage
Hi everyone, I´m work in a code based on a listview in jquery. In this code you can add or remove items. Also if you click on a item, this have inside some group of elements. One of this its a on/off slider. The idea its to save teh list in local storage. I´m saving when i add or when i remove a item of the list. When i start the code the list begins whit 2 elements of the list, and the sliders works perfectly. When i add a new element also works. But when i run the code again to use the local
New to JQuery Mobile Navigation -- having problems
Hi, I'm developing a little mobile test app here. http://eggcave.com/mobile/index/459249 Click the arrows to go back and forth between pages. Click "Feed Creature" to perform an AJAX request. Problem: upon clicking an arrow to go to the next page, the ajax handler for #feed_creature no longer works. I also notice that the #dialog-fed-creature dialog and #dialog-recent-feeds dialogs don't work. It requires a full page refresh to "reset" these elements. I'm new to how jquery mobile handles page navigation...
Unable to get correct activePage when processing pagecontainerhide event
Demo is here, as you can see, there are two pages, i want to do something when p1 hides or before p1 hides, i tried to get the activePage, but it seems whatever the event is, the activePage always is next page, for example: p1 -> p2, i got p2. How can i get the page which is hided?
Unable to get FastClick working with jQM
Hi, Does anyone know why it's impossible to click the `Open panel` button in jQuery Mobile when FastClick is enabled (using Chrome's mobile emulation)? http://jsfiddle.net/frank_o/kV85c/1/embedded/result/ Thanks!
loosing jquery mobile look when adding something dynamically
Hi everyone, I'm developping a mobile web site and I have to dawnload a JSON list, this is working. Then I want the slider "On/Off" for each element of my list, so I did this : function affichage_intensite() { var i; var $lampes=$('#lampes_intensite'); for(i=0;i<3;i++) { window.console.log("<label for=\""+tableau_lampes[i].name+"\">"+tableau_lampes[i].name+"</label>\n\ <select name=\""+tableau_lampes[i].name+"\" id=\""+tableau_lampes[i].name+"\"
Tab strip touch slider using Jquery mobile
I want to have a Tab strip touch slider and page content touch slide/swipe functionality like that of Google Play or Facebook mobile app using Jquery Mobile. Can anyone help me with this requirement? Please find the screenshots below: http://i.stack.imgur.com/BSKRM.png http://i.stack.imgur.com/KsQBF.jpg
JQM Swipe-Page
I have a JQM site that is using JQM swipe-page.js. just swipes thru 6 different pages. the script is working as long as there is nothing on the page (no div content) here is the script $( document ).one( "pagecreate", ".demo-page", function() { $( "#header" ).toolbar({ theme: "b" }); $( "#footer" ).toolbar({ theme: "b" }); function navnext( next ) { $( ":mobile-pagecontainer" ).pagecontainer( "change", next + ".html", { transition: "slide" }); } function navprev( prev ) { $( ":mobile-pagecontainer"
select widget -> visit page 2nd time -> refresh selects
Hello, i have a problem, again, with this Jquery Mobile Page-System: I have some Selects (Selectmenu Widgets) on my site, i.e. for Color: BLUE and Size: 6. When i choose Color RED and Size 7, the Page changes to another Page. So the Problem is, when i go BACK: The Selects are still on RED and 7, cause i have choosen this on the first site. But i want it to be refreshed, BACK ON blue and 6... How can i do that? Its not working like that: $(".ui-select").each(function( index ) { $(this).on( "selectcreate",
I need a little help about arrays+json+ajax
Hello, I am developing an application that creates a series of menus from a database and collected json. Here you can see my development. although, the submenus are created manually. http://jsfiddle.net/7teVR/ the JSON array I get is the following: ["Option1", "Option2", "Option3", "Option 4"] I was trying to do the JSON array like this: Note: the number that appears next to the subcategory indicates the amount of files that have that category. code: { "Menu1": { "SubMenu1": { "Category1": "0",
unable to scroll down pages on android
My App works perfectly (phonegap local build) on ios and android. yesterday i tested on samsunga galaxy Android 4.x and i was stupified that i couldn't scroll down ( touch screen) on any page in my App !
jQuery mobile: pageChange, pageinit, and swipe
Hello everybody, This is my code: actually it 's a listview and I want to get to a matched page whenever any item in the list got swiped. can somebody help me to see it doesn't work? Thanks!!! <!DOCTYPE html> <html> <head> <title>My portfolio</title> <meta name="viewport" content="width = deivice-width, initial-scale =1"> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" href="themes/myThemes.css" /> <link rel="stylesheet" href="themes/jquery.mobile.icons.min.css"
Remove data-iconshadow="false" from JQM Collapsible title
I have been trying to do this for a while with CSS and also data attributes but it is driving me up the wall. It's easy to remove data-iconshadow from buttons, but from collapsibles, not so. In the Developer Console I can see JQM is applying "data-iconshadow='true'" even after I told it not to using this code (in several places): <div data-role="collapsible-set" data-iconshadow="false"> <div data-role="collapsible" data-theme="f" data-collapsed-icon="baby" class="ui-icon-nodisc"
Listview not appear in mobile
Hi All, I am new to jquery mobile. I have course list. I can see this in my localhost system. After that i have moved to live server . But, I can't able to view the list my basic model[samsung E1282] mobile. What is the issue and how can i overcome this.
Listview : How to use the finger to move an element to the right ?
Hello, I've created a listview that works well but I would like to add some functionalities to the listview. Actually, when the user uses his smartphone with his finger, I would like that when the user makes a move with his finger to the right, the"<li>" element slips to the right and that then, the element comes back to his initial place and changes of color. Is it possible ? Do you have a solution or help ? Thank you <div data-role="page"> <div data-role="header"> </div>
PDF Link
I have a problem with a pdf link. <div data-role="main" class="ui-content"> <div data-role="collapsible" data-inset="false"> <h2>Internacional</h2> <ul data-role="listview" data-theme="a" data-divider-theme="b"> <li data-role="list-divider"></li> <li><a href="../www/pdf/eia_intern.pdf"> <p><strong>Evaluación de impacto en el medio ambiente</strong></p> <p>Contexto transfronterizo (Espoo, 1991)</p>
vertically center a cell in a JQM table
Hello, I use the JQM Table widget to make a table with two columns. The elements in the second column are higher than those in the first column, so, with the default top alignment, the result is not pretty. I would therefore like to vertically center the elements in the first column. I tried using CSS (vertical-align:middle), but this doesn't work. Is there a way to do it ?
swipe event bug
Hi everybody, I've got a problem using the swipe event, I have to swipe around 10 times to fire it. I saw this problem in many topics but I didn't understand how to fix it. Here's my code : $("#article").on("swipeleft", function(){ $(":mobile-pagecontainer").pagecontainer("change", "#pAccueil", { transition: "slide" }); } ); Thank you !
Next Page