I need help from jquery mobile experts...i am very much lagging with my issues..pls help me out....
hai i have started a frame work of my own.my zeal and aim is to achieve my goal of mobile framework that is compatible with services and data base .and the theme of my framework is the one who is not much familiar with developing mobile apps also can develop and build mobile apps of his own and which is having more features like. *Dynamic scripts *Data base integrity *Wcf rest service integration *Web service integration *Dynamic generation of basic and jquery validation. *enhanced css templates
Redirection not working
Hi, I am running a DNN7.1 website. I have a regular website. I added a page which acts as login page for mobile users. I am using JQuery Mobile 1.3.2 on the mobile pages including this mobile login page. If the user navigates to that page and enters username and password, it works correctly and redirects them to the correct page sent on the url using a querystring (example: http://localhost/Mobilelogin?url=http://localhost/somePage , it correctly redirects to http://localhost/somePage). Now I want
Best practice to link to a piece of code
Hello. I am making an app that has episodes list of a show. I have covered the issues of copyrights so that is not a worry. The problem is that the show started back in 2009 therefore I have a lot of videos linked through iFrame. I used a list-view demo from jquerymobile docs & demos website and figured out how to make embedd an iframe in a popup (there was also a user on here that helped me as well). The project can be found here: http://www.ideviceinfo.x10.mx/apping/app/index.html Since the listing
Data-Transition Jquery Mobile Problems with CSS style
I'm having trouble styling jquery mobile. The styles of the first page are in use as all other transition-date! Border, color, sizes .... And I do not want it ... Anyone know how to solve?
Query regarding convert asp.net application using jquery mobile framework
Is it possible to convert application developed using ASP.NET framework 4.0 (not used MVC) using jquery mobile framework?
Sub page problems
please how do i add title to a sub page in my document and how is the best approach to work and link subpages to avoid error when you click on it or try to navigate from a subpage to an external document
Tabs problem when present in remote conten loaded with Ajax
Hi, I have a problem with a new Tabs widget in JQM 1.4 RC1. If i put the tabs code in the index page i haven't any problem. Bug fired, when the tabs code is present in the other page and i get that page with ajax. The problem is in isLocal funciton when tab is created. The function return false when tabs widget is present in the other page. Sorry for my poor English. Bye
Stylesheet makes some fonts white shadow, or engraved on subsequent pages
I really appreciate jquery mobile - life saver, easy to use, love the popup. I noticed on my Web page (on both desktop PC and android mobile phone) that many of the fonts appear with a white shadow. Some appeared engraved at times, but this isn't consistent. It makes the fonts look less sharp and legible. Inline styles and scripts are still in the page during development. I also noticed that the jquery style sheet carried over to pages that are not using the style sheet - just plain text and no
combine collapsible and non-collapsible
Greetings, I have a collapsible set, but what if I want one of the collapsible sections to NOT be collapsible (and have a hyperlink), but still live among the collapsible. Example: Sections 1 & 3 are collapsible with lists within them that are hyperlinked. BUT Section 2 has no lists/subsections inside it. I want Section 2 to be a hyperlink all on its own AND I want it to fit/nest/connect in with Sections 1 & 3, not stand out by itself. How to do this? Thanks!
Require help to resove jquery mobile issue
Currently i am working on asp.net application with framework 4(No use of MVC). the current application is developed using jquery. now i want to migrate my jquery application to jquery mobile. (without MVC). i had implemented jquery mobile in my login page. but after login while redirecting to home page, mobileinit event not working as i had added all header file my masterpage. i am using mobile 1.3.2 jquery framework. Please give ur valueable input to resolve my this query.
Error in loading page
i work with jquery 1.8 version and each time i add a subpage to my document. it gives me error when i click on the link to call the sub page from the main page and if it goes through, it gives me error when i try link from that sub page to another external file or . i use the <a href "#subpage"></a>
hell
please am new into jquery mobile we app development. i want to know, which script language is better for dynamic app development, i can write php to a good extent. So please cn i continue developing with php? i need answers
jQuery mobile reloads iFrame on panel opening
I have stumbled upon this weird problem, where an iframe in the content area of a jQuery mobile site is reloaded the first time I open a panel. Any subsequent opening does not reload the iFrame. You can see it in action in this fiddle: http://jsfiddle.net/jakobgt1/Z3mmn/7/ (watch the network requests). <body> <div data-role="page"> <div id="nav-panel" data-role="panel"> <a href="#my-header" data-rel="close">Close panel</a> </div> <div data-role="content"> <a href= "#nav-panel" data-role="button">FooBar</a>
Embedding video in a listview
Hello. I am working on a jQueryMobile native web-app for iOS. Since I am a total noob at coding, please bare with me. I around about 50 to a 100 videos on a youtube channel that I putting up as my code goes. The videos are episodes for each month. So I started with June (since I have the episode of that old show from only June at the moment). The thing is that since that was the only video for june, everything worked fine.. Working page is at http://www.ideviceinfo.x10.mx/apping/app/years/data/2009.html [Click
jQM page - infinite scroll
I have a jQM page into which I am dynamically inserting HTML snippets (table rows). These snippets represent data, about 25 records in a tabular format. The 25 record limit is set to minimize latency & timeout issues. I would like however to retrieve the next set of 25 records as the user scrolls to the bottom of the first set of 25 and again as they reach the bottom of the second set of 25. In effect I would like them to be able to scroll infinitely while getting back data in set increments. Is
jQuery mobile native app and google drive is it possible?
Hi, as title i try to create a native app to ios that include the possibility to update and download file from personal google drive account. Is it possible use google drive api in a native ios app via javascript? I found solutions thats needs a server. Thanks for any help !
Cloning Form elements - select and range inputs
I am having a hell of a time cloning a form in jQuery Mobile 1.3.2 and jQuery 1.9.1. Originally all expandable and range inputs weren't working (were visible but had no functionality) when cloned, now they are acessible but duplicated - a select nested inside a select I have the following markup: <div data-role="page" id="auditForm" data-theme="a"> <!--Observation--> <div class="observationTemplate"> <h4 class="observationTitle">Observation - 1</h4>
Jquery Mobile and JSON
Good evening everybody! I need hel to understand a weird enviroment of my web app. I'm trying to create an app with Phonegap and Jquery mobile. I have a problem with the refresh of the listview. I download data from JSON and create a list of elements. The list it isn't correctly downloaded untill I don't click refresh on the browser. What's the problem? Next you can see the HTML and Javascript pages. HTML <!DOCTYPE HTML> <html> <head> <title>CATEGORIA THRILLER</title> <meta name="viewport" content="width=device-width,initial-scale=1"/>
mobile jquery file in blogger
hello i have applied jquery mobile accordion in blogger. first the blogger loading its works fine. while click on any post header for post details . it makes problem pls help Thanks
image quality after adding data-position="fixed"
My footer is a grey strip with 4 social media icon links. Looks great normally however since adding data-position="fixed" to the footer to ensure it sticks to to the bottom of the screen at all times, the image quality reduces. See both images below, the top one being before adding the fixed code and the bottom being after. I have tested and as soon as I remove the 'fixed' code my images are perfect again. Are they somehow being stretched by the css assigned to the fixed footer code? I tried adding
How to disable Slider text box?
I'm pretty new to jQuery and jQuery mobile and my employer wants me to create a series of sliders stacked vertically without the accompanying textbox. Is there a way to disable this, or toggle it's visibility? Thanks!
Sliding Panel in a screen with Fixed Header and Navigation Tabs
Hi, I am facing issues when using fixed headers with nav panel and sliding menu(reveal/push mode) with android devices. Below 4.0 sliding panel doesn't open and on 4.0 and above the panel content goes under the header and navigation tabs. I am a newbie into hybrid apps with JQ. Kindly suggest if there is a suitable alternative
refresh #page2
Hi-- I have a simple 2 page jquery.mobile app. I'm using #page1 to gather parameters for a <canvas> object drawing on #page2. I cannot figure out how to refresh the drawing (and other content) on page two after I make changes. If I push f5 it refreshes. My question is how do I programatically refresh the page? --DrBill
jQuery Mobile 1.4.0 RC1 collapsible events (collapse/expand) happens too late
Hi, would like to ask, when did the naming of the events changed? When I was using 1.3.2, I used the events 'collapse' and 'expand' for collapsible to add in animation when the collapsible is expanded and collapsed. However, in 1.4.0, the name changed to 'collapsibleexpand' and 'collapsiblecollapse'. Even if I bind the events to allow animation when expanding or collapsing the collapsible, the events were triggered too late, and the contents is already displayed when the 'collapsibleexpand' event
Combine swiperight event and slider on a same page
Hi, On my mobile website, I implement a hidden panel on the left side. This panel is called with two classic event : swiperight to open, and swipeleft to close. On a specific page, I have a slider. Technically, no problem, but ergonomically, use of slider (sliding cursor to the right i.e. ) launch the event "swiperight" and open the panel... Problem of big finger ! :D Slider (with default theme) is too thin, and finger move could be interpreted as a swipe event on page.. It's difficult to use these
separating list items in listview
I am not sure if my problem is jquery or jquery mobile related but here goes. I have an array which contains 3 arrays... numbers as strings. I change the class of each element to appear as a circle. When I enter them into a listview I would like 1 array per line but I am getting all 3 as the first list item, then the 2nd and 3rd as the second list item, and finally the 3rd array as the final list item. I am thinking my problem is something to do with my $.each loop but I am baffled. Link to my fiddle: myfiddle
Horizontal Scrolling with vertical scrolling
3 down vote favorite 1 I want to implement horizontal scrolling with vertical sliding .Something like picture given below. For doing the same I search and found this one http://developingwithstyle.blogspot.co.uk/2010/11/jquery-mobile-swipe-up-down-left-right.html But the code written in this blog does not make sense to me. I also downloaded the demo provided at http://www.idangero.us/sliders/swiper/ and try to modified according to my need. But could not able to do the same. If any one have Idea
Photoswipe <li> images took dinamically from a folder
Sorry for my English, I am a new to jquery mobile and only have basic knowledge about javascript languages in general; I was playing around with a single page website mobile ( I usually use Dreamweaver CS6) and I reached a good result with photoswipe and everything was good since I had just few images. I have added a lot of them so now I would get the images' link dynamically. In short, I want to start from a folder on my ftp and read all images file within it and create the <li> items for each one.
Script not working after navigation
Hello, I passed the last days reading through the internet to find a solution... Maybe someone here can help me. The problem: Javascript works only on the first access to the page. If you navigate to another page and then back to the initial first page, the scripts are not working anymore. (Nothing happens) Page A is the page with the scripts. 1. Direct access to page A -->> Script works 2. Change (click link) to page B 3. Go back to page A (click link) 4. -->> Script is not working anymore If the
Slider issue
Hey guys, Im having a slider issue. I just simply copied (copy) the code of the slider on jquerymobile.com and paste it in a dreamweaver cs6 html file. But when i do a preview on safari / google chrome, the slider is not showing correctly. The slider works, but the slider shouldn't look like this. I tried different things to solve the problem, but i don't get it. I paste the correctly CDN codes in the head tag. "<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"
Trying to have something execute on a particular page, only once
Hi folks, I've seen many others post about similar things, where they have events firing for the number of pages that have been visited, and I've gotten around the problem by unbinding my events prior to binding them, like so. $('td[id^="someElement"]').unbind(); $('td[id^="someElement"]').each(function() { blah blah }); But now I'm trying to have my application cache check for updates when a specific page is visited, and it's behaving the same way
panel issue on iphone
Iphone 5 with ios 7 issue is when scrolling a panel the panel disappears suddenly then is no longer able to be re-opened. you can see this if you go to http://view.jquerymobile.com/1.3.2/dist/demos/widgets/panels/ on iphone 5 latest os. thanks in advance.
Updatin list with jquery ajax and jQuery Waypoints infinite scroll
Hello, I have few problems. I try to use http://imakewebthings.com/jquery-waypoints/shortcuts/infinite-scroll/, to load more in my list when i arrive on the end of the list. I do not found better way for that. I have a lot of data. So It works. BUT. When I load from another php. more <li> rows, and they have right classes attributes, but somehow I do not have the usual list look like in normal way wit JQM. I can not figure out why it do not formating it. Another stuff is, that I can not find a logic
Dialog in a gridlist or any list
Hey guys, I am trying to make a web-app that will display a video via a list view. I was going through the demos on jquerymobile.com and came across something that exactly fits what I want. (jquerymobile.com/demos/1.3.0-beta.1/docs/demos/popups/dynamic-popup.html) The problem or problems are that I am code illiterate and depend on examples and utilize them to use for my purpose. I couldn't find the full code to create dynamic popup's. If someone could provide me with some information on how I could
Printing of jqmData into HTML
Hello, I saw here http://api.jquerymobile.com/jQuery.mobile.loadPage/ that it is possible in jQueryMobile to directly print data into the HTML-Code without using the <script>-tag. Here is my code: // HTML stuff and including of jQuery mobile & co. <title>$.jqmData("projectName")</title> </head><body> //... <h1>$.jqmData("projectName")</h1> // rest of codeFor the title it works and inserts my project name which defined earlier. In the body part (<h1>-tags) it does not work and shows me the unparsed
Listview Vimeo Embed Video
I am building an app that uses Listview, a playlist of embedded Vimeo videos. How do I make it that each item in the list when clicked or tapped swaps an embedded video for another? I am using 1.4.0 RC... Any help would be greatly appreciated. Thanks in advance, Kelvin
Need advice as to the best practices in jQuery mobile.
I wrote my first JQM app. It’s a playlist music player with multiple pages (2). It works on the iPhone, Safari, Chrome, Firefox… But will it work in other browsers? Is anything I wrote against the normal rules of JQM pages? Take a look at Stagger & Belligerence. Any and all comments are welcome. PS I used the latest code bases and HTML5 features. <script src="http://code.jquery.com/jquery-2.0.3.js"></script> <script src="http://code.jquery.com/mobile/1.4.0-rc.1/jquery.mobile-1.4.0-rc.1.js"></script>
Jquery Mobile- Design applying partially.Doesn't appear properly.
Hi, Am using jquery mobile for android and IOS mobile styles, and also using JSVIEWS and JSRENDER to render html content dynamically. I have rendered all content in dynamically with in a page, so here when am rendering content initially, JQM designs applying perfectly but after I have rendered html content dynamically It does not apply properly. Some of the styles are applying. Here my content always rendered dynamically, I have triggered content div once loaded the html content, even it's not working
Why not less or sass is used to build jquerymobile theme ?
Hi, I'm working with jquerymobile and I'm used to have tools like lesscss to edit the source code and build my own theme. For sure I'm using the provided theme roller but first I don't have the choice and then it becomes hard when you want to update your theme version (the import doesn't work well). I have found the project https://github.com/srsgores/jquery-mobile-less but it's not up to date and I don't understand all the way it's done. So my question is why the jqm team doesn't use a framework
iPhone 5 Safari - setting sessionStorage blocks execution of the rest of the code
It seems I encountered an issue with setting sessionStorage by iPhone 5 Safari browser (latest IOS version) - in desktop browsers all works flawless. I have this simple code validating a login form with ajax: <script> $(document).bind('pageinit', function() { $("button#submit").on('click', function() { if ($("#username").val() === "" || $("#password").val() === "") { $("div#response").html("Please enter both username and password"); } else {
Next Page