how define a initial page programmatically?
hi all.. how yours usually set your's initial page in an application with several pages?
Theme Roller and no gradient
Themeroller generates a gradient for every bar and body whether you want one or not. You can set the start/end to the same, but that doesn't seem like a very good solution. You get a bloated CSS file with unnecessary background-image: lines, and it might result in unnecessary work when rendering the page. Does anyone know what common browsers do with this? Are they smart enough to just ignore this, or will they actually create a background image with a solid color? This seems awfully wasteful if
JQM external links on desktop browser pages
If the user is viewing the jquery mobile page from a desktop pc browser, and I add target="_blank" in addition to the rel="external" will JQM simply ignore my target tag on mobile devices, and use it on desktop browsers? Or if there is a better way I should go about it, I'm all ears. I have to update 50 external links all at once and want to make sure I do it the best way the first time. Thanks *Break through the ice and never look back*
jQuery Mobile bug when navigating back to page with iframes
I believe I've found a bug with iframes in jQuery Mobile Issue: My site uses jQuery Mobile. I am using iframes to serve ads on my site. Someone recently noticed that if a user clicks an ad (leaving my site) and then hits the back button to return to my site, then the ads, or specifically, the contents of the iframes serving our ads, get a bit jumbled. If I look at the DOM, I see the src of the iframes are correct, and pointing to the url I would expect, but the html within the iframes is flip-flopped.
Not rendering correct size
Using code.jquery.com link for my css and js. The app runs, but on my mobile device it is rendered so small as to be unreadable... ideas?
JQM Form Post Back Button Doesn't Navigate Browser History Properly
I'm having an interesting issue in jQuery Mobile (JQM). You should know beforehand that I have a single-page template setup (separate pages) setting the following global configuration options, largely with the goal of turning off ajax and the jQM hash navigation system. $.mobile.ajaxEnabled = "false"; $.mobile.buttonMarkup.hoverDelay = "100"; $.mobile.defaultPageTransition = "none"; $.mobile.hashListeningEnabled = "false"; $.mobile.pushStateEnabled = "false"; $.mobile.loader.prototype.options.textVisible
Ever-decreasing screen real estate with dom empty / append
Given a jqm 'page' containing some already-enhanced elements.... If I clone and store the 'role=content' portion of the DOM, empty the div, then restore the cloned DOM snippet, the usable 'content' area decreases in size each time (or the margins / padding keep increasing). jsbin here Am I doing something wrong ?
How to apply custom CSS using jQuery onto a mobile web application
Hello, I have created a mobile web application using MVC 4 Mobile web template. I am unable to apply custom CSS to even a simple <h6> or <div> tag. I have a custom CSS file in the content folder. I tried the following: 1. Adding the custom CSS file to the existing ~/Content/css bundle by giving the following: bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/MyCSSFile.css")); 2. I also tried creating a new bundle: bundles.Add(new StyleBundle("~/Content/MyBundleCSS").Include("~/Content/MyCSSFile.css"));
How do I code a layout in a box?
So my idea is to have my "app" running in a rounded rectangle that sits on a background image. I want it to expand so it's say 20px from all 4 edges of the window but the content of the "app" inside may need to scroll vertically. I'm designing for an iPad but it needs to work in modern browsers at higher resolutions too. What's the best way to do this?
how to get address of new jquery versions in dreamweaver
hi i have updated my jquery versions in mu dreamweaver folder to new version and now how can i get the address of new codes in dw cs5.5 thnx http://www.scripters.info
HTML 5 iPhone 5 support question
I know this really isn't a jquery mobile question. But I haven't really found any good forums to ask my question on, and my site does use jquery. So maybe there is a solution I can use in jquery to my problem. My site is fairly simple jquery mobile and php based. The site works fine on iphones. However with the release of the iPhone 5 I have noticed an issue. Previously my site used the following code: <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0,
Multiple-Select change event after popup close
Hey everbody. I just started using jQuery Mobile 1.2.0 in a small project. I am using 4 select boxes with multiple option activated and native popups disabled (I like the fancy ones of JQM). If the elements on the first box are selected, I dynamically populate the second box and so on. Currently the behavior of the JQM select is to update the original select as soon the item is selected. It is quite a bad idea to start an Ajax request on each item selection to update the second box. It would be
What does this mean? "transition performance can be poor on upgraded devices"
So I am looking at the docs for 1.2 and I see on the A grade devices about the transitions etc, anyhow under android 4.0 I see this note "transition performance can be poor on upgradeddevices" but I am not sure what this means?
Possible problem/bug with jQuery Mobile and position:absolute on some mobile devices
Hi there, I've been running in a problem on a Samsung Galaxy S3. Apparently the combination of CSS "position: absolute;", "top: <X>px;" and jQuery Mobile causes some problems on this device (and possibly on others as well). Sorry for the wall of text, I want to describe the problem as best as I can. Longer description of the problem/error/bug(?): A user reported that he could'nt type anything in the LogOn-form. If he selects an input field and begins to type it wont accept (and show) characters from
Has anyone found a workaround for issue 4113?
https://github.com/jquery/jquery-mobile/issues/4113 Here's the demonstrated behavior on JQM 1.2.0: http://jsfiddle.net/6ghtb/6/show/ Just put focus on Label 10 and scroll down. Has anyone found a fix/workaround for this?
Page Transition Queue
Currently multiple link clicks are queued and fired sequentially, but i want to disable this behavior. So, how do i clear the page transition queue before the following function is executed: function releasePageTransitionLock() { isPageTransitioning = false; if ( pageTransitionQueue.length > 0 ) { $.mobile.changePage.apply( null, pageTransitionQueue.pop() ); } }
Single solution for IPad,Mobiles and Desktop using ASP.Net MVC4 ,Jquery Mobile and HTML5
Hi, I'm looking out for a solution that can be used from desktop,mobile and IPad. Here I want to use single solution with different presentation for all 3 devices. After searching I come to know that this can be achieved by using ASP.Net MVC4 ,Jquery Mobile and HTML5. Here I want to know following: 1.What all software I require to install to start on ASP.Net MVC4 ,Jquery Mobile and HTML5? 2.How much HTML 5 is involved in this solution?Is it required or alone JQuery Mobile can solve the purpose? 3.What
navbar button highlighted
So I have the following navbar code: <div data-role="navbar"> <ul data-inset="true"> <li><a class="ui-btn-active ui-state-persist ui-btn-corner-tl">a</a></li> <li><a>b</a></li> <li><a class="ui-btn-corner-tr">c</a></li> </ul> </div>This navbar is on a page inside a document with multiple pages. So when I browse to the page with the navbar above on it, and click on the c tab for example, then press the back button, and enter this page again, the a and
Jquery multipage with django
Hi, Using django with jquery populating links like. <a href="#popupItem{{ item|key:'ITEMNUM' }}" data-transition="pop"> and populating pages using. <div data-role="page" id="popupItem{{ item|key:'ITEMNUM' }}"> I cant get this multi pages working for me. Everything seems to be fine, produced links is looking like. /sale/detail/02_O1_00000036#popupItem10 and appropriate pages are created. if I copy and paste the source html into a seperate html file, it works fine. But then, produced links differs
JQuery Mobile Selected List Item
How do I go about creating a listview with a selectable item as shown in this screen shot: http://awesomescreenshot.com/07di8jff8 Say I am starting with the following listview definition, what attribute am I missing to make it look and operate as what's highlighted in the screenshot? I tried a combination of attributes in the online doc, but without much luck. Any help is much appreciated. <ul data-role="listview" data-theme="d"> <li><a href="a.html">Option A</a></li> <li><a href="b.html">Option
How to show loading with overlay
I want to do some ajax stuff, and use $.mobile.showPageLoadingMsg when processing, how to show loading with overlay, I don't want to let user click the document when ajax happened.
Double Tap causes selected button state
running within phonegap, whenever a button/listview item is double tapped the element sets its selected state. any ideas? regards, Chris
Popup Question
This is apropriate for this forum actually. Hi, popup is simple is to use. <a href="#popupBasic" data-rel="popup">Open Popup</a> <div data-role="popup" id="popupBasic"> <p>This is a completely basic popup, no options set.<p> </div> What if u have a list view and many record in there. imagine u have like. sale/01_000001_10 sale/01_000002_20 sale/01_000002_30 links like this and when one of them cliked u want to call a link looking like this. sale/01_000001_10/confirm sale/01_000002_20/confirm sale/01_000002_30/confirm
Why taphold does not have pageX, pageY and other coords?
I've tried versions 1.2.0, 1.1.1, 1.0.1 on android 4.1 native browser and chrome. Do i miss something or that taphold event is not implemented yet?
My Solution for transition flicker and blink on iPad
Hi guys, I searched for a solution to fix the blink or flick the page after a transition. I found a code that fix the problem but at the same time broke my layout. My intention is give more option to fix this problem. Fix on css that not worked for me. #container { position: absolute; width: 100%; height: 100%; } Actually this fix should be work but my webview has a column on left so, the width can't be 100% and the orientation change broke too. So I did this fix using the Page Events.
$.mobile.changePage not working with phonegap android emulator
Hello, I've posted the following http://stackoverflow.com/questions/12796742/mobile-changepage-not-working-with-phonegap-android-emulator. I'm not sure if my fix is a possible solution or not. ps: Should I copy all the content here?
swipe become slower when number of <li> in listview increased
Hello, I created a carousel with swipe.js , it works fine in iOS4 and iOS5. But in iOS6, without acceleration of hardware, when we swipe, there is a lag that can not be accepted. In html code, we have a carousel list and a normal listview, it seems if there are more elements in the listview, the carousel swipe will be slower. and they are two elements independent. Here is html code <div id='slider' class='swipe' style='width:250px'> <ul> <li style='display:block'><div>1</div></li> <li
dynamic jquery radio buttons using.html() not rendering.
I am trying to make some dynamic jquery mobile radio buttons by rewriting a div's html. My app retrieves data every few days into a txt file that is stored on the phone. Is uses this text information to rewrite the number of radio buttons that are choices for props to use in the game. The code written by the function below works fine when the output is pasted in manually and the page is restarted, but when I run the function from the click in the first radio button it renders as standard html with
Header toolbar partially hidden by iphone status bar
My app's header toolbar is partially hidden under the phone's status bar (see attachment). It might have started acting this way since we upgraded to 1.2. Anyone else experiencing a similar problem?
JQM 1.2 - Min Height Improperly Set?
iOS Simulator (iPhone 4S) iOS 6 JQM 1.2 Using the "getting started" boiler plate code below, min height for the data-role="page" is being set to 416px, which leaves a small 4px gap at the bottom. Does anyone have an idea why this is happening? How to fix it? <!DOCTYPE html> <html> <head> <title>My Page</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <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>
Need Suggestions - PhoneGap & Remote Data - iOS
Hello all, I am creating a native iPhone app with jQuery Mobile and PhoneGap, most of the pages are static and will rarely be updated. When they are will be done so in an app update. However some pages need to pull remote data from my website which uses wordpress. This data is a simple table of price comparisons of products (for now). Current setup: App connects to a particular page using JSON. Pulls HTML content (which is a table) from a custom_field called 'NativeContent'. Displays in the app
Compare JQM 1.1 with JQM 1.2 for the same APP here
I been working on my web app for more than a year and today I will like to show you the results. Also this is an oportunity to see the changes from JQM 1.1 to JQM 1.2 as we actually have 2 web apps ¨online¨, one that is stable , and one where we test and run new ideas and improvements. You can see a ¨stable¨ version example at: http://m.futbol.com.ec/tournament/espaa/liga-bbva with JQM 1.1 and the same page but with JQM 1.2 at: http://www.futbol.mn/football/tournament/espaa/liga-bbva As new versions
Position button (image with no next) inside header (background image)
Hi, the problem with button with image and no text is the size / shape of the button is a 9px circle regardless of the size of the image. I was able to make it work by overwriting sizes in ui-btn size, but it does not scale (i cannot define button with other sizes). Is there a better way than the following? <div data-role="header"> <h1></h1> <div style="position: absolute; top: 0px; margin-left: 540px;"> <a href="#two" data-role="button" data-transition="slide"
jquerymobile generic photopopup
Hi I'm new at javascript. I have many images on my mobile page and would like to adapt the following jquerymobile code to allow it to be used without hardcoding the image path in the data-role="popup" div. Here are the two parts to the code. The first section is used to display a thumbnail that when touched displays a lightbox with a higher res picture: <a href="#popupPhoto" data-rel="popup" data-position-to="window" data-inline="true" data-transition="fade" ><img class="v100col" alt="equinox"
Reload google map API in a popup
Hi all, I've an issue with a popup, I load in a google map, but when I click for a second request , the google maps isn't refresh despite I use google.maps.event.trigger(map, 'resize'); My code is : var geocoder; var map = null; function initialize() { geocoder = new google.maps.Geocoder(); var latlng = new google.maps.LatLng(-34.397, 150.644); var mapOptions = { zoom: 12, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP } map = new google.maps.Map(document.getElementById("map_canvas"),
pdf
I'm posting a link to a pdf file but when I click it then it comes up as a webpage that says 'undefined'.
Google map with multiple directions
Hi Allhow can i get Google map with multiple directions: like i will first search for chicago then India then Pakistan so, now my map should fetch me the directions 1) from Chicago to India 2) from Chicago to Pakistan Hope you all have the understanding, Thanks For your help
controlgroup full width?
Upgrading to 1.2.0 breaks controlgroup. I want this example ( http://jsfiddle.net/pAuqm/1/ ) to work in 1.2.0 with 1.8.2 Alternatively, inset navbar with rounded corners. Any ideas? Thanks, ///johan
Input type Image will loose its POST data
Hello, Thank you very much for the fantastic work on jQueryMobile. Unfortunately, I am encountering a strange behavior with input type="image" on my pages. I am using a tier application which creates dynamically pages depending on contect, something like a wizard. This tier application will let me apply Html templates so I can add reference to jQuery an jQueryMobile js and css: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.css"/> <script type="text/javascript"
Collapsible menu in the header (mobile web development)
Relative newbie at work here, so keep that in mind please. I am wondering how I would go about implementing the collapsible menu in the header at work in the following website: http://www.fcbarcelona.mobi/?lang=en# As you can see, the menu collapses below the header when clicked/touched on a mobile device. Is there alternative way the menu could drop down? Is this considered a good feature to have on a mobile website and if no, what are the better/most popular alternatives? I am working with Dreamweaver
Next Page