How to embed youtube channel in jquery mobile page?
Hi all, I'm trying to insert or embed a youtube channel in my web app created using jquery mobile 1.3.1. But I haven't found any script suitable for JQM. I only find Jquery scripts that partially work with my web app. All I would like to do is to show my youtube channel and play a movie without leaving the web app. Something that will play the movie in a sort of lightbox would be enough. But all script I've tested have hardcoded links to youtube channel, not allowing me to add the class required
Make Phonegap/jquery mobile work across all Android devices
I'm seeing diff errors across diff devices and OS for Android. I found this Phonegap blog post from 2010, that somewhat talks about this issue but is confusing to me, http://phonegap.com/2010/05/31/using-phonegap-across-all-android-devices/ ...should you target the latest all the time, even when making a specific apk to test on your specific device?
Problems with headings within LI sections
Hi all, I have chosen to "inset" most of my content using the data-inset="true" attribute to allow my background to show through, rightly or wrongly. This is generally applied to a <ul> tag, meaning that all content should be within <li> tags. It seems that when I add heading tags (h1, h2, h3, etc) they are all formatted exactly the same, rather than accepting the browser default styles. This appears to be because they are all given a class of ui-li-heading, which is subsequently styled by the JQM
Form post and Browser Refresh
Hello All, I am having issue in form method post and browser refresh. Whenever I am using post method, once submitted and if you refresh the page I am losing my post data. Is there any work around for this? you can identify issue in following example link. http://jquerymobile.com/test/docs/forms/forms-sample-selfsubmit.php fill up the form, it will display information once you refresh your posted data get lost.
jQuery Mobile: use a dialog to let user confirm form submission
I would like to use the beautiful jQuery Mobile dialog: <a href="foo.html" data-rel="dialog">Open dialog</a> To ask a user if he really wants to submit a form. My idea is: user fills the form then clicks on submit and so he sees a dialog like "do you really want to submit the form? Yes/No" and if yes the form is sent using ajax to my insert.php page if no the dialog is simply closed. I've read in the official documentation and it looks like this is simply a graphical tweak to show any #page of my
jQuery Mobile radio buttons not working in ios?
I'm working on phonegap thing using jquery mobile controls for both android and ios. Only the radio buttons,flip buttons and select items are not working in ios and working fine in android. I'm using them in <ul>,<li> tags. Is there any problem if i use them in those tags? Example code im giving below:. <ul data-role="listview" data-inset="true"> <li> <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true"> <legend>CC Me To EMail:</legend> <input type="radio" name="radio-CCMail"
jquery mobile: custom back button
Hi all, I have the following situation. Inside one page I load dynamic content via web services. Something like: 1st level => Sports list desc: (when user clicks on specific sport) then I load all states 2nd level => States list desc: (when user clicks on specific state) then I load all leagues 3rd level => Leagues list etc...... So I am able to do custom "back button" in a form normal jquery mobile button <a date-role="button">Back</a>, then I dynamic change onclick attr to put function name which
Seperate in Listview
there is a part of my XML response that I need to put in different list view with number. this is the response <Note> Cook pasta according to directions, chill in ice water, drain.¶Blanch broccoli in boiling water, chill in ice water, drain.¶Use ½ soy sauce to season the chicken, heat oil in no stick pan, brown chicken, and reduce heat and finish cooking.¶Don"t overcook! Slice chicken into 1" strips, turn and cut into ¼" pieces, place into bowl with other ingredients except dressing and soy sauce.¶Mix
How to embed youtube channel in jquery mobile page?
Hi all, I'm trying to insert or embed a youtube channel in my web app created using jquery mobile 1.3.1. But I haven't found any script suitable for JQM. I only find Jquery scripts that partially work with my web app. All I would like to do is to show my youtube channel and play a movie without leaving the web app. Something that will play the movie in a sort of lightbox would be enough. But all script I've tested have hardcoded links to youtube channel, not allowing me to add the class required
MultiLanguage
I have this Popup to change the Language of my apps. Do you have any codes guys how to change the language of the whole apps? without using the plugins?
jQuery Mobie1.3 panels don't support accordion or nested lists?
I'm trying to make a fairly complex site with a lot of working parts and the navigation needs to be really simple for the end-user so I'm using a panel they can swipe-in or that is fixed on the left when it's wider than 55em (yay RWD!) -- thing is, the panel refuses to work when I try putting in a collapsible-set or a nested links menu. I have "main" items and "sub" items in the navigation menu and the end-user shouldn't have problems finding what they need fairly quickly. I would just use list-dividers
[resolved] simplify condition
if (primo in ["Mr.","Mrs.","Miss","Lady","Baronet"]){alert("do not use title")} should this condition work, or is it wrongly constructed? I want a simplified condition, without repeating (primo=="..."|primo=="..."|primo=="..."|primo=="...")
Panel causing Popup not to show
I added a panel to my page and I soon noticed that the popups were not working properly. I narrowed down the problem to the combination of properties data-display="overlay" data-position-fixed="true" of the panel making the popups not show. If you remove either one of those properties, the popups work fine. Here is the html http://jsfiddle.net/AMWga/. Notice it works fine in a browser, but not on mobile devices. Tested using: jQuery 1.8.3 jQuery Mobile 1.3.0 Beta 1 (both js and css) Tested on platforms:
Change collapsible div color
i want to change collapsible div and listview color i gave style but the color does not change what should i do? <div data-role="collapsible" data-collapsed="false"> <h3 style="background: rgba(204,244,204,0.9);">Hotel Ibrahim Pasha </h3> <ul id="listeu" data-role="listview" data-theme="b" data-inset="true" > </div>
Appending a list, binding to event is not working.
Hi I have the following code that when selected adds another item to the list. The problem I have is that the additional item does not get recognised on the following event handler especially as I want to return the id and the data-stream value. It works perfectly fine on the first block of code but not when the second is added. <ul data-role="listview" data-inset="true" data-theme="e" id="heatsMenu" style="border:2px solid #fff;"> <li id="a" data-stream="1"><a href="#display_details" data-transition="slide">
Apple store reject webview based jquery mobile Aplication
i developed jquery mobile map application and then i called this URL with IOS web view.And also used some other IOS features such as network connection control... but they rejected my application. in my app there are makers and it is look very good in my iphone and also it was touchable vsvs but they rejected.Why there are web view if they rejected web view based application?And i think maybe they rejected because it uses google map.Are there any google map alternative in IOS? this is their rejected
Table refresh
I have this code var tbl = "<table id='tclean'><thead></thead><tbody id='tbody'></tbody></table>"; $(tbl).appendTo('body'); coptions = "<td><select name='slider-flip-m' id='slider-flip-m' data-role='slider' data-mini='true'>"+ "<option value='off'>Nee</option>"+ "<option value='on' selected=''>Ja</option>"+ "</select></td>"+ "<td><select name='slider-flip-m' id='slider-flip-m' data-role='slider' data-mini='true'>"+ "<option
Reconize if we come from a Iphone Web App
Hi there ! I have this probleme. i use cookies and session to do appear or doesn't appear a div in my web site. (Thi div contain i sentence who propose to add my web site as bookmark on the iPhone). now, imagine the users had already add my website. And he click on the icon from the iPhone Home screen to go on the website. I would like that this user don't see the div again. (It's logical i think you guess why =p). Then do you know a solution (Javascript or Php maybe?) to know if we arrived from
Dialog box doesn't show
Hello, I've a problem to open my dialog box when I click on one of the three links. I already tried to create the following javascript code to execute my dialog box but this last one doesn't show : $("#lnkHeader1").click(function(){$("#dialog2").trigger("create");}); $("#lnkHeader2").click(function(){$("#dialog2").trigger("create");}); $("#lnkHeader3").click(function(){$("#dialog2").trigger("create");}); You can see the example in JSFiddle : http://jsfiddle.net/dark0502/Mpqt2/2/ It works only if
Problem with jquerymobile on "changePage"
Hi all, I have a problem with changing page. In my page there are this sections: <div data-role="page"> <div data-role="panel">panel left</div> <div data-role="panel">panel right</div> <div data-role="header">header</div> <div data-role="content">content</div> </div> If i click on a link, it starts an ajax call to change page: content will be updated, but panels became "blanks". Pages are generated using C#.Net. If i disable ajax feature (data-ajax="false"), panels work correctly.
Can we autosize listview to text inside it?
I want to autosize each listview [li tag] so that my text inside exactly fits the listview. I dont want the listview to span my entire page width , it should be just enough to wrap the text inside li tag. Can it be done? Any help highly appreciated
clear DOM cache when clicking home button
The order of my pages goes like this : index.html-->news.html-->newstext.html. In my news.html page div, I enabled data-dom-cache="true" because when people come back from newstext, they are at the same page location and news.html is not refreshed. news.html has a home button which takes it back to index where there are more topics to click on. How can I clear news.html from the dom when the home button is clicked? <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width,
Problems with the display in Internet Explorer 10 - http://pcname not work. http://localhost works!
I have created a website in jquery mobile. I have the webserver (iis) on my local pc. I call the page with the ie10 via http://localhost, everything is displayed correctly (round buttons, the positioning, ...). If the Web page is accessed through http://pcname, the representation is reset to a minimum (square buttons, the positioning does not fit, ...). Can I änderrn? Is there an approach that appears to me it is also about http://pcname in "jquery mobile style"? JQM-Version: 1.3.1 IIS 7.5 Thank
Perfomance is bad while switching between the pages with jquery mobile
I was facing performance problem while switching between the pages.I went to various forums and added something like faskclick and more. First time, when i switch to different page, it takes around 3-4 seconds but from second time it is fast e.g. 1 - 1.5 sec. Now, sometimes, click does not work. Out of 5 clicks, only 2-3 clicks works. I am struggling to figure out what went wrong ? If you can help me out finding why click is not working and how to improve performance when using jquery mobile, it
return to same page location with data-back button
From my understanding, the first page is automatically cached so there is no need to add dom-cache true. When I'm on a secondary page with a long listview, returning to the listview refreshes the entire page and starts the listview at the top. The fix to this is adding dom-cache but that seems very inefficient. Is there another way to do this?
getJSON function works only when ajax page loading is turned off
I struggled with this so initially I gave up and turned off ajax page loading for jQuery Mobile ($.mobile.ajaxEnables = false;) and (data-ajax="false"). I basically finished my website but I REALLY WANT TO USE AJAX LOADING!!! My problem is when going from index.html (topics page) to news.html, and going from news.html to newstext.html, the javascript ajax calls, which should get data from my database and fill the page, aren't getting executed. There are no errors in the console. Here's my code...PLEASE
What's the background image used by data-theme="b"
<div data-theme="b" data-role="header"> <a data-role="button" href="@Url.Content("~/Holiday")">Back</a> <h4>Gestion congés </h4> </div> What's the background-image used by this header ? What's the code of this background ? I researched but I haven't found. Thank you
Recommended method for displaying user messages and errors?
Hi all, Is there a recommended way to display consistent messages to users, such as information and error messages? For instance, displaying a message that suggests that the user may have entered an incorrect email address or password at login, or prompting them to complete a field? Cheers, Kaine
jQuery Mobile Responsive Panel and Textarea
I've got jQuery Mobile application http://gudulin.ru/test/problem.html . Left panel opens after page loads: $('#my-panel').panel("open"); I added a class ui-responsive-panel to my page and @media css stuff, so I can work with panel and page content together. Everything is OK on laptops browser, but there is a problem on iPad browser (Safari or whatever else). When left panel is opened and I'm starting type text into text area, a page jumps after typing any symbol. The problem comes when you start
Report Image works in some devices, not others
With jm:1.3.1 jq:19.1...this code works in my samsung galaxy SIII device fine, it comes up 100%, I enlarge it with 2 fingers, and scroll over to any area. Other earlier samsungs can't get the enlargement. So problem is how to get report image to load at certain larger than viewport size and allow horizontal scrolling. My first post, sorry if not giving all info needed or not clear. <%@ Page Language="VB" AutoEventWireup="false" CodeFile="report.aspx.vb" Inherits="report" %> <!DOCTYPE html> <html
How to reduce a jquery mobile page into a minimized static page?
Every jquery mobile page would minimally include jquery.js (~94K), jqyery mobile (~113K) and jquery mobile css (~74K) . That is a total of around almost 300K. After I construct a beautiful jquery mobile page, is there any easy way to "reduce" it to a bare minimum static page? I just want to preserve the look'n'feel for a certain sized screen, not all the dynamic stuff and whole package around it. I have tried to manually inspect the elements and copy the needed css by hand, but that proves to be
Getting Started with Google Analytics
UPDATE! I am now using debug version of Google Analytics ga_debug.js and I am seeing a resource not found exception 404. I have a jQuery Mobile App, and I am trying to get page views visible inside the Google Analytics console. Right now I am not seeing any users, or page hits. Here is what I have done so far. Please let me know if I am missing something. 1) Signed up with Google Analytics. 2) Got a tracking ID for a Mobile App. It then presented me with two native SDK's neither of which I downloaded,
Template customized in Jquery Mobile
Is there a way to create a template (Photoshop, Fireworks...) and apply in Jquery Mobile? For example: buy a premium template and apply it in my Jquery Mobile code. Thank you.
idle timeout in Jquery mobile
Hi I am new to Mobile query I would like to implement Idle time out in Jquery mobile Please kindly let me know how t implement it in Jquery mobile It should work on both browser- firefox chrome and on mobile devices - android, Ios, windows taking to other page or refreshing the page cheers, vinay
Footer
Hi everyone; I have a page developed with jQuery Mobile and phoneGap, in this page there a footer with data-position='fixed' as property, but when I make a click on the page the footer is hidden and I make the click again on the page the footer is show. I need that footer is show always. Thanks
Launching popup after page load
Hello. I am using popup features for JQM. Launching the popout via a button click is straightforward but how can I get the popup to launch after page load? JQM docs say you can initialise the popout via: $( "#myPopupDiv" ).popup( "open" ) I tried this by using the code below but can't get it to work. It launched on page load but would not close. I am a newbie with jquery so any help would be much appreciated. Thanks. $(document).bind("mobileinit", function(){ $( "#myPopupDiv" ).popup( "open" ) });
Load url into existing jquery mobile page
Hi, I am looking to load my twitter page into an existing jquery mobile page containing just a header with Title and Home link. I want the https://mobile.twitter.com/ceist1 to basically have a Title and home link for user to get back to home page instead of being directed out of the mobile web app. I have researched and tried $.mobile.loadPage("url"); and also url = 'https://mobile.twitter.com/ceist1' $('#selector').load(url); but no joy. I am a newbie to jquery mobile development and would appreciate
JQuery Mobile Google Map Not Working...Blank?
Hey guys! I have been working with this for over a week, and I'm STILL stuck....cannot get a simple map to load in my jquery mobile app (output with PhoneGap). I have a 5 tab app built with JQuery mobile and converted to an .apk by PhoneGap, all content works fine...static stuff, RSS, JSON data.....the last tab is a map/location pin, and it simply comes up blank. I've tried dozens of iterations of code, and looked at tons of examples online. Still nothing. Here are the vital parts I have coded...all
Problem about themes of Jquery mobile
Hi! I've a problem about jquery mobile: i'm trying to change the color of theme to the "data-icon", applying a customized theme. I have got a 2 customized themes. Firstly, the colour of the button is green. when I click to button, its changes to red. The button, change colour to my personalized colour. But when mouse is moving over it, the theme changes automatically, to the first option. Green again. I would like to know, where is the mistake.. function Dontreserve2hours(data, i, pista){ if(data==1){
ASP.NET MVC and jQuery Mobile URL Problem
Hi everybody! I developed an web application for a client with using MVC 4.0 and jQuery Mobile 1.3. This is my first app with jQuery Mobile. It is using a Form Authentication Login. So about my problem, my app works great on desktop browsers but when i try on ipad, after i login on site, something adds a code to url. On desktop it does not do this. Example : http://www.someappdomain.com/(F(GiZhZx8W0PUypXcpIOOIqp393ReiamAi3Nq7Y2DLgI184LgBXkOE4KNSqwyFIsYnOOgKyPpVCzod1cJQ7z-cJb40Gyyq8WvZ0KfrnQbrTRYWLhq6p-1VBGlvvPtjXMe2VmrxeBUd6lpeVYV9jtsIkGh3bxM3TaDS4YGuhKXx1rw1))/Reservation/Calendar
Next Page