how can i create a button like bookmark with star image along with listview??
i want to create a button or check box with an image along with list view.I have a list of items for each item there should be a image button the image is star,i want to implement a concept like bookmark please help me out
zepto help pls reply
when i click this id="moreOptions" a pop should appear using zepto.js <li id="moreOptions" data-view="offline-more">Testing Options...</li> http://zeptojs.com/#Touch events <header class="app-header"> Header Here </header> <section class="card-body app-home"> <div class='logo'> </div> <nav> <ul> <li id="findAtm" data-view="locations">Find ATM Locations</li> <li id="myAccounts" data-view="login-home">My Accounts</li> <li id="moreOptions" data-view="offline-more">Testing
possible duplicate div.ui-controlgroup-controls being created via controlgroup()
Not sure if this qualifies as an idea or a bug: In debugging an issue we had with the display of controlgroups, I noticed that controlgroup() inserts a <div class='ui-controlgroup-controls'> into the element without checking to see if it's already been added. So if you had a situation where controlgroup() was called twice, you would see funny display formatting. (fwiw, in 1.0.1 there's a check first to see if the heading exists before the div is added.) We saw issues when we upgraded to 1.1.1.
Rating control
Would it be an idea to create a mobile rating control which shows up as 5 or 10 stars?
using $.mobile.loading inside pagebeforechange event
All, I've developed a small app that's capturing "pagebeforechange" in order to update the DOM whenever the user presses a tab. My purpose in capturing and processing pagebeforechange was to allow me to update only part of the DOM (via loaded JSON data from an AJAX call) while leaving the rest of the page untouched. The idea was taken from an example I found on the web where the author dynamically updated their DOM whenever certain URL's were seen in an <a href> element. For the purposes of my very
Smartphone performance
My JQuery Mobile web app is about 56K. I can still take out about 10K in comments and even minimize it further but I would like to leave it in a human-readable form (for my students :). In addition to the 56K of course I include the files: jquery.mobile-1.1.0.min.css, jquery-1.7.1.min.js, jquery.mobile-1.1.0.min.js modernizr-latest.js Will I get acceptable performance on modern smartphones??
Embedded Link in a label for a checkbox input -- Link doesn't work
I want to embed a link in a label for a checkbox input, for instance <li> <input class="custom" tabindex="950" id="agree_pre_terms" type=checkbox name="agree_pre_terms" value="1"> <label for="agree_pre_terms">I agree to the <a href="#terms">Terms and Conditions</a></label> </li> But, clicking the link simply Toggles the input state. Seems this would be a common & tidy way. However, clicking the Terms and Conditions text just toggles the Label. Is there a workaround for this issue ?
Best way to handle session timeout on ajax call
I am testing my mobile website and I noticed that when an ajax call is made it just shows a text message "Error Loading Page". I see that you can override the pageloadfailed method. This seems like the best place to handle it. My question is does anyone have a piece of code for the pageloadfailed that handles the following: hide the loading icon. check the xhr object to see what type of failure it was. If it was a certain error say 401 then redirect to the login page. If it is any other type
Using ajax history with ajaxEnabled: false
Hello, I have ajaxEnable: false (IT architect decision) but one part of my app uses ajax to load the pages because we're using a web service for this one feature. When I hit the browser back button after navigating within the ajax section, it takes me to the previous fully loaded page and not the ajax loaded page I was last on. Make sense? I've implemented data-ajax="true" on all my links within the ajax section, but it doesn't seem to be working. I'm using the basic header, footer and content div
Popup Overlay Slide from Left?
Is there a simple way of having the Popup overlay slide in from the left instead of right? I changed the popup panel css to this: right: auto !important; left: 0 !important; The panel is now on the left (which I want) but it slides in from the right and travels all the way across the viewport to get there. I'm probably overlooking something. Thanks for any ideas.
Slider counter box not showing up down arrows
When I use the slider the up down arrows in the counter box show in Safari and Chrome and do not show in Ipad, IE9 and Firefox. arrows show in Safari and Chrome Does not show in Ipad, IE 9 and Firefox code <input type="range" name="slider" id="slider-0" value="25" min="0" max="100" /> using <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0-alpha.1/jquery.mobile-1.2.0-alpha.1.min.css" /> <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
Ongoing Page Transitions problem
Hi Guys, Can I first start by saying that I absolutely love Jquery Mobile - it's a fanstastic framework for many reasons. I was however, very disappointed to see the new features that were added in version 1.2. It seems that a lot of development time went into these features, which could have been spent trying to fix the page transition problems, which we all know about, so I wont go into. I know what it feels like to pour hard work and enthusiasm into something and then have somebody criticise it,
What data-role="content" do?
Hello, What data-role="content" do? Is it mandatory?
Issues with customzing jquery mobile slider.
Hello, I would like to customise the jquery mobile slider like this : I have already did some changes but i am not to close to the image above, for that i need to move the input slider above the slider line: How can i do that? I will appreciate your help. Thank you. Mona.
Techniques to create a dynamic “Bookmark Us” on mobile devices
Hi, I need to create the dynamic “Bookmark Us” on mobile devices. Is there any code to do that using jquery mobile. I want the similar functionality of the below link for mobile devices, http://flexidev.co.za/dev/code/bookmark/demo.html Kindly help me with the code.
Can I use $.mobile.loadPage() w/out container?
I'm using loadPage() to pull in some data. There's no pageContainer argument supplied and the target page (data-role="page") doesn't have an ID. The code is pretty much this: $.mobile.loadPage(url); By design, JQM appends the resulting page to the current page with the classes "ui-page ui-body-c" where it remains hidden. Are there any selectors I could use that would allow me to reference this new page? The docs said something about a "deferred promise object" but I'm unclear what that means. Any
New response to: Update - I need to add some js to a jqm collapsible element to hide an image and then reshow it.
Thank you very much... I rebuilt my pages using your sample.. from the frame source. Thanks very much for your help. I have a couple of question... no-where did i find written or otherwise that I needed this js script. <script type='text/javascript' src='js/mootools-core-1.4.5-full-compat.js'></script> The sample did not work until I down loaded that js script The other question is why is the javascript and css in a seperate body.... that interested me, I have not seen that done before... it was
zepto
Can you guys tell me whats wrong with this zepto code.. i tried implementing a sample code http://jsfiddle.net/rajkumart08/K9fsw/
Hybrid performance questions
Greetings, Background: I have been working on a Hybrid Mobile application for about the last 3 months. When we first looked at which mobile frameworks to use, I created some initial mockups in JQuery Mobile, Sencha, and Twitter Bootstrap. After seeing the initial mockups in a desktop browser, my customers like the look and feel of JQuery Mobile the best. So, away we went on building the application. When we got to the point of building the native application piece with a WebView for both IOS and
Having an issue with jqm and the jqm.autoComplete plugin.
I'm not getting any output displayed from my autocomplete plugin. According to firebug, I seem to be getting data back from the call to my external php script. I've also tried running my php from the cl and I get the results that I expect. I'm not sure where I've botched things up. Stuff in the head: <script src="../../jquery/jquery-1.7.2.min.js"></script> <script src="../../jquery/jqm.autoComplete.min-1.4.2.js"></script> <script src="../../jquery/mobile/jquery.mobile-1.1.0.min.js"></script>
confirm box causes page to hang with jquery mobile
Hi, We seem to have run into a problem with confirm box and jquery mobile. The following sample code illustrates the issue: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <title>Punkt inventering</title> </head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0-alpha.1/jquery.mobile-1.2.0-alpha.1.min.css" /> <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
How to video,audio file display play in jquery mobile ?
please help me regarding to play and display video and audio file in jquery mobile. i want to play can play all type supported extension.
jQuery Mobile Cascading Dropdown Not Working After Post
Looking for some help...I'm using ASP MVC3 and jQuery Mobile. I've built a set of cascading dropdown select lists which work fine when you first open the page. However, after the form is submitted, it returns back to this page so the user can enter more info if needed. The problem is the cascading dropdown no longer works after you are brought back to the page. I don't see any errors in the console when debugging in Firebug. I have to do a Control + F5 refresh for them to start working again. If
New response to: I need to add some js to a jqm collapsible element to hide an image and then reshow it.
I 'll try to make the problem more clear first the collapsible content has an image shown like this.... (+) and the image is within the bar not like your sample (+) the word image then clicking on the image as shown above the collapsible content is shown like this with a (-) Bar minus the image and the collapsible content below it. Now what I would like to do is when i click on the (-) bar is to restore the image or re-attach it ...back to it's original state and collapsibling the text. I hope
some 1.2 picture popup feature requests
The new popup feature is nice, also for displaying pictures, there are a couple of options I'd like to propose: Option: preload pictures (true/false). I believe that the pictures inside a popup are downloaded once it's opened. That's what I want actually, but others might prefer the pictures to be loaded in advance (along with the page). An option for this would be suitable I think. Option: tap popup itself to close (true/false). To close a popup you either tap outside it or press the optional close
Blinking problem in slider transition
Hi, I am using Mobile jQuery "jquery.mobile-1.1.1.js" with css "jquery.mobile-1.1.0.css" where I am doing a slider effect on swipeleft and swiperight.The effects work good in Chrome browser but when I am trying to do the same on iPad then this effect show some blinking (i.e white blank page effect). Even I have followed the existing forum's "Blinking Promblem" provided solution but am still facing the same issue when doing fast swipeleft/swiperight page change. This is very urgent task that I
Image rotate in portrait
Hi I have 2 pages in my html page. One is listview and another with single image. What I want to achieve is display image always in landscape view. Because image dimension 1000x700 and nothing more on this page I want image take all screen aria no matter what current screen orientation. Is any way to to set for page landscape orientation only in web mobile? Can I rotate image with jquery-mobile when phone in portrait?
phone gap
hi guys, where can i post questions related to phone gap
Swipe Unable To Work With Wix
Hey guys! I'm having a real hard time adding swipe support to this site: http://alteredorange.ipower.com/iPad/widthtest.html I used the wix.com's what you see is what you get html5 editor to get the code, but the code it outputs is pretty wonky as you can see... I've finally managed to add jquery mobile into the site, but am unable to add swipe support. I'm using the function: <script type="text/javascript" src="jquerymobile.js"> $(function() { $('#swipe').bind('swiperight', function(event, ui)
I need to add some js to a jqm collapsible element to hide an image and then reshow it.
I have tried using a javascript to show and hide, but i have failed and this inline function seems to half way work at least in hiding the image... <h3><a href="#" id='loadingImage'><img src="images/services_chart_01.jpg" onclick="document.getElementById('loadingImage').style.display='none';"></a></h3> What i need is the javascript that when the image or the ( + sign) is clicked would then hide the image, and then show the image when the (- sign) is clicked. I am using the jqm collapsible content
DOM cache and active state in persistent footers
Hi, I've been working on an iOS app with HTML5 shelled via Cordova/Phonegap. My app has different HTML files and most of them are listviews with serverside data. Here's the footer I have in all the HTMLs <footer data-tap-toggle="false" data-id="glob_foot" data-role="footer" data-position="fixed" class="x_nav_bar"> <nav data-role="navbar"> <ul> <li><a data-icon="grid" class="ui-btn-active ui-state-persist" data-iconpos="top" href="3.html">Brands</a></li> <li><a data-icon="grid" data-iconpos="top"
sharing photos on facebook
hey everybody! I'm using phonegap to developer a simple app! It's possible I shared a photo using jquery?! I mean , I take a photo and press 'share on facebook' , then my photo will be post on my wall ^^ I just find 'share on facebook' using the url: www.facebook.com/sharer?u=ulr_of_my_photo.jpg thx all :)
I would like to know how to hide the image once it is clicked and the text is shown.
I have been able to solve the question of hiding the image by modifying this line: <h3><a href="#" id='loadingImage'><img src="images/services_chart_01.jpg" onclick="document.getElementById('loadingImage').style.display='none';"></a></h3> Now that the image is hidden and the collapsible content (text) is being shown and the bar show a (-) minus sign: How can I reinsert the image back when I close the content being shown by clinking on the (-) minus icon. ----------------------------------------------------------------------------------------------------------------------------------------
Filling a full page in JQM
Hi, I am using phonegap on Android 2.3 with JQM, and trying to set a login page, with a blue background that fills the whole page. My problem is that: when using data-theme="b", only the part that contain content is colored in blue. The empty part of the page , is showing a grey gap. I was trying many tweak with: 1. CSS 'min-height' property (style="min-height:100% !important;") with the page div, and each of its sub divs. 2. Javascript solutions I found on the web.... 3. Setting the header & footer
Images in select menus - JQM
Hi, I would like add images to the select menu. Is it possible? Now I have this code in css file .AFG{background: url("flags/af.png")5px 50% no-repeat;} .ALB{background: url("flags/alb.png")5px 50% no-repeat;} //next classes in html file <label for="select-choice-0" class="select">Select:</label> <select name="select-choice-0" id="select-choice-0"> <option value="standard" class="AFG">Afghanistan</option> <option value="rush"
Device back button only return to the initial page (using Phonegap with JQM)
Hi all, I am using Phonegap with JQM multi-page setting on a nexus-1 with Android 2.3. I have 3 pages - 'page1' (the initial loaded page), page2 and page3. When traversing from 'page1' -> 'page2' -> 'page3' for example, and hitting the device's 'back' button - I get back to 'page1'. (logically, I would expect to go back to the last page I was in - 'page2') The traversing order doesn't matter really, it seems as if the only page that is kept in memory, is 'page1' (the first page in the document).
Wrong Orientation on Samsung Galaxy SI and SII
on Samsung Galaxy S1 and S2 the orientation reported by jQuery mobile is sometimes inverted. Mostly when the browser cache is cleared before WebApp start, the device reports a window.innerHeight of only 229px, if the orientationChange event is triggerd in document.ready(). So "initial_orientation_is_landscape" evolves to true and the "portrait_map" is inverted in jQuery mobile... is there a possibility/workaround to force these Samsung devices to report the correct window.innerHeight in document.ready()
android transition
I have a big problem when I change page on browser application on android: I have a index page with a list like this: <li><a href="./mobile.p1_ener.html" rel="external">P1 Energy</a></li> <li><a href="./mobile.p1_heat.html" rel="external">P1 Heating</a></li> <li><a href="./mobile.p1_ligh.html" rel="external">P1 Lights</a></li> after loaded the index page o press to one of this link and "browser" load the new page and it work fine. in all sub-pages I have, on to
Single page or multi-page template?
Hello! I am developing an app that contains almost only text and links. The app will after some time have 200+ pages with a maximum of 250 words per page. What i would like to know is if you will suggest me to use the multi-page template that will allow me to have all these "pages" in one document and therefore allow me to change the template++ with "replace all", or will this make the app slow? If so, are there any other options that will allow me to have this amount of pages and the ability to
jQmobile Localization and Internationalization - ?
Am looking at what is available for automatic translation of jQuery Mobile objects from a default language to the local language. Have found the following: jQuery UI - Distributes a number of jQuery objects pre-built into various languages. Not only is this limited to the specific supported jQuery (not necessarily jQuery Mobile) objects, it also seems to me rather cumbersome having to custom build objects for download. jQuery Mobile (and other javascript) plugins - About a year ago there was a spate
Next Page