the image does not extend from one edge of phone to another but has space 20px between edge-image side
considering having css the image does not extend from one edge of phone to another but has space 20px between edge-image side, how avoid this space? #wrapper { background-image: url(../images/Polis/D1000134_beach.jpg); background-size: contain; width: 100%; background-repeat:no-repeat; } <div data-role="content"><div id="wrapper" style="width:100%; height:207px; margin-bottom:10px"></div> <ul data-role="listview"> <li><a href="#page2">Shops&Services</a></li> <li><a href="#page3">Attractions</a></li>
when i have 3 nested listview structure and moved to 3rd nested, how to move back to second nested listview
when i have 3 nested listview structure and moved to 3rd nested, how to move back to second nested listview?
Panel Problems
The panel that I have messes up the rest of the page. For instance, the text on the buttons look like this: and the panel does not follow the display that I chose. Here is the code: <div data-role="page" id="c"> <div data-role="panel" id="defaultpanel" data-theme="a"> <div class="panel-content"> <h3>More</h3> <ul data-role="listview" data-theme="b"> <li><a href="#1">1</a></li> <li><a href="#2">2</a></li> <li><a
Datepicker JQuery Mobile : how to hide input text
Hello, I use the datepicker of jquery mobile with this line : <input type="date" name="date" id="date" value="" /> I would like just print the calendar and not the input text. Do you have a solution ? Thank you
JQuery Mobile Datepicker Not working in Android
JQuery Mobile Datepicker is not working on Android Mobile/Emulator . I have tried with some more plugins like DateBox, Callbox, FlipBox. all of them are not at all working and only text box appears where we need to manually give date. I tried with HTML Input Type as Date . It works while selecting the date and after that the whole page gets freeze. Suggest some solution for this problem
Adding a Missing Icon to a Listview Item [SOLVED]
Working on a listview. I've changed the height and added a jquery image-changer using two images. After the above changes, the little right-arrow on the right-hand-side has vanished. http://gmjones.org/specialisms_DEMO.html How do I re-establish the missing arrow icon?
Json parsing Soap Web SErvice
Is it possible to Json to parse the response of a Soap web service? or is there any other way to get the response of a soap web service using Jquery ajax/Jquery. Thanks..
Put the response in a Variable
This is my Request <?xml version="1.0" encoding="utf-8"?> <soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/"> <soap:Body> <GetConnectionString xmlns="http://tempuri.org/"> <strUsername>string</strUsername> <strPassword>string</strPassword> </GetConnectionString> </soap:Body> </soap:Envelope> This will be the response Http <?xml version="1.0" encoding="utf-8"?>
Offline Strategies - AJAX, JSON, PHP, MYSQL
I have a Jquery Mobile app that I am building. It has about 3 pages of, "Real-time" data, That Uses HTML, Javascript, JSON, PHP and MYSQL to populate notifications and data in real-time. The HTML page uses javascript and calls the server side PHP files, which in turn connect to MySQL and put the data in an array, it is of course then fed back to the HTML and Javascript together to populate the notification tables...This app has been wrapped and tested in phobegap on Android and iOS, BUT, it has
Google map integration not working on Android?
Hi there, I am running into an issue where my google map implementation is working on the computer but not on my android phone. If you go to: http://www.experiencebc.ca/mqa and click "more info", then "find nearby merchants", a map with markers should load. This is working on my computer, but on my phone all I see is a blank screen. I have downloaded a CatLog program on my android phone, filtered by "browser", and don't see any obvious indications as to what the problem is. Any ideas?
Dynamically populating pictures in table via loop and mysql database
I have a database that has a news table, the 5th field technically data[4], since it starts at the id field as data[0], is a text field, with the name of my pic. Here is the code below: for(var i = 0; i < data.length; i++) { $('#output').append("<table width=100% bgcolor=white><tr><td width=10% class=white><img src='images/"+data[i][4]+".png'></td><td width=80% class=blue>"+data[i][2]+"</td><td width=10% class=yellow>"+data[i][1]+"</td></tr><tr><td width=100% colspan=3 class=green>"+data[i][3]+"</td></tr></table><br>");
Implementing contact form on JQM site...
Hi, as per my previous posts I'm new to JQM so appreciate any help you can give me. The final piece in the jigsaw of finishing my first JQM site is adding the contact form. I already have a contact form up and running on my desktop version of the site so hopefully I'm halfway there! Presumably the form code and functionality will work as normal but can anyone guide me on where to start? Using the same code as my full site doesn't work and i just get 'error loading page' Here is the form html: <form
slider
HTML : <label for="sexe">sexe </label> <select name="flip" id="sexe" data-role="slider" ><option value="femme">F</option> <option value="homme">H</option></select> JS: var sexe=$('#sexe').slider(); alert(sexe); it return [ object object ] .. how can i get the value of slider ?
bug with form submission
Hi there ! I try to explain my structure and my probleme ^^ I have a button who called a popup with a listview inside. In this listview i have a link who called a other popup where there is a form contact. it's works correctly but when i sumbit the form, on iOS the keybord stay open or if the keybord is closed he is opened a second time... i have really no idea what i have this behaviour...Any persons had already saw this problem ? Thx.
Description too long, add "read more" possibly?
Any suggestions/ideas on what I can do to make the description just a few lines with a "read more" where then that list item would expand/slide-down to show in full ? http://jsbin.com/esecaf/1/ My first thought was a scrollable div, but i'd rather it be more in the show-a-few-lines and click read-more to show all the rest since the read more link will signify that there is more to show... Maybe using an animation action to change the "max-height" of the li ?
Flicker and flash during transitions
Hello there ! All on my website when i have a internal page with or without transition. I click on the link and instantly i see a flash of the future page and after the tramsition start .... I see on the jQuery Documentation that this CSS rules can be fix the problem.. ( .ui-page { -webkit-backface-visibility: hidden; } ) but in reality no... And this bug reduced much the user experience and the quality of my website...=/ do you have an idea wich can be fix that ?
Scrollbar Inactive on mobile
Hello, I have a jquery mobile site. On the PC the scrollbar is ok but on my mobile I can not scroll through my page. Have you an idea of the problem?
Search on listview works only 5 seconds because of AJAX reloads the content
Hi. I have a listview loaded via ajax.It uses the data-filter="true" for search. The content updates every 5th second using setTimeout. So the search field only works for 5 sec. How can I get around this? heres some of my function function showUser(str) { curevent = str; $('#tests').load('getuser.php?q='+str, function(){$('#tests').listview('refresh');}); $('#eventvalue').val(str); setTimeout(function(){showUser(curevent);}, 5000); }
Page transitions in Android 3.2 does not seem to be effective.
In jQuery mobile 1.2.0, the page transitions in Android 3.2 is always slow and it does not work as I expected. I use default browser in Android 3.2. If the button in the attached html is clicked, it returns true. Does this mean that jQuery mobile supports page transition but it is just slow? Please tell me the cause or the workaround.
How to get a right aligned icon only button in a collapsible header?
How to get a right aligned icon only button in a collapsible header? In the following code, the icon is not in the button area and it is not right aligned. http://jsfiddle.net/VHngZ/
Get the Result of my soap web service
Hey guys Please help This is my Request <?xml version="1.0" encoding="utf-8"?> <soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/"> <soap:Body> <GetConnectionString xmlns="http://tempuri.org/"> <strUsername>string</strUsername> <strPassword>string</strPassword> </GetConnectionString> </soap:Body> </soap:Envelope> This will be the response Http
Jquery problem datepicker
Hello, I created a 'datepicker jquery' that I customized a bit of with differents colors in many 'day cells'. I added a length for the array, for the lines and the columns. Every cells(<td>) contain two <div>(one for the above part and one for the low part). The problem is visual. Actually, I notice that my cells(<td>) colorize itself at the inside but not on the borders of the cells. Moreover, the last edge, border of the array is not linear. I don't know why Do you have a solution ? Thank you This
JQuery Datepicker color border
Hello, I created a 'datepicker jquery' that I customized a bit of with differents colors in many 'day cells'. I added a length for the array, for the lines and the columns. Every cells(<td>) contain two <div>(one for the above part and one for the low part). The problem is visual. Actually, I notice that my cells(<td>) colorize itself at the inside but not on the borders of the cells. Moreover, the last edge, border of the array is not linear. I don't know why Do you have a solution ? Thank you This
Probleme in MobiScroll
Hello Even if i use the same code of http://demo.mobiscroll.com Nothing happen :s I have in my HTML : <html> <head> <link rel="stylesheet" href="../css/Evento.css" /> <link rel="stylesheet" href="../css/jquery.mobile.theme-1.2.0.min.css" /> <link rel="stylesheet" href="../css/jquery.mobile.structure-1.2.0.min.css" /> <link rel="stylesheet" href="../css/mobiscroll.custom-2.5.1.min.css" /> <link rel="stylesheet" href="../css/jquery.mobile-1.2.0.min.css" /> <script>window.$ = window.jQuery = WLJQ;</script>
Text inputs not updating
I have a problem in that <input> text fields eventually stop working in my form. Initially, they will allow input and I can switch between fields and type in them, but eventually (and the amount of time it takes seems arbitrary), the fields will stop updating even if I type in them. This is on Android. Not sure about iOS, as this is within a Phonegap application that I'm currently only testing on Android. jQuery version: 1.7.2 jQuery Mobile version: 1.2.0 jQuery Mobile CSS version: 1.2.0 The HTML
Placing a Collapsible Item at the Top of a Listview
I have a standard listview but I need the first item in the list to collapse down showing a block of icons. How is this done?
Page transitions and formatting Problems
Well, here we go again. I have a the bulk of my jquery pages created, Most follow the default veiewport but A few have some special viewport setting for scaling...I left my linking until last...and now it looks like a have formatting issues when AJAX page transitions are involved and I'm not sure why... When I view the raw pages without transitions, all setting work fine, things are formatted properly etc, pages that should pinch/zoom do, and pages that have locked viewport work...once ajax transitions
Communication beetween Android and JQueryMobile
Hi, I´m using Phonegap and JQueryMobile for develop an Android App. My Problem is now: how can i get access to a Java Script variable from Android? For example: I have this jQuery Mobile "busy spinner": $.mobile.showPageLoadingMsg("a", "I am at number " +i); and this android pseudocode while(i<100) { send i to PageLoadingMsg; sleep(1000); i++; }I hope it ´s understandable ;) greetings from germany
Save your detail on your phone with jQuery Mobile
Hi ! I would like to know how it's possible that a Iphone can be reconize a Adress ? Or how it's possible ton save the details with a buton ? Thx ;)
Click on different elements on Samsung Ace 2 with jQuery Mobile 1.1.0
Hi, I have one button with two divs with the next structure: button(z-index 1) div1(z-index0) div2(z-index0) Each element has its click handler for the click event. Why when I tap in a little mobile device in one div, the near fields are triggering a click? Is it possible to lock click to only the nearest element or I have to made a common handler which locks this for me?? It's only happening on Samsung Galaxy Ace 2. On S3 and S2 and other mobiles with big screen, is working correctly. Thank you.
Header and footer items showing a bit, rest is cut off
hi all, I'm new to jQuery.. I have an image in the header and text in the footer. On a mobile it is cut off and I can only see a little bit of it. How can I adjust everything so that it doesn't do anything like this??
Input and icon
Hi, I would like to add a clickable icon at the end of an input field. preferably with markup rather than adding an element via js. Any idea ? thanks in advance Didier
jQuery mobile and jQuery
Do I have to integrate jQuerymobile.js and jquery.js, because using jQuerymobile alone, I have not access to some functions
Problem printing dialog box
Hello, <div id="holsTable" class="ui-grid-b uiresponsive"> <div class="ui-block-a"> <div data-theme="b" data-role="header" style="margin-left: 0em;"> Code </div> </div> <div class="ui-block-b"> <div data-theme="b" data-role="header"> Date début </div> </div> <div class="ui-block-c"> <div data-theme="b" data-role="header">
Does not work <select> in a standard browser Android
When data is loaded via AJAX does not work on android <select> in a standard browser, but works on the iPhone. Also works in the Opera on adroide. <select> is displayed in accordance with the theme jQuery, but the click does not open. After the data has arrived, treated by the following methods, but does not work $("#frm").trigger("create"); $('"#frm select').selectmenu('refresh'); $('"#pk_buy').selectmenu('refresh'); $('select').selectmenu('refresh'); $('select').selectmenu('refresh', true); Downloadable
How to remove auto hiding address bar feature in jquery mobile fixed header
I am using jquery mobile fixed headers in my mobile site. Few seconds after loading the page address bar is hiding automatically. Can we stop auto hiding address bar? if you check the below url in iphone, address bar will hide automatically after loading the page. http://jquerymobile.com/demos/1.2.1/docs/toolbars/bars-fixed.html
How do I shrink the height of a jQuery Mobile button and keep its text vertically aligned?
Hello, What is the best way to shrink a jQuery Mobile button and keep its text vertically aligned? If I have a regular button tag: <button id="search_form_button_go" type="submit" data-mini="true" data-inline="true">Go</button>I can shrink the button height using this CSS: #searchbar .ui-btn { height: 32px; } However, then the "Go" text within the button is not vertically aligned; it is closer to the bottom of the button. If I add a line-height to the CSS, I can tweak the value to approximately
Style only submit buttons or specific buttons
How would I go about overriding button colors for specic types of buttons and specific buttons(buttons with certain ids) in Jquery mobile?
Jquery mobile based pages pageinit(pageshow vsvs) not firing
i developed 4 html page(with load data via ajax) places page : http://e.yazilimsozluk.com/Home/Index Contact page : http://e.yazilimsozluk.com/Home/Contact map page : http://e.yazilimsozluk.com/Home/Index1 location : http://e.yazilimsozluk.com/Home/PlacePin when i open in URL in browser manuel every page works fine but in footer i give link for each page and some time some page not loading or it load but with damaged-broken css for example in this picture : http://e.yazilimsozluk.com/untitled.png
collapsible set (accordion) missing borders
Hi, there seem to be a problem with missing borders of collapsibles elements. This is a problem especially for the last element that looks like it's outside the set when opened. An example can be seen at this page (OSX mountain lion, chrome and safari): http://jquerymobile.com/demos/1.3.0-rc.1/docs/content/content-collapsible-set.html The problem seem somehow linked to themes, as all examples starting from "Theming collapsible Content", that set data-theme and data-content-theme, work correctly.
Next Page