Mobile Document Library with jQuery Mobile
Hello, I am new to app development and I am looking to build a mobile document library type app. In essence it would be a tool to import, browse, organize, view and manage PDF files. No editing or manipulation of the files within the app. So it would need to include some of the functions of apps like Good Reader or PDF Expert, utilizing the splitview plugin type layout, but simply for organizing and browsing. Before I get too far into this project I want to be sure I am choosing the right approach
get input value from SimpleDialog2 blank mode
I have used JQM SimpleDialog2 in my app. I am having one textbox and button in that dialog. i can't able to get the value from input while click on button in dialog. i have used blank mode.. Here is my code.. I am getting empty value from this code. please correct me. <div id="myDialog" style="display:none" data-options='{"mode":"blank","top":"10%", "headerClose":false,"blankContent":true}'> <Center>please enter Your Amount here</center> <input id="txtAmt" name="amt" value="" type="text" placeholder="Amount">
Sub-domains & QRCode with jQuery Mobile
Hi guys, I've developped a mobile website using jQuery Mobile. I've configured a sub domains which go on my mobile site (my hosting is ovh). Then I've generated a QRCode for going on it directly. When I put visible redirection, my website displays in mobile version, whereas when I put invisible redirection, my mobile website displays like a computer version. Did someone have already see that ? Any idea to solve my problem ? Thanks. Regards.
JQuery Mobile output actual size preview
I'm trying to figure out a way of displaying the JQM output in a desktop browser in such a way that the output is e.g., 320px x 480px and not full-screen so that the output is more realistic, like an actual preview. Obviously I can't change the size of the viewport (except by re-sizing the browser). I don't want to change the user-agent. Is there a simple way of over-riding the JQM css, and / or can anyone suggest a snipped of js that would do the job. Many thanks.
taphold save image prooblem on mobile device
Hi I've a taphold working fine on desktop but on my mobile (HTC Desire HD) the taphold causes the native Save Dialog to popup. The native Save Dialog gives you to option to save the image which is used as a background. How do I disable this? Must be a common problem but I can't find a solution. I want a dialog to popup upon taphold not this native dialog. Thanks Ian.
Browser/device testing IOS vs. Android?
I'm using Browser Stack to test a phone specific site built with jquery mobile. The site renders nicely on the iPhone 4, 4S and 5, but renders poorly on most Android devices. It renders very small on Android devices. Not sure if this is due to Browser Stack, jquery mobile or something else. Any suggestions on how to develop mobile sites that render well both IOS and Android devices? Thanks.
.click() event of checkbox control not triggered after page re-load and after model state error
I have a MVC 4.0 mobile application. On the login page, we have a checkbox whose .click() event, I am trapping in a Javascript as below: <script type="text/javascript"> $(document).ready(function () { alert("Ready"); $("#checkkBoxId").click(function () { alert("Clicked"); }); }); </script> The checkbox has been created as follows: <div><input type="checkbox" id="checkkBoxId" /></div> <label for="checkkBoxId">Mask</label> When the page is rendered, I get the "Ready" alert and when the checkbox
How should I set up Apache HTTP Server to run jQueryMobile Unit Test?
Now, I'm testing jQuery Mobile by using QUnit Test Suites attached to [ https://github.com/jquery/jquery-mobile ]. TO run test, I installed XAMPP 1.8.1. Furthermore, I should set up following module. According to [ https://github.com/jquery/jquery-mobile ]. In addition to vanilla Apache the following modules are required: Rewrite (mod_rewrite.so) Expire (mod_expires.so) Header (mod_headers.so) But I can't understand these module. Please teach me how to set up server. Thanks.
Where to get jquery.mobile.table.js
I wanted functionality like jquery mobile table. but for this We need jquery.mobile.table.js Can anyone tell me where I can get this javascript file... http://jquerymobile.com/branches/tables/docs/tables/movie-list-toggle-options.html
Persistent Navbar Not Working When Google Maps Are On The Same Page
I would like to display Google maps in my app and as many people have found there are problems in doing this. To over come it I refresh the map when the app has loaded hence the javascript. Further more I have set it to 100% so that the menu looks slightly transparent like an Android app. This same menu structure works fine else where in the app except the page with Google maps on it. I did think it was some thing to do with Google taking over the screen so I have even tried changing the z-index
Persistent Navbar Not Working When Google Maps Are On The Same Page
I would like to display Google maps in my app and as many people have found there are problems in doing this. To over come it I refresh the map when the app has loaded hence the javascript. Further more I have set it to 100% so that the menu looks slightly transparent like an Android app. This same menu structure works fine else where in the app except the page with Google maps on it. When on the maps page I am unable to select any of the menu buttons in the nav bar and there for navigate away....
Trouble displaying background image
Version: jQuery Mobile: 1.2.0 URL: mobilehost.me/MP/menu.html To Do: Display graphic for the header and overlay some text. Problem: This is a very simple process and did it on PC site many times, however can't seem to locate why it's not showing up. I don't know if this makes any difference, I code using Dreamweaver CS5.5 This site is under development to learn jQuery so will look rough. CSS for myheader: .myHeader { background-image:url(images/Header.jpg); width:380px; height:175px; padding:4px
Submit Button will only work on second try
I am using the single page template to build my mobile app. I have a form page that i have gotten form validation and ajax "working", however the form has an odd problem. After passing validation, it will only return an ajax response from the server after hitting the submit button TWICE. Thus, nothing happens the FIRST time the submit button is pressed. It has taken me quite a number of days to get to this stage, I would appreciate some help. Thanks. Here is my code... ======================================================
history.back on iOS
I have routine to automatically go back a page when a function is called. It works nicely in the desktop version of Chrome on my JQM application. But on iOS 6.01 (iPhone 4 and iPad 2) the history.back() does not work. I verified that the function is called with an alert statement just before the call to history.back. files: jqm is jquery.mobile-1.2.0.min.js and jq is jquery-1.8.2.min.js
New some help for sending a form
Dear All, I would really appreciate to have a help on creating a form. I have a jquerymobile application working with Phonegape. When I test it from my prowser, it works fine, but there is a bug, when I run it on my iPhone. After testing and searching, I notice that the bug come after I send my form. I am using that form in order to save the profile. I would like to know, if you can help me on createting a form validation. I have to field which must be validate in order to make sure, they are not
Listview with two columns?
With listviews is it possible to create two equal columns rather than the default single column layout? I'm trying to present more navigation options to the user with two columns rather than just one? Any suggestions would be appreciated. Thanks.
Problem with ajax on BB10
Hi! I´m trying to port my app that already works con BB7, Android and iPhone to BB10. I´m using phonegap 2.2, jquery 1.8.3, jquery mobile 1.2.0 and I´m not able to call some web services. Same code works on the other platforms but it doesn´t on BB10. This is the code where I call the WS. function llamarWSObtenerTelefono(codCliente){ // alert("HOLA"); mostrarCapaBloqueo(config.mensajes.recuperandoTLF, config.mensajes.espere, ""); console.log("lamarWSObtenerTelefono"); if(hayConexionDatos==1){ var
Trouble with putting google maps in a collapsible set in jquery mobile.
Hello I'm trying to put a google map in a collapsible set in a jquery mobile site I'm working on. The map skips when moved in the div but outside the div it behaves normally. Does anyone have a solution for this problem? The code looks like this and it's inside a collapsible-set: <div data-role="collapsible" data-collapsed="true"> <h3> Navigation</h3> <div data-role="content" id="map_canvas" > <script type="text/javascript"> function initializeMap()
Preventing paste event not working in jquery-mobile
hi, I am using jquery-mobile for developing my phongap application. I want to restrict paste event in particular input text. I have tried with normal jquery paste and copy events. But that is not at triggering. Can anyone help me to resolve this issue. Advance thanks for that..
JSLint warnings of jquery.ui.widget.js 1.9.0-beta.1
I'm checking jquery.ui.widget.js 1.9.0-beta.1(*1) by JSLint, and I have a question about the source code. *1 https://github.com/jquery/jquery-mobile/blob/1.2.0/js/jquery.ui.widget.js#L189 JSLint says "Do not use 'new' for side effects." at L189. Is this fatal problem ? 184: this.each(function() { 185: var instance = $.data( this, fullName ); 186: if ( instance ) { 187: instance.option( options || {} )._init(); 188: } else { 189: new object( options, this ); 190: } 191: }); Thanks.
Select Test In [ https://github.com/jquery/jquery-mobile ]
Now, I'm testing jQuery Mobile using QUnit Test Suits which are attached to [https://github.com/jquery/jquery-mobile]. Test suit is including in [ jquery-mobile/tests/unit/select/index.html ] My condition is that iOS 5.1.1 safari browser In Select Test(select_core.js), following test of second assertion is failed. asyncTest( "selecting an item from a dialog sized custom select menu leaves no dialog hash key", function(){ var dialogHashKey = "ui-state=dialog"; $.testHelper.pageSequence([ resetHash,
Tap Event on iOS 5.1.1
Please teach me about jQuery Mobile Tap Event Handler. My condition is that iOS 5.1.1 safari browser. when I tap jQuery Mobile Button , sometimes event handler don't fire. Thanks.
Help with dynamically changing content text size and background colour only?
Hi all. I’m not in the IT industry, just a college lecturer trying to give my students some bite size learning resources to use on their phones. I do have some programming experience mainly VB with Silverlight to get visual attendance data over time and HTML from a site I had a few years ago. I have created a single html page that has about 8 jqm pages for information relevant to their course, with a 10 question multi-choice quiz (10 pages) at the end with feedback on their chosen answers. This is
Auto dial when phone icon touched
I'm creating my first Mobile Web using JQuery Mobile, for a restaurant. and wish to place a phone icon on the contact page that will auto dial when touched. Can anyone please help.
Set a radio button in a fieldset?
All... On my JSP register page, I have a password entry field, and "Male" "Female" radio buttons. They are set up to display side by side. <div align="center"> <div style="width:300px;"> <fieldset class="ui-grid-a" style="height:75px;"> <div class="ui-block-a" style="padding-top:10px;"> <label for="registerPassword">Password</label> <input type="password" name="usrPassword" id="registerPassword" autocapitalize="none" style="width:145px;" value="${requestScope.usrPassword}"
problems with links
I have just almost finished my mobile phone website through jquery mobile. The links top and bottom work correctly on Firefox, Safari,maxthon,but they do not work on google chrome, opera. Considering I've already got a full functional website that works on all browsers I cannot understand why this mobile phone version isn't working on the three internet browsers that I have just listed. I have not bought any domain yet, I just want to make sure everything is working fine before I spend money on
Keeping same text alignment on different button types
Version jQuery: 1.2 URL: http://www.mobilehost.me/MP/ I'm using both collapsible and link buttons on the same page. The issue I'm having is the text position on linked centered and collapsible text on the left. How can I place the test in the same position on the buttons? <div data-role="controlgroup" data-inline="true" data-mini="true"> <a href="appetizers.html" data-role="button" data-theme="c" data-iconpos="right" data-icon="arrow-r">Appetizers</a> <a href="soups-salads.html" data-role="button"
jquery append button formatting issue
hello, i have a issue with the jquery button. i parse a xml to iport a list "li" with jquery.. for(i; i < count; i++) { .... $('#veranstaltungenrss').append('<li><a href="'+link+'">'+filterDate+' | '+title+' | '+filterTime+'</a></li>'); } $('#veranstaltungenrss').append('<a href="#" data-role="button" data-icon="refresh" class="load-more">Weitere laden...</a>'); $('#veranstaltungenrss').listview('refresh');
Is there a to call a function when you close or reopen the App
Dear All, I know that even "pagebeforehiden" will call a script when with change of page. But when I close the application, there si an event for that? The same when with open it? Thank and happy new year
How can I check if googlemap is not reload or is already loaded
Dear all, I have a juquerymobile built for iPhone and I would like to make it working on other smartphone is Android. It has several page and on the first (#home) google map is loaded: // When I visit the #home page $('#home').live('pagebeforeshow', function(e){ // Resize #mapHome (#mapHome = Sreen hight - footer - header) $('#mapHome').css('height', Resize.content()-0 +'px'); // Start tracking the Use // extract les id des modules existants navigator.geolocation.getCurrentPosition(function(position){
can i dynamically insert a new li into Split button list?
Hi Everyone, I try to create a Split button list dynamically, since all the item are retrieve in runtime. http://jquerymobile.com/demos/1.2.0/docs/lists/lists-split.html what I did is, I define a ul like the following: <ul id="timer-list" data-role="listview" data-split-icon="delete" data-split-theme="a"> then in runtime, I use JQuery to insert new li into the ul. $("#timer-list").append('<li id="' + itemId + '">\ <a href="#">\ Some
Why, when I change of page, it comes back automaticaly to the previous page
Dear All, I am building a jquerymobile web site with Phonegap. I notice the when I try and play with my application, after going form pages to pages it make an issue. After a while, and I do not why, the prvious page is displayed. For exemple, from my profile page, when I click to a contact link, the profile page come back. If from the prifle page, I click again to the contact link (or to some other link), it move to the contact link and immediately, it returns to the profile page. It does not matter,
Portrait Mode in Jquery Mobile app for IOS
Hi, I am creating a mobile app through jquery mobile for IOS (converting through Phonegap). I would like to know , how to make my mobile app only in PORTRAIT mode? I want to fix the whole app into Portrait Mode only. Thanks Jen
Multiple Pages with Transitions
Hi, I've looked over the documentation and searched this forum (as well as others like StackOverflow), but still haven't been able to figure this out. I'm a noob so I'm guessing I'm missing something fairly trivial... Here's what I know: in jQuery Mobile you can have multiple pages by either: a. in one html file, have multiple page divs b. have multiple html files Using one html file with multiple page divs, I was able to get page transitions working by merely adding [data-transition="slide"] as
Dynamic Page Generation and the Back Button
Hello, I wrote a simple App which fetches some content from the web, displays the items in a list and when you touch one list element you see more details. Therefore I followed this guide [1]. Now I want to give the user the posobility to navigate back from the details to the general list and use the data-add-back-btn="true" attribute to accomplish that. It works fine on iOS and in my Firefox Desktop but not on an Andriod device. I would like to get some input on what is wrong with my implementation.
Popup closes automatically on iPad in Chrome?
I have a popup that opens and then immediately closes in Chrome on an iPad. The popup works properly on all other combinations I've tried (devices/browsers). For whatever reason it won't stay open in Chrome on an iPad. Any suggestions where to start? I'm using JQM 1.2.0 FINAL and jq 1.7.1. Thanks
Can not show collapsible in pop up
I want to show json data in popup then it show collapsible. But It doesn't show, help me please. //Show Detail in java script $("#txtDetail").append("<div data-role='collapsible' data-inset='false'><h5>" + val.name + "(" + val.notable.name + ")</h5><p><table cellpadding='1' cellspacing='1' border='0' style='font-family:tahoma;font-size:8pt;'><tr><td><img src='https://usercontent.googleapis.com/freebase/v1/image" + val.mid + "' alt='' /></td><td><span width='80%'>" + DecArticle.property["/common/topic/article"].values[0].property["/common/document/text"].values[0].text
fixed distribution of radiobuttons across defferent smartphone screen resolutions
I need an eight element radiobutton to always show as five buttons in one line and 3 in the next. When it is unregulated, all depends on screen resolution, so that you get in the first line as many as will fit there - even all eight. How to prevent this? The most barbarous, but effective way I can think of is table, but I would rather stay away. Grids seem too simplistic and would work with buttons rather than a set of radiobuttons. Is there a neater, more obvious solution?
Transition error in Android ??
I have made an application by using PhoneGap + JqueryMobile but when testing it on a Samsung S3 with android 4.1.1 the transition is not smooth. I have configured the transition to be 'slide' but the app blink the white page one time before it slide . I don't know how to fix it. Please help me !!
AppendTo and "refresh" advice
Hi I am reading a csv file with php / ajax and creating a list from the file. That works fine. I am then using: AppendTo to push the html I've built into the <content> At this point it breaks, as I now know due to the order in which JQM builds the page Is there some form of "refresh" I need to do to make JQM "see" the html and respond accordingly? In action >>>> http://glengilchrist.co.uk/csv/table2.html Initally I thought I needed a $('#buglist').listview('refresh'); << but a) I am not sure where
Next Page