how to create a basic unordered list displaying bullets
Howdy, I've seen posts for this elsewhere, but the suggestions are not working for me. I need a basic <ul> that displays the <li> with the standard bullets. Here's what I've tried... I placed the mobile.ignoreContentEnabled = true in the head... <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Webmail</title> <link rel="stylesheet" href="../../css/themes/default/jquery.mobile-1.2.0.css" /> <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
jQuery mobile loyalty program feature
Hi, I'm looking to create a mobile site with loyalty program e.g. coupon and punch card type feature. Can anyone help please? Does jQuery has this feature or other plug-in or third party plug-in? Thank you in advance.
[SOLVED] opt.appendTo($("#s1")).text(val) - further modifications within this line
opt.appendTo($("#s1")).text(val); I wonder if this text(val) being a string of text variables extracted from an array could be replaced by a formula still in this line, or if the code needs to be exploded to separate chunks first. What i want to do is take this string and do the following: chayn=text(val) cutted=chayn.split("|"); singl=cutted.slice(0,1); and it is this singl that would be appended as an option to #s1 field. so i end up with something i already know to be not accepted by js,
When opening panel current position on page is lost
When opening panel current position on page is lost. 1. Goto http://jquerymobile.com/test/docs/panels/index.html 2. Scroll halfway the page to section "Opening a panel" 3. Click the "Default panel" in this section Result: panel is opened but calling page is back to top
Back button randomly dissapears from JQuery mobile header after adding content while using the 'data-add-back-btn=“true”' attribute
Hello, I'm trying to do something which seems really simple -- putting a back button on a few pages of my JQuery mobile site using the native 'data-add-back-btn="true" attribute on the page div. However, it's having behavior that can only be described as sporadic: some times it's on certain pages and sometimes it's not. To clarify what I mean, I will open a sub-page (I'll call it 'resources') via a navbar item in the home screen, then open yet another page (I'll call this page 'counseling') from
animated addition to listview
i got ios like swipe delete http://andymatthews.net/read/2011/02/18/Adding-iPhone-style-swipe-to-delete-button-to-a-listview-component-in-jQuery-Mobile which is very good. is there any similar item add with animation developed in jqm ?
Single page app with require.js and knockout
Over the last few weeks I've tried to figure out what is the best way to develop a app with jQuery mobile & Cordova/PhoneGap. So far I plan to use the following tools and libraries: - Knockout.js for MVVM - Require.js for managing all scripts - jquerymobile-router for routing Thats what I've come up with so far: index.html -> loading all the scripts and the start page views/ -> all the views models/ -> all the (view)models On a request, I use preventDefault() in the router configuration to prevent
Submit button wont fire in different browsers
In Firefox and Chrome the submit button won't fire when I have the tags like this <table border="1"> <form action="ff_meal_edit.php" data-ajax="false" method="post" name="edit_meals" id="edit_meals"> </form> </table> But it will fire in IE. However when I switch the tags like this: <form action="ff_meal_edit.php" data-ajax="false" method="post" name="edit_meals" id="edit_meals"><table border="1"> </table> </form> The reverse is true. Does anyone know why? I am using the latest version of jquerymobile.
My Android app built with jQueryMobile (video)
http://t.co/lSkKAdT
page transition flicker in android 2.2
Hi in android phonegap app i used jquery mobile.When i move from one page to another page i used page transitions and its working fine in android 4.0 but in android 2.2 i am getting white screen before page 2 is visible.Please guide me to solve this. Here is my code from page1: $.mobile.changePage("page2.html", { transition: "slide"} ); Thanks in Advance.
jQuery Mobile - download and installation
Hi, I'm new to this. Can someone direct me to how to download and install the jQuery mobile for mobile web app design. Thanks. Oh, can I host this platform with any hosting companies e.g. Go Daddy? and what files do I need to download? and what files do I need to upload to the hosting e.g. Go Daddy. Thank you so much. Andrew.
jQuery Mobile that does not allow the link to be clicked at all and just checks the box
Hi all, i am trying to add a check box and a link . Can any one help me in this issue <div style="position: relative;"> <label for="agree"> <netui:checkBox dataSource="actionForm.acceptTerms" defaultValue="false" /> i agree <netui:anchor href="http://abc.com/Terms_and_Conditions.pdf" target="new window" value="">Terms and Condition</netui:anchor> as published on website www.abc.com </label> </div> the problem when i click on terms and conditions link checkbox is selected.
ListView Problem
Evenin' all. I'm new to jQuery but have some html experience. I'm having a terrible time with my first try at jQuery Mobile making a simple mobile website. My problem is with ListView. I have struggled all day and can't find any problem with the code, but that doesn't mean I couldn't miss it. What happens is I'm trying to start with a simple 4 page site (Home, About Us, Chapter Staff, & Event Calendar) and when I try to use the ListView to navigate to the pages the only one that works is the About
append and instantly display a message to select option
http://jsbin.com/azipok/2/edit this piece of code does the trick of clearing up the option list of select menu and adding a "test" message, but this message becomes visible only upon dropping down the select menu. is there a smart way to make this "test" message display and replace the "no modules..." text upon clicking the button?
loading external files in ios web app
Since jquery mobile does not allow loading multiple page external html files with ajax, is it possible, through javascript, to perform an external load of a file but keep it in the ios web app view and not launch safari?
dialog background issue 1.2.0
Hello. I will try to make myself clear, but I am not a native speaker, so please bear with me. Facts: 1- On a single page app, which I have been developing for the last several week, I have a login dialog, as a div with data-role="dialog". I open using js and a call to changePage. All has been working wonderfully so far. 2- I use the swatch "a" the problem: Since 2 days when I open the dialog with changePage, the overlay is completely white. (instead of dark) What I have done A: I narrowed
Single Page Template: Without data-ajax="false" menu does not work
Hi Folks! I am using a single page template. When content gets loaded by ajax (default) and later on the menu is being opened again, the temp div gets removed and the old content is being showed again. Any ideas whats wrong about my template? Check: http://ininet.de using a mobile device P.S. swiping left/right shows the menu. after loading a page by ajax the swiping stucks as well... THANK YOU!
implementing a JSON feed
how do I implement a JSON feed in JQuery mobile. I have a JSON feed coming off countyfairgrounds.net but don't know how to import it to work in jQuery mobile. Is it hard to do?
Survey Apps using Jquerymobile
We are running a website we want Polling in our site. if there is any Developer who works on these apps we will pay and use that plugins?
Best Practices
Hi Guys, Im learning JQM and playing with Parse.com to make a customer database. This is the starting structure of my code which is working but I just wanted to ask if im doing things correctly at the moment or if anyone can give me some tips... <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"
Testing Layout and launches as desktop browser.
http://precision-counters.com/m.index.html I just posted this on a site i am running to test it on my iPhone as i do not have an ios emulator and it launches as a desktop browser. Works fine in Dreamweaver and on my desk top browsers. Any help would be great. thanks p.s. i am a novice at all coding.
$(document).ready() for certain situations?
I have a site where I need to send outbound clicks to open in a new window (yes, I generally understand this is not the recommended behavior.) The way I have it set up now is using $(document).ready() because if I put it in pageinit it binds multiple times as you're navigating pages in the site. $(document).ready(function(){ $('.block').on('tap', 'a[data-outbound=true]', function(event){ window.open(this.href,'_blank'); return false; }) Is there any reason this is a bad idea
Loading page in 1.3.0
Hi. How do I modify this code or where to add (example taken from starting guide) to show a loading page: I just added a link to page2.php in content section. Thanks <!DOCTYPE html> <html> <head> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile-1.3.0-rc.1.min.css" /> <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile-1.3.0-rc.1.min.js"></script>
Fixing the first column of a table
Hello everyone, I've been looking for a nice solution to generate a table which has a fixed column. Although I found some libraries, it did not well work. I already know DataTable and some famous libraries; however, it doesn't work for mobile devices. Could you please answer to my question?
google analytics for jquery mobile 1.2
Greetings, I'm looking for the definitive answer for using google analytics in jQuery Mobile 1.2. I've tried all of the usual suspects out on the web, but none seem to be working. It would be great if this were posted somewhere within jQuery Mobile content, if it is please point me that direction. Thanks so much for any help. Here's what I have that's not working: <head> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'MO-XXXXXXXX-X']); _gaq.push(['_trackPageview']);
(jqm 1.3) keeping the panel visible/ static across pages
I'm looking forward to using the panel as part of my UI design. It's simple, but it's beautiful. The panel functionalities however look limited. For example, if I wish to navigate across pages, can the panel remain unmoved? A similar functionality will be the static header, which does not move when navigating across pages. If there's a way to do this, do share.
jquery mobile button extending off page dimensions
I have a mobile website I have been building and the buttons are extending off the page for buttons with longer text. I have noticed when I used the built in columns in jquery mobile, it auto truncated buttons who's text would other wise have them extend past the page width. It did this by having the button text just have "...." at the end where it needed to cut it off. Because of how my page is for formatting I did not want to use the double or triple columns for my page as I wanted the buttons
Textboxes behaving weird and can't obtain value (1.3.0-rc1)
Every time you click inside a textbox it creates a sibling input element. Also, the initial textbox's value is never set. Recreation Steps: Go here -> http://jquerymobile.com/demos/1.3.0-rc.1/docs/forms/textinputs/ In Chrome or Firefox, right click the first textbox and choose "Inspect Element". Now left click inside the textbox repeatedly. You will see that every time you click, an input element is created. Also, the initial textbox never has its value set. I did not notice this bug in version
(jqm 1.3) how to keep the panel visible at load?
Hi all, I searched the documentation, but there's no mention of having the panel show at page load. Is this possible?
how to implement SCORM standard?
I created an application with HTML5 using j Query mobile... I want to make it comply SCORM standard so that it can communicate with any LMS... How to do so? Help me with your answer... Thanks
Is there any wysiwyg editor which can be used for jquery mobile for touch devices
Hi, I need to add a wysiwyg editor in my jquery mobile layout. Is there any good wysiwyg which can be used in jquery mobile layout. Thanks in advanced. Zahid
(jqm 1.3) How to change the width of the panel?
Has anyone tried the Panel feature in 1.3? I'd like to make the panel wider: say to 1/3 of the screen width. I tried overriding the .ui-panel width style, but the slideout delta remains unchanged (ie. the content div slid by the same amount). I do see that the panel width itself has been altered as per my style settings, because the shadow effect is gone. I notice with interest something similar: http://jquerymobile.com/test/docs/pages/popup/popup-panels.html But it also uses the width style. Am
Chrome do not handle $ajax based jquery mobile single page navigation model
Hi, I'm an entrepreneur from Madrid working on a social startup. I'm using jqueryMobile framework + phonegap to develop an app. I'm dynamically injecting pages using href="" into the DOM but it seems that Chrome do not handle $ajax based JM single page navigation model. I get an error loading page message and this error from the tool developer console while clicking on the navMenu: XMLHttpRequest cannot load file:///C:/git/app/myapp/assets/www/html/page2.html. Origin null is not allowed by Access-Control-Allow-Origin.
Need to click on div and show the panel
Hi Need help on this one. I want to click on the box and then show a panel kind. But i am getting both divs. I am not able to get slidedown functionality.Please help. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>pal.html</title> <meta name="generator" content="BBEdit 16.0" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
Collapsible sets (accordion) nested question
I am implementing the collapsible set into a page of mine. The simpliest code is <div data-role="collapsible-set"> <div data-role="collapsible" data-collapsed="false"> <h3>Section 1</h3> <p>I'm the collapsible set content for section 1.</p> </div> <div data-role="collapsible"> <h3>Section 2</h3> <p>I'm the collapsible set content for section 2.</p> </div> </div> What would I need to add to have a nested collapsible set....for example, in Section 2 - so I can have an section 2.1, 2.2, 2.3 (and my
Sliders: how to hide the slider, leave only input field visible?
Wondering if that's possible?
iphone 5 and dialog problem
hi all, I have 2 separate problems related to my phonegap app. 1. I created phonegap project from cordova 2.1 when i test in iphone 5 (bigger height device) i see blank spaces on top and bottom. how to fix this ? if it is resizing for ipads why it is not resizing for iphone 5 ? I inspected the nib file, there is no way to resize the view controller ! and autoresizing masks are also not editable ! 2. I have a dialog as first page [I chose dialog because i dont have much content]. it appears on top
publishing mobile app to hosted website
Hi, I was asked to create the mobile version of a website that's already hosted. I'm using the multi-page approach (several pages in one file), Now when the links to the framework's css and js are at the top as they should be. My question is: - do i need to name my mobile html file "home.html" just like the main page (normal website) that is already hosted? - do i need to add the framework and css references to the files that are already hosted (normal website) or they only need to be on the mobile
Error: cannot call methods on loader prior to initialization; attempted to call method 'hide'
Hi, I have a problem with my new application. I try to develop a MVC APP. I'm using JavascriptMVC to do most of the stuff and combine it with JQueryMobile. First I want to inject the different pages dynamically. Everything looks good. My controller gets the view and put the html into my page. But after that I get an error: Error: cannot call methods on loader prior to initialization; attempted to call method 'hide' Do anybody have an idea, what's my mistake. Thanks Sebtra Ps.: If you need my source
jQueryMobile prevent device switch off - Web Audio API
Hey everyone, i am currently developing an application with jquerymobile for iOS (& maybe someday Android). It is a simple app: By touching a button in a simple popup it starts to play different sounds in a loop with the html5 web audio api (e.g. touch -> sound1 -> sound2 -> sound3 -> sound1 -> sound2 ...and so on...). The problem now is when you turn off the device (iPhone) or close the app with the "home" button the sounds stops to play (or the javascript stops?). When you turn the device back
Next Page