Static Header - page error
Dear all, My name is Leander and I'm about to launch my first jQuery Mobile solution (named: Fixed Header). And I have to say I'm really pleased with the result already. I do have one problem with going to pages. The problem is I can't get a correct link from one page to another. When I click the menu button in the side menu the application paste the URL behind the original URL. For example: My application is running at www.google.com When I click the Side menu it will have a hash www.google.com#,
Help: Overwriting existing URL in Fixed Header
Dear all, My name is Leander and I'm about to launch my first jQuery Mobile solution (named: Fixed Header). And I have to say I'm really pleased with the result already. I do have one question. If you click this link here below and go to the menu icon on the left top to select another page the URL is will be pasted behind my current URL. How can I make sure the new URL will overwrite the existing one? Included the # hash sign at the end. This # hash sign will show once I've opened the sidemenu (bit
Loading server pages into jquery mobile
please i load a server side page using ajax on my jquery mobile page with this code <script language="javascript"> $('#try').bind('pageshow', function (){ var url = window.location.search.substring(1); $('#try').load('real_news.asp?'+ url); }); </script> But the problem is when i load the page into the div, it doesn't load but reads out the code in the div like this:
jquery mobile #someLink not working in android browser
i am creating a basic html5 jquery mobile webpage that uses 3 jquery mobile pages where users can navigate to depending on the href they click on. in the safari and google chrome web browser this feature works perfect i.e it will load the correct page using: <li> <h3>Type:</h3> <h4><a href="#itemTypeList" data-role="button" data-icon="arrow-r" data-iconpos="right">Select Type</a></h4> </li> In this case it will load #itemTypeList page that is inside the same html5 file as
Url loader is incomplete , can load links
Hi all ! i'm a web devoper from Italy...I have a problem with loading with href example: i have one.html with this code <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <title>dkrMobile</title> <!--caricamento librerie--> <script src="js/jquery-1.9.1.min.js"></script>
after login username pass to next page how
i have successfull login but i want pass username to next page after login i even use $mobilechange() function but give no results here is my code: login.js function onError(data, status) { data = $.trim(data); $("#message").text(data+ "item" + status); //$.mobile.changePage($('subproduct.html'+ username)); } $(document).on('pageinit', function(){ $("#submit").click(function(){
Controlgroup does not render rounded corners when created on the fly
Hi, I am having trouble getting controlgroups to render with rounded corners when I create one on the fly. Creating controlgroups from the HTML works just fine. In the following JSFiddle I first create a controlgroup from the HTML and then I create two controlgroups with the same settings as the first one. The second and third differ only in the property 'corners=true|false'. http://jsfiddle.net/zJZrH/ I think I may gave stumbled on a little bug, but hope that I am doing something wrong
jquery login problem when i click on buy now button
my 'index.html' i have added a script login.js <!DOCTYPE HTML> <html> <head> <title>hygo</title> <meta name="viewport" content="width=device-width,initial-scale=1"/> <link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" /> <script src="js/jquery-1.8.3.min.js"></script> <script src="js/jquery.mobile-1.2.0.min.js"></script> <script src="js/login.js"></script> <script src="js/category.js"></script> <script src="js/subcategory.js"></script> <script src="js/product.js"></script> <script src="js/detailpage.js"></script>
Slow performance using trigger (" create") large HTML table inserted in DOM tbody
I have a chuck of html generated on the server (adviced by irc #jquery). The html is generated in a wink. When I render it with innerHTML it was also real fast displayed. When I have option_detail_rows.append (field.html); //option_detail_rows.trigger ("create"); The trigger create makes it real slow wait for around 10 seconds and browser freezes. How to accelerate this? Target is mobile device. The HTML is a large table 110 rows with 8 columns. When I generated the string at
jquery form validation plugin
Hi, i am trying to use jquery form validation plugin but it is not working.i am new web development so i dont understand what is wrong. here is my code .i am testing my code in iphone simulator <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Management</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery Mobile</title> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="./js/lib/jquery.validate.js"></script>
radio button loosing it's look
Hi guys I am trying to create a simple quiz app which is turning out to be not so simple.. I am setting the contents of the radio buttons for the multiple choice questions dynamically by changing the labels text, which seems to be working fine till I hit the next question button (actually can just call the method by any means to have it crash and die). The questions that appear afterwards appear as if in a regular list.. Heres the code, I'm new to jquery so I'm sure it's something stupid :/ <!DOCTYPE
Themeroller issue
I came across serious issue with themeroller for JQM 1.3.0. I started new theme and added my swatches, created one by one swatched form A to J (total 10 swatches). When I tried to download or share via link it lookslike it's broke completly, I can see my swatched plus 10 more blank swatched with missing attributes. Any attempt to delete newly self created swatches breaks entire themeroller and produces all blank swatches. Here is an example. This theme should have 10 A-J swatches. What is wrong
Swipe/Scroll features add to widgets.
I understand the limitations and why you're only allowed to have 5 navbar items, but it would a good addition to add the ability to swipe to to show more items in a navbar. I know that theres the plugins like iScroll and Swipe.js that add on to the touch capabilities in Jquery Mobile, you're unable to target the navbar and create this effect. I know iPad allows users to have a scrollable navbar and its a great feature to add in the next release Also, the ability to automatically add a scrollable
Automatic back button with no text
Hi, If I add an automatic back button to the page and leave the text empty, then the resulting button is a bit shrunk (too short). <div data-role="page" data-theme="c" data-add-back-btn="true" data-back-btn-text=""> I suppose if the text is empty, the generated button should also be decorated with the notext attribute. data-iconpos="notext" Any opinions on this ? Patrick
z-index issue with drop down and list view
On my simple web page i have a form with a select box. I'm Using jquery mobile with phonegap and when i run application on android 4.0 tablet, select box and its label are not visible. when browse through code (weinre debugger), i can see html code for select box but its not showing it up. and on another page i have a list view with 5 list items. on that screen its the same. i cant see list but html code is there. when i try to open same on a web browser, everything is fine. issue is only with android
Jquery Mobile ICON Bank
I need some help for itself as new comer in J query mobile. I have a project about J query mobile ICON Bank, I need guidance and help. I want to know that what are the scope of this Mobile Icon Bank.? where and which purpose can we use these icons? why are need of this Mobile Icon Bank?
Image links not opening new pages
I've recently started using Jquery and I've run into a weird device snag I think. I'm trying to develop an app using phone gap and so far everything has worked out ok except for this. I'm using images to represent links. This works fine in web browsers but when I try to do this on my tablet I can't. Any ideas?
Navigation Issue in Jquery Mobile
Hi, I am getting white screen while transition from one html to other.Please help me to solve this issue. I am using JqueryMobile 1.3.1 version
Table showing two header columns
I'm trying to utilize the reflow mode in JQueryMobile 1.3.0 but it never displays full-table even when there's enough space, and it always duplicates the header column. Any help on this? Here's my current code for this table: <table data-role="table" data-mode="reflow" style=" text-align:center"id="Meindl-Lovejoy-1985-Table-7" border="1" cellspacing="0" cellpadding="4"> <thead> <tr> <th> Composite score </th> <th> n= </th> <th> Mean </th> <th> S.D. </th> <th> Inter-decile range </th> <th> Range
Hire expert Mobile website designer and Developer @pearllike.com
Pearllike Technology has a team of professional Mobile website designer and developer .Our designer and developer is expert in making Mobile website that support Mobile, Ipad, Desktop and every latest smart phone device. Contact us : Pearllike Technology admin@pearllike.com http://www.pearllike.com/web-development/custom-web-development/mobile-applications-development/ http://www.youtube.com/watch?v=ULeJ_9xrXy0&feature=context-cha Mobile web design, Mobile web development, Mobile web development
List searchinput fill whit geoloaction data
I have a problem. I can not fill the searchinput from the list whit geolocation data. i would like the value .val() fill whit my phonegap geopositon data (position.coords.latitude position.coords.longitude). How i can insert into the searchvalue javascript? <script> $(function() { $('#umgebungsbutton').on('click',function(){$('input[data-type="search"]').val('TEST').trigger('keyup');}); }); </script> <a data-theme="e" id="umgebungsbutton" href="" data-role="button">In meiner Umgebung</a> <ul
local storage doesn't work.
http://jsbin.com/iqedil/1/edit here's what I made there if you click the items on the list, they are cloned and showed up at the bookmark page the problems are 1. local storage doesn't work If I refresh the page, the bookmarked pages are gone. 2. After I bookmark one item in the list, if I click that one again, it show up again at the bookmark page. I don't want to store same pages. 3. I want to limit list numbers 'only' in the bookmark page. help me.
jQuery Mobile and Google Adsense
Hi - I'm one of the countless developers that, having developed several apps with jQuery Mobile, is astonished to find that I can't put an ad (Google Adsense) on the site. It's just baffling that this is such a headache. Both of my apps have 10+ "pages" (data-role="page") - every time a user goes to a page, I would like for a new ad to be shown. Should be simple, no? Can somebody from the development team (or Filament Group) please give us some idea if this issue is even being considered??
A Listview with inline sections plugin
For one of my projects I sought the ability to have some menu items in a listview be able to open inline. This allows the user to have more control over what items are taking up the majority of their screen space. Almost like a cross between a collapsible list and a listview. To achieve this effect, I created a plugin that extends the listview. You can find it here: https://github.com/ALSpringer/inlinelistview I just figured I would share it in case someone else finds it useful or interesting! EDIT:
Using IP not able to access WCF Service in JQuery
Hi ! This is my first programe with JQuery mobile. I have to make a cross platform application. My application is working fine when I am using "URL=localhost" to access the service from HTML page. But, when every I am using "URL=IP_Address" then it is not working. I am not able to call the WCF Service. Due to this no other client computer able to access my service. My Code detail is given bellow - HTML Page - <script type="text/javascript"> var Type; var Url; var Data; var ContentType;
http://view.jquerymobile.com/1.3.1/dist/demos/favicon.ico is this correct? May need redoing as it looks garbled.
As per subject, website maintainer issue only.
I have this xml document. I only want to display records with an ID of '1' how to do it? Thank you...
<?xml version="1.0" encoding="UTF-8"?> <entries> <!-- Begin New York --> <entry> <id>1</id> <title>418 Central Prk West</title> <imageUrl>http://labs.philippineglobaloutsourcing.com/apartmentpro/datav2/sliderFeatured320x190_001.jpg</imageUrl> <imageThumbUrl>http://labs.philippineglobaloutsourcing.com/apartmentpro/datav2/listThumbApartments50x50_001.jpg</imageThumbUrl> <price>4,427</price> <address>418 Central Prk West, 105, Manhattan</address> <reviews>If you are searching for an apartment in Clementon
Can I have two data-roll="footer" sections on 1 page
... <div data-role="page"> <div data-role="header"> <h3>header</h3> </div> <div data-role="content"> My page content </div> <div data-role="footer"> Copyright 2013 blah blah blah </div> <div data-role="footer" data-position="fixed" id="foot_stat"> 3 - New Messages </div> </div> ... I want to use the second data-role="footer" as a status page to be displayed when my users have a new message. I want to
jquery mobile css not apply on ios
I have created a sample page in which i have used the jquery mobile .js and css , and it works really great in browsers, mobile browsers , BUT the CSS doesn't apply on the Iphone Please tell me any option to this.
Ajax and events
Hello, So I've been looking around in regards to my problem, and though others seem to have the same issue,I am just not finding a solution. So, I am hoping I can get a direct answer to help me out here. End state: after executing Ajax, all jq events cease to function. Below I have a test file (named test.php), to illustrate: <!DOCTYPE html> <html> <head> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css"/>
I need to get the value the user input in the search box to be used to filter in my xml document. How to do it. Thank you..
<form> <input type="search" value="" placeholder="City, State or ZIP" id="search"> </form>
jQuery mobile dynamic Confirm pop is not working.
Hi, I am using jQuery mobile with struts application. I got some code from this forum. I am using some different version of jQuery mobile but this forum version is not matched with my imports.. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script>
Console.IO Javascript Remote Web console
Hello, I have create a small node.js app to help me developing web apps for smart tv and mobile web apps. Console.IO is a Node.JS project. It provides Remote Web Console for websites, Javascript, Smart Tv, mobile phones apps. It uses express.io & socket.io to provide real time response from the browsers. It works pretty much on all modern browsers, mobile devices, Smart TVs, etc https://github.com/nkashyap/console.io Thanks Nisheeth
I want to know js and css version for my mobile application development
Hi, Please, Can you tell me what exact stable release for jQuery and jQuery mobile versions. I need to develop mobile application(not exactly native application). I don't know what it is the compact version of jQuery and jQuery mobile(css and js file). I mixed with different version of mobile and jquery version. This is my import list <link rel="stylesheet" href="./jmobile/themes/gray.css" /> <link rel="stylesheet" href="./jmobile/css/jquery.mobile.structure-1.2.0.min.css" /> <link rel="stylesheet"
For dislay progress bar in jquery mobile
In jquery mobile getting data from webservice through ajax i need progress bar
Jquery mobile 1.3 navbar hide content
Hi, i have this problem. I have an application with a persistent navbar. When i charge the main page for the first time, the top of content is hide by navbar. If a navigate to app, when i return in main page, the content is ok. This is the code of first page. <div data-role="page" id="pg_main" data-ajax="true" > <div data-role="panel" data-id="main_panel" id="main_panel" class="main_panelcolor" data-position="left" data-inline="true" data-display="overlay" data-position-fixed="true" data-dismissible="true"
Windows.Location.Hash and Chrome
I am experiencing difficulty with Chrome (version 28.0.1485.0 running on Linux - although I think it also applies to my Nexus 7 tablet running Android 4.2.2 - but I can't see what version of Chrome that is). The problem is manifested in this jsfiddle http://jsfiddle.net/akc42/ZmcP8/ with Firefox it works fine and the Dialog box remains popped up - with Chrome, the dialog appears and then immediately disappears. On my desktop (jsfiddle doesn't seem to have the latest jquery mobile) I am running jquery
How can i append data at the same time getting ajax response from server.?
Anyone can help me. I'm working in Jquery-mobile with phonegap application. How can i append data at the same time getting ajax response from server? Here more than 800 kb data is retrieved from the server as Json format This is my code: $.ajax({ url:url, data:'', contentType: "application/json; charset=utf-8", type: "POST", dataType: "json", crossDomain:true, cache: false, async:false, //success: loadAllCars,
Problem with a collapsible class in jqmobile
Hi i dont understand why is not working my collapsible role... the code is: the fragment of the html: <div data-role="collapsible"><h3>Standard equipment</h3> <div id="div_equipamiento_standard"> <!-- Here is the elements charged from .js--> </div>The fragment of .js var eq_standard = ''; $.each(objVehicle.equimapiento_standard, function (i, item){ //Titulo de la seccion eq_standard = eq_standard+'<div data-role="collapsible"><h3>'+i+'</h3><div class="texto"><span id="equipamiento_span">'; $.each(item,
Issue with Navbar
Hello, I am seeing lines in my navbar buttons, and the icons are showing duplicates. I have attached a screen shot and a snippet of my code this relates to. What could be causing this? Please advise.
Next Page