Problema con dialogos / Dialog problem
Tengo el código adjunto, cuya idea es que muestre un dialogo y luego pase al otro y luego al otro, según la opción. Pero solo me muestra el primero y nada mas. Si alguien me puede ayudar, es lo único que me falta para terminar mi proyecto. Un saludo desde el sur del mundo Jorge Gayoso Chile --------------------------------------------------------- I have the attached code, the idea of which is to show a dialog and then go to the other and then to the other, depending on the option. But it only shows
Android APK app background different from chrome developer console background
I am working on a cordova android application. The application uses jquery-mobile-1.4.5.min.js and jquery-mobile-1.4.5.min.css . I have problem with the background color of the application. My application when I open the HTML page directly and view it in mobile viewport of chrome/firefox developer console it looks similar to figure in 1 However, When I generate the apk file(using cordova) and install the apk file in my android device I can see an app as shown in figure 2 So, there is a clear conflict
Removing the blue halo on button and input focus.
I have been searching online for a solution to this but am a little stumped. How is it possible to remove the halo effect when a button is pressed or an input field has the focus. Thanks in advance.
Hello, new to jqueryMobile
Hello, i try to learn this cool thing, but i have strange problems.For example, the navigation bar is not aligned correct, also a popup.Maybe i do it something wrong. I try to put some screenshots.Thank you !!
I used code listview from ^^^ but Do Not align OK... have to call : .listview('refresh');
https://demos.jquerymobile.com/1.4.5/listview/ I load data from API to appear in jQmobile 1.4.5 listview I used code listview from ^^^ but Do Not align OK... have to call : $('ul#listAttractions').listview('refresh'); how call this??? fails this ^^^ , well ??? <ul id="listAttractions" data-role="listview" data-inset="true" class="ui-listview ui-listview-inset ui-corner-all ui-shadow"><li><a href="get-details.html?location_id=527731"> <img
jQuery mobile version upgrade breaks the CSS styles.
I am working on upgrading jquery mobile in html pages from v1.3.2 to v1.4.5. However, this upgrade is breaking the CSS styles, colors. This is a major problem because the customer is expecting just the version upgrade and no change in display. This upgrade changes the themes(color) and few other things. Please observe the differences in the attachments section. Can someone help me on this?
jQueryMobile loses fixed navbar + Issue with adding dynamic button at header + Issue with static Footer
Have setup a small Mobile App using JQuery Mobile. Kindly find it in following link. Need your help to resolve three issues as described follows. https://jsfiddle.net/supabitra/hceza13o/ Issue 1: "Nav-Panel disappearing from Root Page:" Steps to reproduce: 1. Click JSFIDDLE link. Note that the Nav-Panel has few tabs - Page 1, 2, etc. 2. Click the button at left-top of Root Page header 3. Click “Goto Sub Page” button; which will land up in Sub Page 4. Click the back button
Using material icons in jQuery mobile?
Hi, Has anybody successfully been able to use used Material icons(locallly hosted) in jQuery mobile and, if so, can point to the some sample code for reference? Thanks in advance and regards
Getting header to be fixed in searchable listview
Hi, In a searchlable listview on iOS and Android, as soon as some text is entered for filtering, the header doesn't remain fixed and can be scrolled. Has anybody got the header to remain fixed via JS or even native code? Thanks in advance and regards
Why no icon displayed?
Why does the following code not display an icon? <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile.structure-1.4.5.min.css"> <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> </head> <body> <div data-role="page"> <div data-role="content"> <a href="xxx.html" class="ui-btn
Compatibility with jQuery 1.11.1 or later?
Hi, Is jQuery mobile 1.4.5 compatible with jQuery 1.11.1 or later (even 3.x.x) ? Apparently using jQuery 1.10.2 generates security warnings such as SNYK-npm:jquery:20150627 and more. Thanks in advance and regards
Having trouble determining which core files are required to use a jQueryMobile baseline installation.
Hello, I am having trouble determining what are the core files needed to use jQueryMobile? The unzipped package contains the list below, however i cannot seem to find any documentation stating that in order to use the core features of jQueryMobile all you need to include are the following files: <list of core files here> https://jquerymobile.com/resources/download/jquery.mobile-1.4.5.zip Do i also need to include the css files? and the .svg image files? Thanks for your help. Mark jquery.mobile-1.4.5\demos
Icons and Toggles in Input Fields
Hi, I would like to be able to put an icon on the left-hand side in an input field like the search field has. Additional I would like to add a toggle icon on the right-hand side of a password field to show and hide the password. This seems fairly prevalent on most password fields these days. I think the toggle is just a case of switching the field type from password to text and back etc. Through CSS I can put a small background icon in an input field but it disappears when text is entered also the
JQuery Mobile Footer on 2 lines not 1
Hi, I have a JQuery Mobile Header with an button on the far left and then a centralized texted all on 1 line. I have a JQuery Mobile Footer with the same construct but it shows on 2 lines. The centralized text on the first line and the button on the far left on the second line. How can I reduce the Footer to 1 line the same style as the Header as it looks odd with the Footer being twice as large. Appreciate any suggestions, thank you..
White spaces on top and bottom when tap on main role...
On my jquermobile page I have header, footer and main roles. When I tap on main role, then on the top and bottom white space shows...when I tap again then dissapears. If I tap on top and bottom roles it is OK. How can I prevent that? It is possible that these two lines can be set to different color? It looks very "ugly", but I don't know fix that.
Why is the jquery not firing from inside this if statement?
I'm working with this media query: @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { .my_span{font-size=2.5em} } I want to manipulate the element when being viewed by a mobile device. I check for resizing here... $(document).ready(function() { checkSize(); $(window).resize(checkSize); }); then I try to show an a simple alert if the statement is true.. function
How to execute mass reset/re-style ?
We all know by now that upon updating of new data for specific controls, we can execute: $("#div_id").listview(); or $("#div_id").controlgroup(); or etc... to "refresh" specific components. But that could be too much work in the long run, I wish there is a single "Listen up JQuery Mobile ! All data has been updated and I am not going to bother telling you which are the components that need to be updated or restyled, just restyle everything...EVERYTHING !!! NOW !!!" button. Is there such a function
How to show a background image outside of ui-page, in side columns
I try to reuse my jQuery Mobile Website for smartphones now for big screens. I could shrink the main Content column/space, so I think its easier to read. But on both sides there is now an empty space, where I would like to show a backgroundimage. I tried to use the body tag, ui-page,and body.ui-mobile-viewport I could get a background for the middle column, the content space, what is not what I want, but no background for the two side columns. Any idea how to show a background image in the side
jquery mobile custom select lose focus on select option
when I click on a long list custom select a new window with possible options is displayed, at this point I have two possible actions: close the window in which case it works fine returning to the previous window without losing focus but when I select a option this returns to the previous window losing focus. In previous versions 1.0.1 works fine. but in 1.4.5 it does not. On the official website of jquery mobile are the examples: 1.4.5 do not Working https://demos.jquerymobile.com/1.4.5/selectmenu-custom/
Map and Autocomplete only work after refresh
Hi, I just started using jQuermobile and I ran into a problem. My project consist of four pages, all loaded into the index.php via GET... https://fuel.vietze.org/ The first page inclues a OpenLayers Map, which doesn't work initially, when the page is loaded. Only after I refresh the browser once, it loads and displays perfectly. A similar effect prevails with an autocomplete form that is included in the top of every page. Upon initial page loading, you can type in the field, but autocomplete won't
Javascript Afficher DIV Jquery
Bonjour, Avez-vous une idée pour faire afficher ma DIV "Transparent" (Jquery) via ma fonction test() en javascript ? merci d'avance <!doctype html> <html> <head> <meta charset="utf-8"> <title>Example</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
If have a page id="#notes" what selector should put in the below to load content in a div in page #notes either of these events
If have a page id="#notes" what selector should put in the below to load content in a div in page #notes either of these events happen in page before show and show... ? pagecontainerbeforeshow pagecontainershow Code examples: Initialize the pagecontainer with the show callback specified: 1 2 3 $( ".selector" ).pagecontainer({ show: function( event, ui ) {} }); Bind an event listener to the pagecontainershow event: 1 $( ".selector" ).on( "pagecontainershow", function( event, ui ) {} ); Code examples:
why this empty space - css is not fixed auto by jQm?
jQm 1.4.5 Why in collapsible widget between items, in header (double line with empty black color) and footer there is empty space like image attached... ? In footer one item is also Not aligned with other footer buttons... well? <link rel="shortcut icon" href="../favicon.ico"> <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700"> <link rel="stylesheet" href="../css/themes/default/jquery.mobile-1.4.5.min.css"> <link rel="stylesheet" href="../_assets/css/jqm-demos.css">
load() function problem
Is there any possibility to load collapsible set from external html page to panel on main page without html header on external html page? When I create external html page without header (js and css files) and load it into div on the index.html, the loaded content ignores js and css from index.html page. Because it needs "data-role=page" div on external html page, but i do not want to have "data-role=page" on external html page. I need only the collapsible set.
jQuery Mobile Security Issue
Has anyone got any comments about the jQuery Mobile Security Issue mentioned here ? https://github.com/jquery/jquery-mobile/issues/8640
Having problems creating layout.cshtml in Visual Studio 2017
I've found tons of great examples of Jquery Mobile applicable to Visual Studio developers - all using older Visual Studio MVC templates i.e. they have the App_Start folder, use bundling, etc. where the 2017 Visual Studio/MVC has done away with both of those constructs. ALL i want to is create my first simple test app using jquery mobile (single listview control). I can cut/paste code via notepad into an HTML file, double click it, and it displays exactly as expected. But I have not been able to
How do you vertically center an image in ui-content ?
My ui-content is VERY simple, it's just a single image, really, nothing else, just a single image. <div data-role="main" class="ui-content"> <div style="text-align:center;"><img src="images/home_logo_600px.svg" class="fullscreen"></div> </div> The CSS for "fullscreen" is just a simple: .fullscreen { max-width:100%; max-height:100%; } So here is the question, by doing text-align:center; I have centered the image that is now filling up the width of the whole screen on portrait mode thanks
Link manipulation (DOM-based) - JQuery Mobile
Hi all, we use jquery.mobile-1.4.5.min.js in our application. Burp scan found a Link manipulation (DOM-based) vulnerabilitiy in JQuery Mobile sources: Link manipulation (DOM-based): Issue detail The application may be vulnerable to DOM-based link manipulation. Data is read from location.pathname and passed to the 'href' property of a DOM element via the following statement: e[0 ] .href= g|| location.pathname from : return e.length?g=e.attr("href"):e=f=a("<base>",{href:d}).appendTo("head"),b=a("<a
data-application font of an external script only used for the first display
Sorry for my English I test on MacOs 10.13.6 and Safari 12.0.3 I write a multipage web app with only one query mobile file : main.html All the js and css files are in the head (see below). 2 pages are dynamically updated with : $(document).on('pageshow','[data-role="page"]',function(event){ switch(event.target.id){ case 'dictee' : ... $(document).ready(function(){ call to abc2svg-1; // external script }); ... break; case 'correction': ...
How give the default site after a date selection
Good day all I am complete a small application with jquerymobile. On a page, I add a tab with the possibility to select date. On a smartphone, after selecting a date, the browser get a bit large when the date can be select. When it's done, I click on close button to close the panel. The problem is after the browser keep the same size and I have with my finder make the correct size. Is there a way to tell to jquerymobile or whatever, the give the default size?? Many thanks
Jquery mobile exemple doesn't work at me (linux client and synology web server)
Hi, I'm newbie with jquery. I cut and past an example from the jquery internet site to my web server on nas synology. I see only normal result not "jquery result". What should I do to make jquery work at home? Surely a problem on my nas synology (ds415, apache 2.4, php 7 "default profile", what else?). Here after the code : <!DOCTYPE html> <html> <head> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"
Jquery Mobile Auto complete sending multiple requests
I have jquery mobile autocomplete which is functional, but if I type anything it sends requests thrice for one keyword. How can I avoid this? I am sending country and city name along with the keyword to get City name and City code. Upon city name selection city code gets populated on a different input box. I would really appreciate any suggestion. Thanks. //Auto Complete Function $( "#cityname" ).keyup(function() { var country_val=$('#country').val(); var state_val=$('#state').val();
Create dialog windows using popup widget
I am creating dialog windows in many projects using the popup widget. The problem is that I need to define a lot of code that I think is not necessary. 1. I define configuration and open the popup when an button is clicked 2. In the popup configuration I define click events for the buttons 3. For each button I have to define code to remove click events for all buttons in the window 4. Each button also has code to close the popup Is this a normal way of creating dialogues on jQuery Mobile? HTML:
Running as re-usable code.
Can you tell me how I can get this piece of code to run when the link is pressed on both pages: http://jsfiddle.net/a4poster/g642zemv/ I know I could do it with the following: $("#"+a0+" .btnCode").click(function(){ alert("I've been pressed From: "+a0+" - "+$(this).attr("href")); }); $(".btnCode").click(function(){ alert("I've been pressed From: "+a0+" - "+$(this).attr("href")); }); But as this is used many times I thought it might be easier using something like the former. Many thanks.
Prevent Copying
Up until recently I used this in CSS to prevent copying in my app, but it no longer seems to work and I am not sure why. body { -webkit-touch-callout: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; }Anyone still successful with this or any ideas why it has suddenly stopped working for me?
Checkbox in readonly - jQuery mobile
I want to set jQuery mobile checkbox in readonly or in disabled but without trasparency. How can I do it? thanks
Returning the index and changing the background of item clicked.
Hi I want to be able to change the background of the .full_wifth class if it also has the class .bbc from red to black. I have included a fiddle: http://jsfiddle.net/a4poster/YmG8A/58/ I also want to return the index of the full_width class that has been clicked. Many thanks, Paul.
JqueryMobile breaks style while refreshing
HI, I am doing a mobile APP that feeds itself with a JSON API from a Drupal site, so I have this page <div id="PaginaEventos" data-role="page" > <div class="miHeader" id="cabezalPaginaEventos"></div> <div role="main" class="ui-content" data-role="content"> <ul id="listaNoticiaEventos" data-role="listview" data-inset="true" > </ul> </div><!-- /content --> <div class="miFooter" id="piePaginaEventos"></div> </div><!--
FORMATT LISTVIEW
Hello I would like to format a dynamic listview with multiple lines. in the example I can enter only 3 lines but I would like to add more. How can I reduce the space around the writing
Setting a class on mobileinit.
In the data-role="header" is it possible to set .ui-alt-icon once in the mobileinit function like you can pageTransitions etc. Thanks,
Next Page