simulating click event in jQuery mobile
I have two pages on the same html document and I would like to log from the first to get to second one internally.
how to pass and get parameters between pages
i have two pages in one page . and i want to navigate between them and i want to pass id to the second page .what is the best way to do this ?
Login internaly with Jquery mobile.
<!-- Here is my html document and I woulkd like to login from "#login" to "#page2" internaly(on my local host). Thanks in advance. --> <!DOCTYPE html> <html> <head> <title>My portfolio</title> <meta name="viewport" content="width = deivice-width, initial-scale =1"> <link rel="stylesheet" href="themes/MyThemes.css" /> <link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
External Page
Hello, I'm using Jquery Mobile 1.4.2. When I use external page, for example (eia.html) and the rel="external" the transition doesn't work. Is important for me that have external page because have an order in the information. Are any method to have transition in external page? Thanks!!! <ul data-role="listview" data-inset="false"> <li><a href="eia.html" rel="external" data-transition="slide"> <img src="img/arbol.png"> <h2>EVALUACIÓN AMBIENTAL</h2> <p>Leyes de protección ambiental.</p></a>
Embed Jquery mobile into non-Jquery Mobile enable page
Hello, I am using an online web design tool to build mobile desktop/mobile enabled pages. I don't have access to the html/javascript code being generated by the the tool but am able to insert my own html snippets within the page. I would like to extend the pages capabilities by allowing me to make it Jquery Mobile capable. Within the snippets I am able to embed both standard HTML and JS, Jquery code to alter elements within the DOM but am not clear on the best direction to do the following: Insert
how to save data that come from json using ajax
i have script that get from server data using ajax and it's good . but if i try to reuse the data that comfrom json in another script it's not know the variable .My guess because the Anonymous function . can anybody can tel me what i need to do to be able to reuse the data that come from the server.without made calling to the server again . i attach the code that you can see . <!DOCTYPE html> <html> <head> <title>First jQuery Mobile Example</title> <!-- the three things that jQuery Mobile
Refresh the same form after deleting from List view
Hi, I have one file called index.html and added one page with data-role="page".I've listed some values in that page.After selecting some ids and if i hit the delete button the soap ajax(web service) will form a xml and it will submit to the server and the response will come.The deleted records will not be show in current list.So i need to refresh the same page after getting reply form server.How can i do this ? Here my submit code, $.ajax({ url: wsdlURL, type: "POST",
jQuery Mobile Download Builder doesn't work
Sorry... today, jQuery Mobile Download Builder doesn't work. Could you please check?? thanks in advance
problem with dividers
in the next file when i run it . the list it create for me have two name 'house' and 'tree'. the problem that the list is not autodividers , only when i search for name in the list it make the list with dividers <!DOCTYPE html> <html> <head> <title>First jQuery Mobile Example</title> <!-- the three things that jQuery Mobile needs to work --> <link rel="stylesheet" href="jquery.mobile-1.4.2/jquery.mobile-1.4.2.css" /> <script src="jquery-1.11.0.js" type="text/javascript"></script>
apk wrapper for my website
¿There is available some apk wrapper for contain the internet navigator with my website url? Thus, I have made my website, I have the url to type in the internet navigator, but don't want the end user have to type the url nor uses an shortcut because then in the navigator the url is visible and the user can change it. I would like develop -or even better use some existing wrapper or so on- an apk containing my website. The apk will be suitable for sending by email to users, or download from web.
Created a cookie but it is not seen unless the page is refreshed.
I have a small project, 5 pages, 1 front page, 4 sub-pages. I'm using jquery mobile. On the frontpage, I have a cookie being created to control a pop-up that shows for the fist time user. The problem is if a user navigates to one of the sub pages and back to the front page, the cookie is not seen and the prompt is shown again. Here is the code and the popup. http://jsfiddle.net/afP8D/. The cookie works if the user refreshes but the native way that jQuery navigates pages doesn't seem to re-run code.
static div as popup in single page jqm cordova app
I am new to jquery and have a very simple single page JQM on Cordova(PhoneGap) app I'm "prototyping". I am trying to invoke a div as popup . I have popup div defined as: <div id="myPopup" data-dismissible="false" data-role="popup" data-footer="home_footer"> <p>This is a simple popup test.</p> </div> Invocation of popup is doen here: <a id="PressMe" onclick='invokePopup();' >popup</a> invokePopup=function() { $("#myPopup").popup("open"); } invokePopup function doesn't work. Any suggestions
How save changes of a editable list?
Hi everyone i have a code of a listview. You can add and elimitate items of the list. Also if you click on an item list this open a square. In this square you find a input text. here its the code: http://jsfiddle.net/juank_romero/hA8Ps/11/ I need save all the changes that the user makes, i mean save the changes (add/ eliminate items) that the user makes to the default list view. and also save the text that the user write in each text input. The idea is that any user could edit their own listwiew.
jquerymobile multiple pages in seprate html
Hello, im new to jquerymobile and trying to set up a website. I would love to use seperate files for some pages. so i set up a index.html with a menu linking to some internal pages and some seprate html files. when i navigate to a page in a separate html file, the first page in this html loads correct, but if this seperate html also consists of sevral pages, links to those internal pages dont work. when i refresh this second html the links to the internal pages do work again? to explain a bit more,
JQM with phonegap showing "Uncaught TypeError: Object # has no method 'remove' "
Hello, I am using JQM 1.4.2 with phonegap i am getting error as : 1) "Uncaught type error : Object # has no method 'remove()' file:///android_asset/www/scripts/jquery.mobile.min.js: 7 "; on line number 7 of "jquery.mobile.min.js" there is method "this._ui.screen.remove()" this is happening while redirecting the pages. I have three different pages : home.html,reg.html,calResult.html. On these pages i have include "jquery.mobile.min.js" as i need it on all three pages. I am redirecting all these
Problem Playing Live Streaming Radio on Mobile Browser
Hello Everyone, I am just starting to learn Jquery Mobile. I am creating a Mobile application for an Online Radio Streaming application for a FM Station. They have a streaming server and has been using it on their website. I have added the following code in jquery mobile application: <audio id="idRadio" preload="auto" controls="controls" src="http://192.190.84.25:9974/;stream.nsv&provider=required_file.swf&volume=100&autostart=true"> </audio> The problem is, When I browse the page in PC the audio
Why not use SVG sprites?
Hi I am new to JQM, doing markup/CSS work on a project. Looking into the way JQM deals with icons a question came up: What where the reasons for going with base64 encoded images instead of a sprite? According to this article the images appear significantly slower (apart from not beeing cached): http://www.mobify.com/blog/base64-does-not-impact-data-uri-performance/ so I was just wondering what is the gain... Thanks
JQM theming and themeroler: More button variants
Hi, I am new to JQM, doing markup/CSS on a project. In my research I bumped several times in to urgent recommendation to use the themeroler as a best practice. But the themeroler seems very limited to me. Mainly because, since allmost everything is a button (selects, buttons, collapsibles), if I want to styles these differently, I need to create a new swatch for each. That seems very inefficient. Am I missing out on something or is the themeroler not really the way to go?
JQM offline search feature
ability to search pages and get results in JQM phonegapped app. I created a app that allows a user to see a training manual. Wanted to know if a search feature can be added that will work offline. User would like to search various words and have a results page. i am new to JQM (4 weeks) This is the only thing so far that has me stumped. Thanks Griff
Open external webinterface inside a JQM page
I want to load an external webinterface from my HTPC inside a JQM page. The webinterface was build with JQM. If it's possible, could somebody explain me how to do it? thanks in advance for every replie
jquery mobile - List item to detailed view page
I have a page which contains the list item. I need to fetch the data from my server on list item click and need to show the the detailed data on the second page. For each list item click i need to show different information. <!-- First page --> <div data-role="page" data-theme="c" id="home-page"> <div data-role="header" data-iconpos="left"> <h1>Visit Kerala</h1> <a href="#link" data-role="button" data-icon="home" data-iconpos="notext">Home</a> </div>
On tap hold increase the value of text box
I just want to increase value plus 1 in text box, when tap hold starts and till user leaves it. <input type="text" value = 1 id="number"> <span id = "upSpan" > Up </span> $('#upSpan').on("taphold", function () { var number = $('#number').val(); $('#number').val(parseInt(number) + 1) }); this should be repeated till he leaves. Like input type number.
RSS news feed Reader for iPhone
Hi, Is there a jquery mobile plugin to read and RSS feed from a website and render on an iphone/ android device or equivalent? Thanks
Remove jquerymobile loading in wp_head of Wordpress
How to remove loading of jquery mobile when click to admin bar of Wordpress??
jQuery mobile problems
Hello, We have created a six-page mobile website http://m.theoff.info using jQuery mobile. The mobile website is fully functional offline. However, when we published the mobile website online, a part of it works and others do not. All pages are working individually. All links on index page http://m.theoff.info/ are fully functional. But links from other five pages http://theoff.info/India-Travel/Alchi-Guide.html, http://theoff.info/India-Travel/Phyang-Guide.html, http://theoff.info/India-Travel/Hotels.html,
passing parameter between multipage jquerymobile website
Hi, I don't understand how to solve this. I have a single html index file with multi page navigation menu. My panel is loaded dynamically with this : <li><a id="nav_getGtc" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left" lang="en" data-ajax="false" href="#gtc?cat=2"></a></li> <li><a id="nav_getGtc" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left" lang="en" data-ajax="false" href="#gtc?cat=1"></a></li> <li><a id="nav_getGtc" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left" lang="en"
Loading dynamic content and rewrite URL on Hashchange event with Jquery Mobile
I'm building a mobile version for my website using Jquery Mobile API. The framework provides automate AJAX navigation processing. But as far as i know it require "real" pages for loading purpose. What i want to do is override the automate navigation process of it and process the hashchange on my own. But i can't not rewrite the url using window.hashChange, which is running well on my non-mobile website version : $(function () { $(window).off().hashchange(function () { if (location.hash.length
How to refresh/reload a slide out panel (jquery mobile)
I have this slide out panel with a comment form in it, after user submitted the comment form, a "THANK YOU" will appear, the problem is, after I close the panel, and slides it out again for a second comment, the "THANK YOU" is still there! I am expecting to see a new unfilled comment form. How do I have a fresh new original comment form to show up instead of the leftover from previous session? Code: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1">
How can I control the panel dismissible area in jQM 1.3.0?
I finally figured out a couple of things that helped me change the with of a panel. I have a dismissible panel, positioned on the right side and I modified the default width, 17em, and made it 25em. However, when I click inside the panel, within the area of the 17-25em, the panel is dismissed. I could not find any visual element that captures the mouse click. I am inclined to believe that the dismissible area is predefined in Javascript, and does not update after I modified the CSS. Here is my CSS
where is id's necessary in a jqm project?
i am using jqm v.1.4.2, i understand the problem of using element id's in a jqm project because of possible id clashes. but two places i have not figured out to avoid id's. (1) filter input element. because this seems the only way to attach it to a listview. (2) page unless the page is dynamically generated by javascript. it seems to need an id for the $("#" + id).one("pagecreate") to work. otherwise, using a class name $(".someclass").one("pagecreate) first might slow down the whole thing because
How to open a panel inside a centered area?
Hello, i try to let a panel open inside a centered body+page. In my projects the body+page is centered with margin: 0 auto, but in jsfiddle this doesnt work, so i made it with a fixed margin instead: http://jsfiddle.net/5fFGY/3/ But i think you see my problem. I dont want that the panel opens on the very left-edge, i want it to open on the left-edge of my body/page. Is this possible? Thanks
CAN you tell a way for a very big listview get height eg only 300px?
JQM 1.4.2 CAN you tell a way for a very big listview get height eg only 300px? In other words to contain a vertical scroll bar? listview will be search enabled. I wrapped inside the below div the list view - but is it jQm way? <div style="height:300px; overflow:scroll; overflow-y:scroll; overflow-x:hidden; text-align:center; -webkit-overflow-scrolling:touch;">
Right alignment of Collapsible Header with ui-li-count
I construct a Collapsible ListView with the following in v1.4.2 <li data-role="collapsible" data-iconpos="left" data-inset="false" data-theme="a"> <h6> Header <span class="ui-li-count">1</span> </h6> <ul data-role="listview"> ** EditorFor() to create the ListItem with Checkbox ** </ul> </li> When adding the ui-li-count class, the items are incorrectly aligned to the Right, notice the white block. It works correctly when removing the ui-li-count
is there a page back event or something similar to it?
I dynamically create a page. what i want is that when people navigate to another page, this page stays in the dom, so people can go back to it from the other pages. so i set data-dom-cache="true". but when people move back the the page before it, i want to remove the div from the dom. here is an example page1 -> page2 -> page3 i dynamically create page2. on page3, the div for page2 is in the dom. but returning to page1, i want to remove the page2 div. is that possible? or do i need to track all the
PDF support
hallo i have search forum about PDF inapp support but there is nothing newe then 1 or 2 years old post. is there a (new) way in Jquery mobile to view a PDF file inapp without "leaving the web app" ???? thanks
Popup with form text inputs: avoid redraw when onscreen keyboard closes
To reproduce, open a form with text inputs in a JQM popup and click one of the text inputs. iOS will display its keyboard widget, and if that would cover the text input element it will push the screen up to ensure the element remains visible. Now click the iOS keyboard widget "done" button. The screen slides back down to its former position. The JQM popup handles the resulting resize event with a very jarring flash as the popup is hidden and redisplayed. I'd like to avoid that popup flash if possible.
Remove button activeState from collapsible set menu buttons
I have an accordian/collapsible menu in my jquerymobile project and I'm really not liking the default activeState that JqueryMobile applies to it. Is there a way to target certain buttons, accordian titles and other active elements within a jquerymobile page? I tried looking on stackoverflow but only the totalitarian method of removing active state on everything worked, and that's definitely not what I want. The thread can be found here: http://stackoverflow.com/questions/7507099/how-do-you-remove-a-buttons-active-state-with-jquery-mobile
does reload option (or the deprecated reloadPage) in pagecontainer load method have any significance?
i have tried some experiment on this option, it seems that wether it is true or not, it does not matter because everything depends on the attribute data-dom-cache of the page let's say you do $.mobile.pageContainer.pagecontainer("change", url, {reload:true}) 2 situations (1) the page div of url has data-dom-cache=false in this case, reload = true or false, it will fetch it from the server because the page is not in the dom (2) the page div of url has data-dom-cache=true in this case, if the page
custom build download css js problem
i am trying to download a custom version of jqm to save some file size. i have two questions (1) css files i got 2 css files, structure and theme. the theme file seems to be smaller. what do i need? do i need both or just one of them? the download page says i will have a full and a structure css file. and this sounds like the theme file is the full file, but it is smaller. so far, neither worked for me. (2) js file what do i need to include? i just want to exclude table, tab, panel, flipswitch.
cannot dynamically create page and change to it and update hash
i tried to dynamically create a page and change to it, but the hash is not updated. here is what i have done. i am on a page called index.php, then i do var id = "display-page"; $("#display-page").remove(); // just in case it is already there var page = $("<div data-role='page' id='" + id + "' data-dom-cache='true'></div>").appendTo(document.body); // here i put some contents into the page by appending to page page.page(); $.mobile.pageContainer.pagecontainer("change", page,
Next Page