interval refresh listview without loosing textarea focus
Hi. I'm new here and I hope you'll could help me. I have a jQuery mobile website with a message system. The user could write messages with his friends. On the message page the user have all his conversations. If he clicks on a conversation, he'll see the complete conversation. There is my problem. I don't know, how to auto-refresh the content of the listview, which shows the conversation. If I refresh the whole, I will lost the focus of the textarea for writing a message. Could anybody help me with
trying to get data from the server - doesnt seem to work?
So I am trying to fetch data from server and display. when i run the actual site in a browser (ff etc), i get the data displayed but when i try to do it via the mobile, i get a blank page? i have tried several things instead of $(document).read.. like pageinit, live, on etc to not avail.. cant find any tutorials either <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link rel="stylesheet" href="jquery-mobile/jquery.mobile.structure-1.3.0.min.css">
<link
How do I get in touch with jQuery Mobile developers
I would like to suggest incorporating these free icons http://www.webhostinghub.com/glyphs/ into jQuery mobile, but I can't reach the development team. What is the best way to contact them?
AIDE, PhoneGap and being lazy and mobil
Hej I am a bit lazy, so I had to do some work to allow me to easily show/test/implement ideas. As a browser places an environment around HTML5 and sometimes one needs to get to more than what the browser allows, one has to use PhoneGap and plugins. As I seem to be using Android for the time being (I keep breaking iPhones ...), I made https://github.com/OwenBrotherwood/aidePhoneGap It allows me to quickly create an idea even when on the move, including compiling of a plugin... At the present moment,
Using different right arrow indicators on different pages and themes
Got an unusual situation here. In JQM, on the ui-listview you basically use the default right arrow indicator or assign a different image to it. However, my client wants it where depending on the page you're on, the arrow indicator is a different color depending on the theme letter being used. Let me try to elaborate. Let's see I have one page with a ui-listview and it's theme A and the background is white. So the arrow should be black. On another page, the background is black and it's theme B so
Most of the pages are not refreshing
I'hv been made a mobile web site using jquery, php is the server side language. But now when i run the site some pages doesn't comes as it is. After refresh of it, the page come up as it is.. what would be problem, please let me know how to overcome it 1 - This is view when calling it 2 - after refresh it, that's what i wanted I want to have the 2nd view as once without refreshing please help me.. please kindly let me know what should i do for over come this issue
Panel causes choppy animation on iOS
I developed a responsive 1 and 2-column jQuery Mobile layout that uses the transition CSS3 property to animate between columns on smaller screens. The animation works great in Chrome/desktop, and on iOS; its very smooth. When I added a jQuery Mobile panel widget, the panel widget's animation is incredibly smooth, but the animation I wrote degrades to a point where its so choppy you see 2-3 "flashes" of the column that's entering/exiting, which isn't smooth at all. Is there anything in the panel widget
second
we are using json links to retrieve data from database to display it in the jquery.. for example..the code looks like this.. <html> <title>Post Json</title> <script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script> <script type="text/javascript" src="jq.js"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
How to connect with the php code in jquery mobile
Hi, I'm new to jquery mobile.. i was made a jq.mobile site, for the server side i was used php language when put the jquery mobile libraries on the php code, output doesn't comes (it doesn't load) but before (normal php code) put those libraries it works I'm really thankful if anybody could help me.. please let me know how to connect with the php code in j.mobile.. please help me
Image upload to application folder from mobile device is possible in jquery mobile?
I am using only jquery,jquery mobile,html5. I need to choose an image from mobile device and need to set it as the background image of application. Can you tell me a possible solution? Thanks in Advance
moved to another forum
moved
mobile.loadPage problem if container has multiple divs
Hi, I'm trying to load an external url content to a div.When I use the Js code block below, the url content is displayed successfully. But divHeader is not visible because mobile.loadpage creates a new div under divContent, sets the url content to this div and newly created div's style is ui-page. When the style is ui-page it surrounds the whole page so divHeader isn't displayed properly. When i delete the class value "ui-page" from newly created div at runtime everything is fine.I couldn't change
How can i open new safari window in inapp mode (ios)?
Hi, today i have a probleme, probably nothing ^^ When i load my jqm app in safari and tap on the form (below), then a new window open with the pdf file. But when i install this app in my home screen (inapp), the pdf file is opened in the main app screen, and so i can't back to my app. How can I open this link into safari ? Or how can I back to my application ? What is the best practice for user when they want to open pdf file into an inapp webapp ? Thanks for your help Geg <style> .ui-icon-pdf {
Prevent panel from opening?
I'm looking to try and have some logic built into one of my panels and am having trouble preventing it from opening. I have the following code but it will not prevent the panel from opening. $(document).on('panelbeforeopen', '#right_panel', function(event){ event.preventDefault(); alert('test'); event.stopImmediatePropagation(); return false; });
Z-Index Issue on Motorola Devices JQM 1.3
I am having a issue with JQM 1.3, JQ 1.9.1, PhoneGap/Cordova 2.4.0 and the DROID RAZR 4G, MOTOROLA PHOTON 4G, MB855, DROIDX. My issue is that the users cannot see any of the buttons, form inputs, or collapsible-sets. I can replicate the issue on browserstack.com and even FIX a part of it. It seems that the Motorola browser/html parser does not respect the z-index attribute. If I change a button's z-index to 999999 I can see it in the Motorola Browser, but this dones not work for collapsible-sets.
jquery mobile list view link problem for experts
Hi everyone Im using jquery mobile to build a custom theme. Ive got everything working there is only one issue. Im using mappress to display business location data. When i add a map to the post then the listview in jquery mobile works, but im not able to click the link to the post. If i remove the mappress map from the post then the link works fine. For example in a listview i have 5 posts with custom post type and custom taxonomy query. if i add maps to 2 of those posts you will find the other 3
HTML5 Crossbrowser Development - JavaScript interpreter speed
Hello, I have developed a browser game with javascript and html5 which i would like to publish as mobile web app. My main game is drawed in a canvas object. Sadly it only works correctly with Google Chrome 25 now! The reason is that in other browsers (tested with Firefox 19 and Opera 12.14) the animations are much too slow. The main game loop which invokes the methods for moving objects and drawing objects on screen is called endless repeating by a setTimeout-command with a 20ms delay. I dont understand
Mobile Web App with data-role="page" problem with browser access to server - offline working!
Hello, at time I am very wondering why my JQuery mobile apps are working offline without any problems in my browser - but not at the server! The files are all loaded correctly - that I have seen in firebug! When I load the online page in any browser it shows a destructed structure with all html element of the whole html page together on a white page. The layout is not rendered with JQ mobile. Do you know what my problem is here? Many thanks in advance! My index.html pages always have the following
Jquery and sqlite
Hello everyone, I am building an offline application using sqlite on phonegap, and my Jquery versions are 1.2 for mobile and 1.8. My code did not work, i don't know if this is the right way to store date into database. The timeFunction is called on 4 different buttons depending on which button the user clicks. For example, if morning button is clicked and then the the ok button which calls the timeFunction is cliked, i wouls like the data to be stored in the morning column. Below are both codes.
Selectmenu doesn't open when inside a Popup widget in Android 2.3
Hi, This had been a issue since the old versions of jQM and still exists. The selectmenu doesn't seem to open (natively), when inside a element (div..etc.) with the position set to absolute. I tried using the selectmenu inside a Popup widget... and it didn't work. I even tried using the DateBox widget inside a dialog page with the combobox enabled (to choose the year/month).... and didn't work. I recently tested jQM 1.2.0 Final selectmenu in Android 2.3 & 4.1 (inside a popup widget), and it seems
unable to load html file from local file system into div
Hello guys, i am working on mobile application where i need to load a html file which is stored locally into div, i am able to see all the html text into div but not the images, i am using fallowing code to load html into div $.ajax({ url : currentBroadcast.broadcast, data : {}, success : function(data) { console.log("data is :" + data); $("#text_content").html("<strong>" + data + "</strong>"); } }); log("DEBUG: richTextPageUpdate ended"); }
jQuery Mobile Forum Icon
FYI, I was looking at the "all forums" page and noticed that the jQM forums (2 total) show the standard jQuery icon/logo. Thought it would be a good idea to switch those to the jQM icon, since jQuery UI and QUnit have their own. Just an idea.
Jquery mobile books
Hi Im rather new to jquery and jquery mobile. I've got a basic understanding of both. Can anybody recommend any good books on both subjects that are up to date as there are so many to choose from. I have an ok knowledge of html and css and I have manage to create a mini jobs site from jquery mobile but i'm looking to enhance it further. Also, Apologies if this is silly question, but is Jquery UI very similar to jquery mobile as there is some books on that topic too. Thank you in advance for any
Jquery store sql result callback in var
Hi Guys, i have a little problem getting to the results of a sql count function. this is what i am trying to do: table 1: product categories cid = uniek category_name = TEXT table 2: products pid = uniek cid = link to category type = subcategorie (there are only 2 types) product_name = TEXT I want a listview of all categories_name en the number of products of type 1 and type 2 that are in that categorie in to seperate <span class="ui-li-count">. The sql and loop for the category
Zoom in/out feature
Changes in the <meta> tag or document.bind function doesnot solve my issue in zooming..I ve followed the steps in the previous posts for zooming,but nothing takes effect.Is there any other way to achieve this in ios,android and blackberry ???? some external plugin like hammer.js or something else ???
How to reduce memory of Jquey mobile application?
Hi, I have developed application using JqueryMobile1.2.0 and Phonegap 2.3.When I move from one page to other page the memory will increased each time.When it reach high memory the application is suddenly closed. So how to reduce the memory of Jquery mobile application? Please guide me Thanks Nathiya
Getting Error: ReferenceError: googletag is not defined
Hi All, This is my first post to this Forum. I am getting following error when trying to use google tags in Ad script. Error: ReferenceError: googletag is not defined My Ad script is as follows: <script type='text/javascript'> (function() { var useSSL = 'https:' == document.location.protocol; var src = (useSSL ? 'https:' : 'http:') + '//www.googletagservices.com/tag/js/gpt_mobile.js'; document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>'); })(); </script> <script type='text/javascript'>
Link to simple map not linking in Nested Lists
Linking should not be difficult. I am starting in JQM have started to "flesh out" my site tried the first link to a working map page from a nested list - does not go to link, so I tried a button at the bottom of the page with same url and it loads. Sorry for the simple question but it is driving me crazy - they are both pointing to the same file! http://stonemeadow.ca/Mobile/mobile-1.htm I thank you for your help I included just the portion that shows the link to map.htm just for reference but can
navbar with <ul></ul> throws error about nth-child
Hi, jQM 1.2.0, 1.3.0-rc.1 <div data-role="navbar"><ul></ul></div> throws an error out of jQuery. Reason seems to be that in $.fn.grid = function( options ) { at about 5572 ) the variable grid is null resulting in an undefined value for iterator. Inserting a check for zero children after if ( !grid) (5556) seems to fix the problem if ( $kids.length == 0 ) return; Dan
jquery mobile swipe event is not working
i want to add swipe event using jquery mobile. swipe is working when i click on preview button of tizen ide.when when i run the application in tizen web simulater application,swipe event is not working.i just include the jquery and juery mobile js file.Have i need to add any additional js file for swipe event? here i am using fullcalender.js for creating calender. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
Dynamic <li> in HTML5 using jquery mobile: Problem
The code corresponding to the landing page is as follows: <script type="text/javascript"> function GetQueryStringParams(sParam) { var sPageURL = window.location.search.substring(1); var sURLVariables = sPageURL.split('&'); for (var i = 0; i < sURLVariables.length; i++) { var sParameterName = sURLVariables[i].split('='); if (sParameterName[0] == sParam) { return sParameterName[1]; }
infinite scrool does not work with jquerymobile.js file
I need infinitive scrool with my jquery mobile project my infinitive scrool codes work well but when i added jquery.mobile-1.2.0.min.js to my page the infinitive code does not works. this is my code.This code does not work but When i remove jquery.mobile-1.2.0.min.js it works <script src="https://ajax.googleapis.com/ajax /libs/jquery/1.7.2/jquery.min.js"> </script> <script src="https://ajax.aspnetcdn.com/ajax/ jquery.mobile/1.2.0/jquery.mobile-1.2.0.min.js"> </script> <script type="text/javascript">
getJSON List Daynamic issues
Dear, This is the first time to post here i hope it will help me, my project to create list from database as dynamic and after that i can press on this list and whowing another list and again press and whoing another list so on ...etc , but i have problem in my code i can't see the second list after i click on first list , please see below my codae and let me know what problem here: i think the problrm here "$("#ColList li").click( _updateList);" inthe first time when click not able to go inside
Help with multi-column Layout for label / text inputs
I would like to format my input fields side by side with the styling of the fieldcontain ( hopefully but not required ) But it appears that the field contains forces 100% width - even if i float left and style with width=48% The Label applies to both text boxes like this - and the texboxes are for number and decimal inputs only Some Top Level Header Here Textbox Label Textbox Textbox Label Textbox Textbox Label Textbox Textbox Label Textbox Textbox Label Textbox
display: none css not working on one of my pages
I am trying to hide a loading gif for ajax. On the first two pages I have my hidden: none set in css like: #preloader{ display:none; } then the div looks like: print " <div id=\"preloader\"> <p class=\"center\"> <img src=\"ajax.gif\" alt=\"AJAX loader\" title=\"AJAX loader\" /> </p> </div>"; I am using php, that why its print and all the back slashes. But for some reason non of my divs are being hidden and I can not for the life of me figure it out. ANy idea what could be causing this problem?
Input type=search and numeric pad
Hi, i need to implement a search input where user type only digits (search items in a list that contain only numbers). If i write: <input type="search" id="searchBox" name="searchBox" /> it is rendered like a input text (it's a input with type=text) with a search icon and, when it's present data, a cancel button. But, in a mobile device, when user focus to search box must be appear native numeric keypad. It's possible to add a data property like data-search-type with values (freetext, text, url,
Jquery Mobile Page Structure
Hi, I have some doubts in jquery mobile with phonegap . I have provided the sample below.Whether this is the correct jquery mobile structure or not? <html> <head> </head> <body> <div data-role="page"> <script> function init() { } </script> <style> </style> <script type="text/javascript" charset="utf-8" src="cordova-2.1.js"></script> <div data-role="header"></div> <div data-role="content"></div> <div data-role="footer"></div> <div>
A form that I load with .load into my page does not work
I load an html form into my page with: $('#rateDrop').load('getRateDrop.php' , function() { $('#rateDrop').trigger("create"); }); when I try and use the form I get this error in chrome: 6Uncaught SyntaxError: Unexpected token ,
Proposed addition to slider: auto-adjusting
Hi, in my app I'm using sliders to enter a number. The number can be arbitrarily large (addition: but greater than zero), even if *usually* it is within a certain range, so with a slider I have the problem that it requires a "max" value. Conventional inputs just look awful, though, and are harder to use. So it would be neat if the slider, if wanted, adjusts its own range upon selecting either the min or max value. I implemented it using the slidestop event, but maybe I'm not the only one who'd like
SAML authentication using jQuery mobile
Hi, I'm new to jQuery and I'm not even sure if this question belongs here and was exploring on the ways of implementing Single Sign On (SSO) in a mobile web site using jQuery mobile. I want to use SAML authentication scheme to login to my website from a mobile. Please can anybody help me with this or direct me where I can find the solution. Thanks.
Next Page