JQuery Mobile on Phone Gap for Android DW CS 5.5
Hi,
I thought that I should take my dynamic Jquery Mobile site to the test as a native application by building it with the Dreamweaver CS 5.5 Phone Gap extension. Building it and getting it up as an application on the Android SDK emulator was pretty straightforward.
The Jquery Mobile site consists of 1 multipage page starting with a login form (userid, password and a submit button). The PHP page with the MySQL database access is called using AJAX. If login successful, PHP returns an XML array with a number of categories that will be listed (ul/li) on the subsequent page. Now, this is all we need to know for now.
The corresponding Phone Gap application loads fine on the Android emulator, a click on the app icon kicks off the splash page and the login form comes up exactly like it does when run as a Jquery Mobile web page but nothing happens when I click the submit button. Trying to understand I started the emulator loggin (adb logcat) and found this (I am listing only the latest log items):
===
I/InputDispatcher( 74): Dropped event because it is stale.
D/dalvikvm( 74): GC_CONCURRENT freed 525K, 14% free 9234K/10695K, paused 37ms+46ms
D/dalvikvm( 396): GC_CONCURRENT freed 896K, 13% free 6997K/8007K, paused 23ms+40ms
D/dalvikvm( 137): GC_CONCURRENT freed 457K, 6% free 7729K/8199K, paused 24ms+11ms
D/SntpClient( 74): request time failed: java.net.SocketException: Address family not supported by protocol
W/webview ( 396): Stale touch event ACTION_DOWN received from webcore; ignoring
W/webview ( 396): Got ACTION_DOWN but still waiting on stale event. Catching up.
W/webview ( 396): Stale touch event ACTION_DOWN received from webcore; ignoring
===
Every time I click/tap the submit button I get "Stale touch event..." which I strongly relate to that nothing happens.
Anyone tried this (Phone Gapping Jquery Mobile) or having a clue of where to look next?
Thanks
/Ralf
wow....Matt is has been a while since i first build the sample app using the jquery mobile and phonegap in DW5.5. Since I faced lots of challenge with getting the app to talk to mysql, i decided to go with "Flash Builder 4.5.1". I have already develped and deployed both android and ios app using flash builder.
I don't recall how i develped the sample app with jquery mobile and phonegap in DW5.5. As far as i can recall...i followed a tutorial provided on Adobe Developer Connection under DW5.5. I don't have the link anymore...i will try to find it for you.
Similar Messages
-
How to visit full versions of sites (not mobile ones) on firefox for android on the tablet pc?
for example I want to go on the full version of the twitter.com but I can't, it redirects me on the mobile version.
Install https://addons.mozilla.org/en-US/mobile/addon/phony/ and select desktop Firefox from the User Agent section of the preferences.
-
Why is it that the facebook mobile view in firefox for android is different?
Well, its hard to manage the default view of the facebook in firefox . wish it can be change , or the developers will fix it .
Well this is the problem of facebook mobile view in firefox , the profile photo is covered , the cover photo is zoom out , no information .. Its really different to other browsers... Sometimes it Crash when you log in
-
Lightroom mobile? When available for Android users, eg Samsung.
Adobe has already said there would be additional versions for other mobile devices...
"An Android version of Lightroom mobile will not be available at release, but is in development."
See: Lightroom mobile / FAQ -
Cannot get background image to appear in app made with jquery mobile
Not sure where to post this issue but i thought here might be a good place as it is related to Dreamweaver.
I am using jquery mobile and phonegap to develop an app and i'm a noob at this.
I just want to make a scalable image as a background. After searching stack overflow it seems this problem comes up alot but I've tried all solutions and they do not work! When viewing it in a web browser...all looks fine but when i run it on the emulator or download the test build to my android phone it does not show at all!!
I know that the jquery mobile stylesheets overwrite anything i try to custom style so i have gone in directly and targeted those elements
CSS:
.ui-page.ui-body-c {
background: url(jquery-mobile/images/phone-bg.jpg);
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
margin: 0; padding: 0;
Like I said, this works fine in a web broswer when testing and fine in Live mode but in the app build i can see nothing at all.
Has anyone got a good workaround/solution for this??? Because all suggestions i see in stack overflow just don't work...This is where your SpryHorizontal12.css file is looking for that image. It's 404 not found at that location (notice the path):
http://eappromotions.healthandperformancesolutions.net/eappromotions/EAP%20Promo%20Kit/htm l/images/top_nav_button.gif
Also, don't use spaces in file & folder names. It creates problems when spaces are converted to %20.
Nancy O. -
I can not install the firefox for android from the android market. It is showing me that the app is incompatible with my device and no other information is provided. I am not sure whats the problem with that ! Is it incompatible with the device or the android version ?
Mine is LG P500 with version Froyo 2.2.2. Any help ?
I was waiting to surf web with firefox from my phone for a long time. can anyone please let me know any known solution to it.The mobile version of Firefox for Android requires a processor that supports the ARMv7 architecture, the LG Optimus P500 does not meet that requirement, it supports the ARMv6 architecture.
-
Disposition of Jquery Mobile 1.3.1 in Dreamweaver CC.
Disposition of Jquery Mobile 1.3.1 in Dreamweaver CC.
Dreamweaver CC is not updated with the last version of Jquery Mobile 1.3.1.
Please, present in your Adobe DW Support Center an Extension similar to the extension for “jQuery Mobile 1.0 Extension for Dreamweaver CS5.5”
I'm aware that there is a possibility to make a manual update but is not as easy to make it manually.
Many Thanks, AdolfoMoving this discussion to the Dreamweaver extensions forum.
-
Reading PDF in large screen mobile phone is often the horizontal screen reading,but the new adobe reader for Android mobile phone needs to be set to automatically turn screen, this is very inconvenient.I strongly suggest that the adobe reader Android version add manually rotating screen function, the best is the default horizontal screen reading.
Reading PDF in large screen mobile phone is often the horizontal screen reading,but the new adobe reader for Android mobile phone needs to be set to automatically turn screen, this is very inconvenient.I strongly suggest that the adobe reader Android version add manually rotating screen function, the best is the default horizontal screen reading.
-
How do I Create an Android Certificates for Phone Gap?
I wanted to know how to create an Android Cerficiate that I can use in Phone Gap. I tried to use the certificate that I created in Flash but apparently Phone Gap is no longer accepting these kinds of certificates.
If anyone knows of a straight-forward, designer friendly article or resource that explains how to do this, it would be much appreciated. Flash makes its super simple to create an Android Certificate.Thank Nancy. This is helpful.
However, Flash Professional has built-in panel that allows you to create an Android certificate in under 30 seconds.
The information from Android and Phone Gap is helpful but seems to be unecessarily clunky. Since this is my first time creating an Android certificate (outside of Flash) it looks like this process will take a few hours (or more) assuming trial and error and reading through the documentation.
I was just wondering if there is a simpler solution available, something similar to the process in Flash Professional. -
I own a Coby Kyros MID7024; it has android 2.2. However it is not a mobile phone, therefore it's impossible to download anything from the Android Market; it provides Appslib by default, and firefox is not available there (yet ?).
Coby Kyros tablets do not ship with Google Mobile applications such as the Google Market or Gmail. It does not need to be a phone to have Google Market.
You can install it manually. http://releases.mozilla.org/pub/mozilla.org/mobile/releases/7.0.1/android/en-US/
It has essentially a Cortex-A8 (ARMv7 and 512MB RAM so it should work. -
Is Firefox for Android OS only available in mobile (I use tablet,not phone)?
I want desktop format, not mobile format, for use on my ASUS tablet.
When I mark Android OS in the help page, it automatically puts me in mobile
When I ask for desktop format, it automatically puts me in microsoft.
Is this unavoidable limitation?]'''Michelle -
I wonder if you realize that the quality of what you did is not equalled in any computer/techical manual that I have read since I had my first computer in the late 80's. Despite all the fancy numbers about how many jillion of computers are out there, I often wonder how many are like 2 or 3 at friends' homes, unused because they have no one to teach them, no manuals that are methodical enough, techie word free, to refer to.
A forum is a time waster - a beginner can't tell if they are reading a wannabe computer whiz, or someone who is way beyond their needs or understanding. Google occasionally does a pretty good job, but it is all fragmented by product and, at times, their corporate product development structure.In a word,it is not integrated, and certainly not relating parts of the knowledge - e.g. when did you ever read, "What we are doing with this e-mail problem, is really almost identical to how one does an "x" kind of search."
I have no doubt you have given me what I need. To the extent I might have a problem, you have anticipated - you probably don't realize this method which you used so well lights a sufficient remedy path; if there is a microscopic point of confusion, the user can see where to go.
As I make the following comments, it is important to preface all by telling you that I spent over half of my business career fixing(not financial engineering) but teaching a large company from the shopfloor up to exec offices, what running a business was about, what was required to manage an organization to make money and positive cash flow while satisfying customers as a way of life; I did this in and for reasonably large private and public companies. I should also say to remove a doubt about my questions, I am very intelligent - my lack of understanding comes from either an industry's failure to truly market their product, which requires consumer education or the fact that, unlike my sons, I didn't have the opportunity or time to play with these machines and their software when DOS was the name of the sandbox. Believe it or not, I did all of the above things successfully without an MBA!
So let's look at what you did and think what it could mean to Mozilla. First, there is a huge need for a product that does what you just did for me. I do not have to do any market research; when you figure people ask me for help with reasonable regularity, the need must be desperate.
Mozilla has the opportunity to do, thru Firefox, the Bibles of the business. /they need to find the 100 most trying, difficult things users run into and write process statements as you did. I think it might well have to be part generic (e.g. Microsoft OS basics) and part brand/individual company structured.
They would give these first 100 pages, in a three ring binder, to any user of Firefox for free. They would then go on to the next 150 difficulty issues (which I think should be enough) and sell that addendum to fit dividers in those notebooks. I would guess at this point, they might even publish such a package.
Then they would have to have a structured page that any customer tech person was trained to follow such that problems beyond the suggested 250 were always formatted so they could go into the master binder.
Companies with new products would certainly contract to have the Mozilla-Firefox manual company prepare or rigorously edit manuals or sections for their new product. It is easy for me to see that, every time a new product was launched, there was a marking {"Mozilla/Firefox Manual inside) - apologies to Intel.
Your competence could breed a collateral business that created enormous goodwill and awareness - properly managed, cash.
Take this to your boss or whomever is positive, and has an entrepreneurial bone permanently rooted in his or her soul.
thank you, Stewart Gordon -
Skype for Android Phone Video: How to Call Mobiles...
Our how-to videos will teach you everything you need to know to get started with Skype. Now, learn how to call mobiles and landlines on Skype for Android.
Was this video helpful? Could you get your contact added?I accidently sent Video Message from my Android mobile (Samsung Galaxy S3 Mini)
Now i wanto Delete that Video Message, But i cant delete it. Please help I tried following methods:
Settings > Applications > Applications > Skype > Delete data & Cache Data
Uninstalled Skype
It Doesn't work please help. I tried both methods twice -
The file to download the app for Android is not working from my phone--it says that the file isn't there. However it does see the one for the Iphone (even though it can't use it). I've tried it multiple times and continue to get the same message: "NOT FOUND The requested item could not be found". I also tried through the Market application on the phone but ended-up with the same result.
I'm very computer literate and am pretty sure the problem is on your end. If this is the case then no one can download the app. I considered that perhaps because it's still in Beta that it was removed due to some other type of software issue. I would really like to use Firefox on my new Droid (2.0); when with this be available?Firefox will not appear in the Market for most phones with incompatible hardware. You can check if your phone is supported here:
https://wiki.mozilla.org/Mobile/Platforms/Android
Even on some supported devices, a bug in the Market software prevents Firefox from showing up. This may be related to the fairly recent Android Market app update. If you go to Settings/Applications/Market and choose "Uninstall" you can uninstall the update, and then search for and install Firefox from the marketplace.
Or, if you have a supported phone, you can download the app directly by typing this address into your phone's browser: http://bit.ly/fxbeta3
(Note: To download the app directly for an AT&T phone, you will have to search for instructions on "sideloading" the APK file, since AT&T disables the option to install from non-Market sources.) -
I am attempting to install Firefox mobile on my Android phone. When I tap "download for Android" on my current browser, I receive a "requested item could not be found" error message.
Firefox will not appear in the Market for most phones with incompatible hardware. You can check if your phone is supported here:
https://wiki.mozilla.org/Mobile/Platforms/Android
On some supported devices, a bug prevents Firefox from appearing in the Market. This may be related to the recent Market update. You can go to Settings/Applications and uninstall the Market update, then find and install Firefox.
Or, if you have a supported phone, you can download the app directly from here:
http://ftp.mozilla.org/pub/mozilla.org/mobile/releases/4.0b3/android-r7/multi/
(Note: To download the app directly for an AT&T phone, you will have to search for instructions on "sideloading" the APK file, since AT&T disables the option to install from non-Market sources.) -
Phonegap Build service for jquery mobile themed page not showing on mobile
I am trying to use jQuery mobile inside the Adobe Dreamweaver CC and then use phonegap build service to deploy the application to my phone. The issue here is that the Dreamweaver design panel is showing the jQuery Mobile UI but the application APK which is deployed over the phone does not.
Please find below the screenshot of Dreamweaver CC with design and code panel.
http://stackoverflow.com/questions/17334492/adobe-dreamweaver-cc-phonegap-build-service-is sue
Find below the entire index.html code:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery Mobile Web App</title>
<link href="file:///Macintosh%20HD/Applications/Adobe%20Dreamweaver%20CC/Configuration/Third%20Party%20Source%20Code/jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/>
<link href="file:///Macintosh%20HD/Applications/Adobe%20Dreamweaver%20CC/Configuration/Third%20Party%20Source%20Code/jquery-mobile/jquery.mobile.structure-1.0.min.css" rel="stylesheet" type="text/css"/>
<link href="jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.accordion.min.css" rel="stylesheet" type="text/css">
<script src="file:///Macintosh%20HD/Applications/Adobe%20Dreamweaver%20CC/Configuration/Third%20Party%20Source%20Code/jquery-mobile/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="file:///Macintosh%20HD/Applications/Adobe%20Dreamweaver%20CC/Configuration/Third%20Party%20Source%20Code/jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script>
<script src="jQueryAssets/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="jQueryAssets/jquery-ui-1.9.2.accordion.custom.min.js" type="text/javascript"></script>
</head>
<body>
<div data-role="page" id="page">
<div data-role="header">
<h1>Page One</h1>
</div>
<div data-role="content">
<ul data-role="listview">
<li><a href="#page2">Accenture</a></li>
<li><a href="#page3">Digital</a></li>
<li><a href="#page4">CASF RIA</a></li>
<li><a href="#page5">Hybrid Applications using PhoneGap</a></li>
</ul>
</div>
<div data-role="footer">
<h4>Page Footer</h4>
</div>
</div>
<div data-role="page" id="page2">
<div data-role="header">
<a href="#page"><label style="color:white; font-weight:bolder">BACK</label></a><h1>ACCENTURE Page</h1>
</div>
<div data-role="content">
<div data-role="fieldcontain">
<label for="selectmenu" class="select">Select Technology Areas:</label>
<select name="selectmenu" id="selectmenu">
<option value="option1">Digital</option>
<option value="option2">Oracle</option>
<option value="option3">Mobile</option>
</select>
</div>
<div data-role="fieldcontain">
<label for="slider">Value:</label>
<input type="range" name="slider" id="slider" value="0" min="0" max="100" />
</div>
<div data-role="fieldcontain">
<label for="flipswitch">Option:</label>
<select name="flipswitch" id="flipswitch" data-role="slider">
<option value="off">Off</option>
<option value="on">On</option>
</select>
</div>
<div data-role="collapsible-set">
<div data-role="collapsible">
<h3>Header</h3>
<p>Content</p>
</div>
<div data-role="collapsible" data-collapsed="true">
<h3>Header</h3>
<p>Content</p>
</div>
<div data-role="collapsible" data-collapsed="true">
<h3>Header</h3>
<p>Content</p>
</div>
</div>
</div>
<div data-role="footer">
<h4>Page Footer</h4>
</div>
</div>
<div data-role="page" id="page3">
<div data-role="header">
<a href="#page"><label style="color:white; font-weight:bolder">BACK</label></a><h1>DIGITAL Page</h1>
</div>
<div data-role="content">
<div id="Accordion1">
<h3><a href="#">Section 1</a></h3>
<div>
<p>Content 1</p>
</div>
<h3><a href="#">Section 2</a></h3>
<div>
<p>Content 2</p>
</div>
<h3><a href="#">Section 3</a></h3>
<div>
<p>Content 3</p>
</div>
</div>
Content </div>
<div data-role="footer">
<h4>Page Footer</h4>
</div>
</div>
<div data-role="page" id="page4">
<div data-role="header">
<a href="#page"><label style="color:white; font-weight:bolder">BACK</label></a><h1>CASF RIA</h1>
</div>
<div data-role="content">
<ol data-role="listview" data-inset="true" data-split-icon="arrow-d">
<li><a href="#">
<h3>Page</h3>
<p>Lorem ipsum</p>
<span class="ui-li-count">1</span></a><a href="#">Default</a></li>
<li><a href="#">
<h3>Page</h3>
<p>Lorem ipsum</p>
<span class="ui-li-count">1</span></a><a href="#">Default</a></li>
<li><a href="#">
<h3>Page</h3>
<p>Lorem ipsum</p>
<span class="ui-li-count">1</span></a><a href="#">Default</a></li>
<li><a href="#">
<h3>Page</h3>
<p>Lorem ipsum</p>
<span class="ui-li-count">1</span></a><a href="#">Default</a></li>
<li><a href="#">
<h3>Page</h3>
<p>Lorem ipsum</p>
<span class="ui-li-count">1</span></a><a href="#">Default</a></li>
<li><a href="#">
<h3>Page</h3>
<p>Lorem ipsum</p>
<span class="ui-li-count">1</span></a><a href="#">Default</a></li>
<li><a href="#">
<h3>Page</h3>
<p>Lorem ipsum</p>
<span class="ui-li-count">1</span></a><a href="#">Default</a></li>
<li><a href="#">
<h3>Page</h3>
<p>Lorem ipsum</p>
<span class="ui-li-count">1</span></a><a href="#">Default</a></li>
<li><a href="#">
<h3>Page</h3>
<p>Lorem ipsum</p>
<span class="ui-li-count">1</span></a><a href="#">Default</a></li>
<li><a href="#">
<h3>Page</h3>
<p>Lorem ipsum</p>
<span class="ui-li-count">1</span></a><a href="#">Default</a></li>
</ol>
Content </div>
<div data-role="footer">
<h4>Page Footer</h4>
</div>
</div>
<div data-role="page" id="page5">
<div data-role="header">
<a href="#page"><label style="color:white; font-weight:bolder">BACK</label></a><h1>HYBRID APPLICATIONS using PhoneGap</h1>
</div>
<div data-role="content">
<div data-role="fieldcontain">
<label for="email">Email:</label>
<input type="email" name="email" id="email" value="" />
</div>
Content </div>
<div data-role="footer">
<h4>Page Footer</h4>
</div>
</div>
<script type="text/javascript">
$(function() {
$( "#Accordion1" ).accordion();
</script>
</body>
</html>
This is how it looks in device:
This is how it looks in the mobile devices:
Could anyone please help?Try defining a site and then create the mobile themed page within that site and DW will copy all the assets relative to the site path and will not be as its in your current page.
<link href="file:///Macintosh%20HD/Applications/Adobe%20Dreamweaver%20CC/Configuration/Third%20Party%20Source%20Code/jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/>
<link href="file:///Macintosh%20HD/Applications/Adobe%20Dreamweaver%20CC/Configuration/Third%20Party%20Source%20Code/jquery-mobile/jquery.mobile.structure-1.0.min.css" rel="stylesheet" type="text/css"/>
HTH
--Bhawna
Maybe you are looking for
-
Invalid data after converting clob to blob
GOAL: insert adresse or someth. into an msword file out of database Hi, I'm working with a 9i database and I'm trying to insert data in a clob. First I convert the blob, which is a stored xml- file in my databse, to a clob. after that i'm replacing t
-
Defining a recursive view in SAP HANA
Hi All, Currently SAP HANA does not support defining recursive views as already mentioned in Tals discussion as per the following link: Defining a recursive view in SAP HANA I would like to ask again if this limitation is still exist in latest SAP HA
-
How do I open a video I transferred from my ipad to my pc
I transferred a video I recorded to my pc. I cannot get it to open. It is almost 5gb.
-
I backed up my iPhone 5 with all of my information from my iPhone 4 but my apps haven't installed, I press on the apps to install and it says 'Will Install' but I'm still not getting them on my phone. Any Help? By the way, I'm using ITunes iOs 10.7.5
-
How do I transfer my Aperture license?
Am selling my personal copy of Aperture. Have access to it at work now. How do I transfer my license? Can I just trash the application or uninstall? Will the buyer of the software be able to register anew? Or must he/she use my license info? Any othe