No javascript work after coming back from an internal link
I have a main page which has an authentication control after loading as bellow $(window).load(function() { $.post('php/login_control.php',function(data) { alert(data); if (data =='notlogged') { window.location = "logindialog.htm"; } else { var greeting = "Hosgeldin " + data; $("#allcontent").text(greeting); } }); }); after I give my password on the second page "logindialog.htm" and the authentication is completed as bellow $('#loginok').click(function
Why Collapsible headers don't stretch to full width?
I cannot understand why this fails, but the collapsible headers appear with a plus and labeled on buttons as opposed to full screen wide bar/button. Anyone know why? I have played using the examples listed on http://api.jquerymobile.com/collapsible/ but no matter what, I get the same results both on iPad2 safari and my laptops Firefox21. I can confirm my CSS is properly loaded because the theme's colours are fine. jQueryMobile library must also be loaded since the click event opens the underlying
jQueryMobile website very slow...
Sorry for the intrusion but... I'm in Germany, my internet connection is fine and my quad core, 8Gb of RAM is at best under a light load. Attempts to connect to Google, FT, BBC, jQuery.com or jQueryUI.com are all fine and promptly respond, but connecting to http://jquerymobile.com/ is slow. The home page initially started to display after about 17seconds - and full load finished after a total of 22 or more seconds. I have used Firefox v21 and Chrome - results are the same. If any of the web admins
using rel="external", data-add-back-btn not working
'<li><a href="?no=1234#detailpage" rel="external">title</a></li>' when i go detailpage, data-add-back-btn="true" is not working. invisible help me~
Open link as external without leaving the iOS Standalone mode [SOLVED]
Hi all! I have two (or more) jQM apps that I want to integrate in one iOS Safari WebApp in stanlone mode (chromeless browser). One app is in index.html, the other in index_ld.html. I want index_ld.html to load completely from scratch (no Ajax link). Every method I tested here: http://jquerymobile.com/demos/1.2.0/docs/pages/page-links.html under "Links that will refresh the page" (I want the second page to reload all the content), opens the link in iOS Safari, leaving the standalone mode. So far,
pagenavigation
Hello, while doing page navigation in jquery mobile its working fine but page is navigated only after refresh. Can anyone tell me how to solve this.
Ajax form submission with partial page reload?
I tried the ajax submission example which is pretty neat, but it seems replace the whole page with the return value. is there anyway to just replace part of the page? there is no document about this... http://jquerymobile.com/demos/1.2.1/docs/forms/forms-sample.html Thanks!
Android 4.0.3 issue: "Back" button disappears
This issue happens most on HTC devices with Android 4.0.3 platform. I have created an easy app by using jQuerry mobile 1.3.0 with 3 simple pages (1), (2), (3) and "Back" button on it. To surf that pages I'm using this function: <a class="ui-link-inherit" href="#" onclick="changePage('index1.php')" data-transition="slide">Example 1</a> function changePage(page) { $.mobile.changePage(page, { changeHash:true}); } So, when I open that pages one-by-one and get to the last page (3), then I click "Back"
showPageLoadingMsg not showing when i remove alert
when i add alert along with showPageLoadingMsg, both are getting loaded. but when i remove alert showPageLoadingMsg showing. could any reply on this? $.mobile.showPageLoadingMsg(); alert('loading'); code $(document).on('pagecreate', '#filterPage', function(){ //$.mobile.showPageLoadingMsg("a","Loading..."); currentDate=06/18/2013&filterID=-1"; var currentDate = {}; currentDate['currentDate'] = '06/18/2013'; currentDate['filterID'] = '-1'; $.ajax({ type: "POST", url:
Button should not retain "selected" appearance after click
Hello. I want a toolbar with buttons that are not toggle actions. Looking at the examples on http://api.jquerymobile.com/button/ it seems that each button (eg in "Horizontal grouped buttons:") after its clicked retains a different appearance (until a different button is pressed). This is like the behaviour of a tab bar..some button is always "active". I dont want this. I want the buttons to be independent and look the same after the click as before (that they look different during the click is good).
jquery widgets on touch devices
Dear all, I am in problem with jQuery widgets. I have to use Swappable or sortable widget in my mobile device but it is not working with touch devices. I used "touch-punch.js" It was working fine but failed with "jquery.ui.swappable.js" plugin. so, basically do we have any way that we can use "jQuery widgets" into touch devices. Please if any confusion feel free to reply, I will explain. Thanks all !!!
Problem with updating data-icon when clicked
Hello all, My experience with jQuery (mobile) is limited, but I'm learning! I can't get something to work. When I click on the word menu, I want a panel to open. That works. But I also want the data-icon to change from arrow-r to arrow-l. That I can't. I hope someone can help me with that. Here's the code I already have: <div data-role="panel" id="mypanel" data-position="left" data-display="push" data-position-fixed="true" data-dismissible="true" data-theme="b"> <a href="#open-menu" data-rel="close"
Time out page if looses focus
Hi, I am working on a html5 app that displays medical information using jQuery Mobile. To be compliant to medical standards the information on the page needs to "go away" if the user leaves the page. So no one can pick up the phone and view someones medical info. What we want is if the user leaves the page and comes back in say 30 seconds the page stays. After longer than 30 seconds we load a blank page. I tried using window.blur and window.onfocus and it works great in chrome on windows 7, but
jQuery slide panel
I have a hidden menu, which is: <div data-role="panel" id="menupanel" class="menu" data-display="push"> <ul data-role="listview" data-inset="true" data-theme="b" class="leftmenu"> <li data-role="list-divider" class="ui-bar-b">{{locale.Program}}</li> <li data-icon="false"> <a href="#home" class="ui-state-persist">{{locale.Home}}</a> </li> <li data-icon="false"> <a href="#about" class="ui-state-persist" >{{locale.About}}</a> </li> <li data-icon="false"> <a href="#myContacts"
local storage: cloning <li></li>
Hi, I'm trying to get into html5 local storage, did some tutorials, mostly about writing to-do-list apps, but what I'm really want is something different than that. I would like to have a listview with several <li></li>'s which the user could favorite (by clicking on an image in the li at the right for instance) for which the clicked <li> is cloned to another div (#favs for instance). Removing the cloned <li>'s from this div would be another step. I'm not asking for complete code, but could someone
click is not working smoothly in jquery mobile.
as i am working on jquery mobile regarding app and i face the problem regarding click event when we go to the another page and come back to some page click is no working smoothly. as i use the code for change page is $.mobile.changePage("#"+page, "pop", false, true); so pls helpme. its causing problem only on ipad.
Problem with basic panel
Hi, I am just starting with JQM and am trying to have a basic sliding panel work but as soon as I add the panel to the code (see here below), I obtain the following error "cannot read property 'options' of undefined" and the page does not display at all (the loading icon is the only thing I get). Could you please tell me what's going wrong? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
how to make header in jquery mobile
Hello can you please tell how to make header with (text left side ) and button on right sides Thanks
change index in sortable UI - help me out
Dear friend looking on this Demo:http://forresst.github.io/demos/sortable/en/index.html In my application I am using the same with the touchswipe js api. In this demo whenver we are dragging an element say "item 6" to the position "item 2" every element on the list get shift one index down. However, I am luking for the solution just to Interchange the image on drop and rest of the elements position remain same. Help me out
Memory leak or wrong code
In one application we're developing we're facing a serious memory leak in pages where the content is refreshed periodically. With the following sample HTML the leak can be seen with Chrome developers tools. Please mind that this is just an example (that still shows the leak though), the actual refreshed content comes from a server with a Ajax request, it is much bigger and the leaked memory is way larger. I'm wondering if replacing the content with .html() and recreating JQM with .trigger("create")
page part transitions
Hey, i have an Accordion and want to change in the second area the steps. I use the normal jQuery function fade but it don’t work smooth on mobile devises. Faithfully i want to use the transition effect from jQuery Mobile slide but i don’t know how. JavaScript: $('#step1').fadeOut(500); $('#step2').delay(500).fadeIn(500);HTML: <div data-role="page" id="page1"> <div data-role="content"> <div data-role="collapsible-set" data-theme="b" data-content-theme="c"> <div data-role="collapsible"
Application scrolling
Hello. I have a problem with jQuery on WP8 and need help. <div data-role="page"> <div data-role="header" data-position="fixed">...</div> <div data-role="content" id="test"> <ul data-role="listview" data-inset="true" id="news_list" class="list-default list-vendors list-bottom"> <li data-icon="false" class="list-row"> <a href="#article"> <div class="row"> <div class="title"> <h3>Pervij</h3> <span
Phonegap - JQM - page flicker / content flicker when ther is dynamic data
I am using jquery-1.9.1.js and jquery.mobile-1.3.1.js . I had issue with the page flickering on page transition, I used $.mobile.defaultPageTransition = "none";. But it stopped displaying dynamic content of the page. transition for the dynamic content is not correct.
electronic signature
If not, what does it take for jqm web form to handle electronic signature?
Fixed Non Scrolling Banner Not Working 100%
Hey all, I am having some issues with banners I have put on my site that are fixed and non scrolling as you scroll down the page. It works fine in everything except mobile phones! When viewing them on phones the banner will shift right over and hide the content of the page when zooming in. How can I get this to stay in the column it's at? You can see my fixed banner on one of my pages here: yurtopic.com/society/people/world-festivities.html You can see all this code in the source code, generally
iScrolling while not clicking links
So how does one deal with iScroll in situations where links take up a lot of space, or for YouTube embeds etc.? I came across the stuff below, but is there a better way? I'm using jQuery Mobile 1.3.1 with iScrollView 1.3.2. Invisible overlay which relays clicks: http://stackoverflow.com/questions/15248970/iframe-prevents-iscroll-scrolling-on-mobile-safari I quite like this, although the overlay CSS can be tricky. Looks kinda messy: http://stackoverflow.com/questions/8965488/how-to-not-click-a-href-while-dragging-in-iscroll
listviewbeforefilter autocomplete functionality on an input text?
I posted a question yesterday on that subject. I tried to make it as concise as possible, but maybe too much; I got 28 views and no suggestions :-( So, I will try to re-formulate the issue I am trying to solve. Although I am a newbie to JQuery Mobile, and light on Javascript, I _do_ have a JQM functional application running off AWS. The user can generate high quality graphics by entering/selecting appropriate parameters through a combination of checkboxes, select, input texts, etc... in a form. It
Phonegap - JQM - page flicker / content flicker when ther is dynamic data
I am using jquery-1.9.1.js and jquery.mobile-1.3.1.js . I had issue with the page flickering on page transition, I used $.mobile.defaultPageTransition = "none";. But it stopped displaying dynamic content of the page. transition for the dynamic content is not correct.
Why does jqm revert to the first page
see: http://jsfiddle.net/2ukLB/ Can someone explain why and how to prevent this from going back to page 1? TIA, Dave
checkboxlist with ALL option in it
Hi i am new bee i want to create dynamic checkbox listview in Jquerymobile including ALL option in it i have created it but not able to select and unselect all checkboxes after clicking on ALL option please can anybody give me the demo
Add listview filter an attribute
It's been a long time since I've looked inside the last time. So I want to add the attributes type="text" and pattern="[0-9]*" to my listview input. I tested some variations but it stil not works. I use: jQuery 1.9.1 Mobile 1.3.1 and i tested: $('[data-role=page]').on('pageshow', function (event, ui) { $('.inputText > input').attr('test'); }); $(document).on("pageinit", function() { $("#ec-index").attr('test') }); Unfortunately, I am not really familiar with it. Best regards Psycho0verload
How to change the background image in ui-li-link-alt
hi guys this is my code in CSS .ui-li-link-alt { background: url("../img/AddtoFavoritesUnselected.png") no-repeat rgba(0, 0, 0, 0) !important; background-position: 109px 50% !important; } and this in on my HTML button $("#Recipe").click(function() {// $("#RecipeList .ui-li-link-alt").css('background','url(/img/AddtoFavoritesBig.png)') $("#RecipeList .ui-li-link-alt").css('background-position','109px 50% !important') }); but its
Having unstable layout, swipe event issues with my first jQM web app. Need help.
Hello, This is my first jqm web app that is running here When the page loads, after few seconds, a introduction tour starts which has some steps. After you click done, if the page doesn't come up plz, click the above link again as I still need to fix the link on Done button. I have tried many things but I am not able to solve few issues with this app: When the intro dialog appears on iphone 4 and android mobile devices, the dark background of the body doesn't fill up the whole page. I have attached
Help a student out!
Hi all! I am a student and we were assigned to create a very basic app which runs on Android devices. We were thought to use jQuery mobile in Dreamweaver CS6 so that is where I build this. Everything went pretty smooth and now I've come to the testing phase. In short: it just doesn't work and I have no idea what I did wrong. When previewing in Dreamweaver everything works but at the device it doesn't. Everything about the coding I know is really basic so I have no clue where to search. When the
change image size jQueryMobile list
I can not change the jquery mobile css to resize an image inside a list , I put the image to a width 20 % and high auto. <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script> </head> <body>
How to format text inside collapsible header?
Hi, In my collapsible widget's header I'd like to display two parts: status on the left and time on the right of the header. Thanks!
The strangest rendering issues in iOS7
I'm getting the strangest rendering issues in Safari on iOS7 for http://lekke.jitsu.com/ I've triple checked everything that could lead to a problem without any luck. My concern is that other JQM sites work as expected. Any advice or help would be greatly appreciated.
portrait orientation in jquery mobile
how to block portrait orientation in jquery mobile.
CHILDBROWSER PLUGIN PHONEGAP DIED?????
I'm trying to create my ipa file with phonegap but I get the error Oh geez. Your build failed. Sorry, but a problem occurred on the build server I think childbrowser plugin is now included in cordoba, someone knows how package the application without having to modify the index.html? My config.xml header is <?xml version="1.0" encoding="UTF-8" ?> <widget xmlns = "http://www.w3.org/ns/widgets" xmlns:gap = "http://phonegap.com/ns/2.7.0" id = "http://www.furiousfitness.es" version = "1.0.0"> <name>Furious
scrollbar and whitespace added on touch or on click
I'm using jqm version 1.3.1 on iOS 6.1.2(iPhone 4S). When I touch anywhere in the page, a scrollbar like line(light white line) at the top appears and a few pixels wide whitespace is created on the left hand side of the page. I can also feel the page move as a result. I'm using multiple pages in one document. I'm using persistent navbars both at the top and bottom on each page. This touch also toggles the bottom navbar. I thought it may be some custom styling that I'm applying so I disable all
Next Page