ADF vs jquery mobile framework

Hi,
We have a requirement for building a mobile front end for our application. Ours is a peoplesoft based setup. I am familiar with the features that ADF provides around building mobile browser apps. Some one recommended going with jquery mobile framework. I am not familiar with that.
Anyone has any thoughts of the pros and cons of going one way or the other.
We intend to access data (from the peoplesoft system) over web services.
thanks

I guess one key difference is that JQuery doesn't have a binding layer - it is just a UI layer.
JQuery also doesn't offer a controller layer.
Also what about securing your application.
Overall ADF provides a more complete framework - JQuery only provides a UI layer.
You should also look at the type of development environment you get - ADF gives you visual and declarative development, JQuery will require you to code in Javascript.

Similar Messages

JQuery Mobile with Trinidad/ADF Faces

Hi
Is it possible to use JQuery Mobile with Trinidad/ADF Faces? I tried using JQuery Mobile with Trinidad, but the trinidad components are not rendering on the page. Is there a way out?
Below is my code:
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1" xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html" xmlns:trh="http://myfaces.apache.org/trinidad/html"
xmlns:tr="http://myfaces.apache.org/trinidad" xmlns:dvtt="http://xmlns.oracle.com/dss/trinidad/faces">
<jsp:output omit-xml-declaration="true" doctype-root-element="HTML"
doctype-system="http://www.w3.org/TR/html4/loose.dtd"
doctype-public="-//W3C//DTD HTML 4.01 Transitional//EN"/>
<jsp:directive.page contentType="text/html;charset=UTF-8"/>
<f:view>
<trh:html>
<trh:head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css"/>
<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script>
</trh:head>
<trh:body>
<div data-role="page" data-theme="c" id="page">
<div data-role="header" data-theme="e" id="header">
<h1>Wireless > Logon</h1>
<a href="../../ data-icon="home" data-iconpos="notext" data-direction="reverse"
class="ui-btn-right jqm-home">Home</a>
</div>
</div>
<tr:form>
<tr:commandButton id="cbt" text="command button"/>
</tr:form>
</trh:body>
</trh:html>
</f:view>

</jsp:root>
Regards
Navin

With out the JQuery mobile settings ie the css and js entries. The trinidad components are rendering. Below is my web.xml file.
<?xml version = '1.0' encoding = 'windows-1252'?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
version="2.5">
<context-param>
<param-name>javax.faces.STATE_SAVING_METHOD</param-name>
<param-value>client</param-value>
</context-param>
<context-param>
<param-name>javax.faces.PARTIAL_STATE_SAVING</param-name>
<param-value>false</param-value>
</context-param>
<context-param>
<description>If this parameter is true, there will be an automatic check of the modification date of your JSPs, and saved state will be discarded when JSP's change. It will also automatically check if your skinning css files have changed without you having to restart the server. This makes development easier, but adds overhead. For this reason this parameter should be set to false when your application is deployed.</description>
<param-name>org.apache.myfaces.trinidad.CHECK_FILE_MODIFICATION</param-name>
<param-value>false</param-value>
</context-param>
<filter>
<filter-name>trinidad</filter-name>
<filter-class>org.apache.myfaces.trinidad.webapp.TrinidadFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>trinidad</filter-name>
<servlet-name>Faces Servlet</servlet-name>
<dispatcher>FORWARD</dispatcher>
<dispatcher>REQUEST</dispatcher>
<dispatcher>ERROR</dispatcher>
</filter-mapping>
<servlet>
<servlet-name>Faces Servlet</servlet-name>
<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet>
<servlet-name>resources</servlet-name>
<servlet-class>org.apache.myfaces.trinidad.webapp.ResourceServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>Faces Servlet</servlet-name>
<url-pattern>/faces/*</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>resources</servlet-name>
<url-pattern>/adf/*</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>resources</servlet-name>
<url-pattern>/afr/*</url-pattern>
</servlet-mapping>
</web-app>

Paypal button for jquery mobile app in DW CS5.5

Using the jquery mobile app framework in DW CS5.5 and need help in using Paypal mobile.
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_xclick" />
<input type="hidden" name="bn" value="webassist.dreamweaver.4_5_0" />
<input type="hidden" name="business" value="[email protected]" />
<input type="hidden" name="item_name" value="Odor Cat" />
<input type="hidden" name="amount" value="19.50" />
<input type="hidden" name="currency_code" value="USD" />
<input type="hidden" name="shipping" value="5.50" />
<input type="hidden" name="return" value="http://www.mysite.com/checkout_success.php" />
<input type="hidden" name="cancel_return" value="http://www.mysite.com/checkout_failure.php" />
<input type="hidden" name="undefined_quantity" value="1" />
<input type="hidden" name="receiver_email" value="@hotmail.com" />
<input type="hidden" name="mrb" value="R-3WH47588B4505740X" />
<input type="hidden" name="pal" value="ANNSXSLJLYR2A" />
<input type="hidden" name="no_shipping" value="0" />
<input type="hidden" name="no_note" value="0" />
<input type="submit" name="submit1" id="submit1" value="Pay with PayPal">
</form>
This form button will take the user to paypal for payment, but is not for mobile app.
thanks for your help,
-Jim Balthrop

How do I get someone to respond to my question here?
Let me try again.
With DW CS5.5 when I try to insert a PayPal button into a table (which I always did with DW8) the table in Design View gets scrambled, making it unusable. Please would one of you out there who is much more knowledgeable about DW than me try it and see if there is a solution? If you create a new HTML page in Design view, create a table in it, place the insertion point inside one of the table cells, go to the code view and locate the insertion point there, then paste the PayPal button code at that point. Here's the code:
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="XSXQ9CUMUVLQC">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
Now go back to Design view and see how it looks. If it acts the way it does for me, the table is no longer visible, but if you go to Live View everything looks fine with the table and the button inside it. Of course, I can't design in Live View.
PLEASE can someone out there help me.
Many thanks.

JQuery Mobile and page transitions in Apex - how do they go together?

Hi guys,
I started off on a jQuery Mobile project with APEX - although I am still quite new to both. I have done quite a bit of research, but I haven't found really anything substantial about how they go together.
Rather it appears to me, that both have their own way of dealing, that is to say recieving and sending data. Apex with normal http-requests, just a little AJAX on the side maybe, JQM almost only with AJAX.
So I am running into a lot of trouble, when I use functions like apex.redirect() or .submit(), the $mobile.changePage() mostly doesnt how I want. Page content often stays in the DOM with JQM unwanted, data are sometimes not refreshed properly, or when I close a popup box, an unwanted reload takes place. Events are not bound the usual way, etc. etc.
I certainly thoroughly have studied the JQM documentation, looked through many other tutorials and blogs, but basically I still lack in a lot of basic understanding, especially the communication between JQM and APEX - after all, the APEX Smart Phone UI from 4.2 is still quite new. And all tutorials about data management with JQM deal with JSON objects or XML - methods we can't get into due to time reasons.
I have two questions to the community:
A) Is it really recommendable to use a JQM framework with the "normal" page-show and page-submit events, that APEX delivers? Or if not recommendable, is it practical?
B) Maybe some experienced users here can hint me to some recourses that specifically deal with the issues I mentioned above: e.g. How does JQM handle the urls it gets, when you use the APEX javascript functions? What global JQM settings are recommendable when using APEX, or what object-parameters should you use in the $.mobile.changePage() call?
And one specific problem I just ran into: How does JQM treat Page-0 items? I use them for global application control, but for some strange reasons, they sometimes seem to be resettet.
So these are a lot of questions, but I don't seek detailed answers here, rather some general guidence and advise. Any help is most appreciated.
So long, with best regards,
tobi
Edited by: TobiP on 14.02.2013 13:41

I will up this thread one time - what I normally wont do. But if noone can give any hints here this would be a really bad sign.
I have kept on looking for those topics, but I still haven't found anything that goes into detail regarding APEX and JQM.
Also one last wierd situation I would like to relate, that just occured: I submit a page with apex.submit('CREATE'), the dml-processing takes place, there is an unconditional branch after the processing back to that page, so it should be reloaded and refreshed - but it doesn't. Instead when I open a select list (JQM popup style), then the page gets refreshed, and the popup wont close anymore. I have no explanation for this. I hope, anyone can give me any hints.
Thanks very much,
tobi

Selection of a mobile framework - for enterprise mobility app.

There have been many plethora of mobility frameworks (e.g Kony, HTML5 based frameworks) that have same features as Cordova - write your code once and run it on multiple platforms. Some are free,others are not. Having recently implemented enterprise mobility app (integrating with ECC, CRM) using one such framework, there are a certain I would like to consider before choosing a framework:
a) How easy it to build security into the app (the login module)?
b) How do I know that the requests for my data is an authenticated source?
c) How good is the vendor support with plugins, upgrades to SDK?
d) For frameworks that are free, do vendors really pay attention to issues that you are facing during (very specific to) your implementation.
e) Scalability of the framework to support the app with newer mobile OSs, mobility sets (Motorola, Micromax, Blackberry), tabs.
f) All mobile sets have limited memory at most to 2GB (or little more). How will the framework help in viewing huge amount of data that is there in SAP?
From my experience, I would say it is big pain, implementing a enterprise mobility app with open framework adhering with the go live dates.
SAP products are more easy to handle. A lot of featues comes inbuilt. Mobile apps comes as pre-packaged apps. One needs to customize it according to it needs. Product support from SAP is remarkable. Implementing and going live with such product becomes automatically easy adhering to the timelines. So is the maintenance. But of course comes the licensing price for SAP.

Sukanta Rudra,
I love to work with SAP products and so i m in SAP. Having worked on several other mobile applications before , i can clearly see the ease in development of Enterprise applications using SAP products portfolio.
Often I have seem blogs in SCN, advocating for frameworks other than that of SAP. No harm
Please mention the blogs as a reference for more understanding. I can always only see Cordova / appcelerator being the recommended platforms by SAP for cross platforms development.
SAP Partners with Adobe-Cordova/phonegap , Appcelerator, Sencha (the three big players in cross platform development)
Developer Announcement: Third Party Tools
SAP Drives Openness and Choice for Millions of Mobile App Developers
More over i have worked mostly on all the three for a while and have experienced the ease in development with cordova.
Also the HWC (Hybrid Web Container ) - the former way for developing hybrid applications on SAP Mobile Platform till 2.x has Cordova/phonegap plugins inbuilt in it. Literally it followed the approch of Cordova and ui framework was of Jquery Mobile .
But Now with the release of SMP 3.X things are completely under the control of developer. There are no restrictions to use a particular framework for development and developers are free to use their choice for development (SMP 3.x highlights BYOT - Bring Your Own Tools for Developers).
Adding to above , just would like to mention there are few products mainly focused and developed on cordova technology (KAPSEL plugins, Appbuilder, Fiori Client , River RDE in future integrating Kapsel plugins)
SMP 3.x is all open for developers , we are free to use any platform as per our requirements and convenience now.
PLease have a look at these videos on how SMP 3.x strategy stands for
My experience has been using Kony-SKY framework for developing the mobility apps (not mobile web). SKY plugins has been certified by SAP, to be used for developing mobility applications. (SAP does embrace other vendors). My questions pointed out above, was out of the struggles we had while implementing the project. Many at times, I felt I was reinventing the same tools while integrating into the SAP backends.
I am not a Kony guy, but will surely look into this and would check if i can help you.But out of my experience with Cordova /HWC/ Kapsel , it was satisfactory.
I presume you might have used/using SAP's Fiori apps, SAPUI5, mobile architecture and would like to gather some more information very specific to SAP's environment. I have no experience now on delivering apps using SAP's products. Maybe three months from now, I would get deep with 'SAP Fiori UX and SAP Screen Personas'. Maybe you could throw some light on few more queries.
Yeah , thanks to SAP for Fiori being out of License now and UI5 an Opensource. I have had the opportunity to also work and implement Fiori transnational applications and also develop Custom UI5 applications .
Note : Personas is really a good product , but on the down side is n't responsive in nature , so might not be a best fit for mobile devices
How are builds generated for different platforms? (Android uses.apk, Blackberry uses .cod, iPhone uses .ipa)
I can help you understand this with an Android Phone Gap project example
Typically Native Android apps are developed using Core Java.
Initially all the Core libraries of Android and java are loaded with import command
import android.os.Bundle;
Now Cordova libraries are added to existing libraries
import android.os.Bundle;
import org.apache.cordova.*;
and Android uses the concept activities and layout for screen navigation and designing.
and by default any android project should have an activity and layout for launching the application, for which the code looks something similar to this
setContentView(R.layout.main);
so , a Relative layout is initially launched as main view.
As mentioned in the blog in " How does it actually work section " cordova loads web views instead of the native layouts /activities
How Does it actually work ?
Technically the User Interface of a Cordova Application is effectively a WebView that occupies the complete screen and runs in the native Container. So , it is the same web view that is used by the Native Operating systems. This purely means that only the Native Containers changes according to the OS and internally the web pages remain the same. (Since the browser rendering of webpages are different for each operating systems)
For       IOS it is UIWebView class
             Android it is in android.webkit.webview
             Windows it is WebViewClass and the similar goes to other OS .
This line of code is responsible for that
super.loadUrl("file:///android_asset/www/index.html");
our developed web applications should reside in the above mentioned location to access as any native web view
also few other hacks are to be done at
public class [appname]Activity extends Activity {
to
public class [appname] Activity extends DroidGap {
and to the android manifest file accordingly to get the permissions
Now internally the android applications works just like any native applications but accessing the web applications files in the web view. and just generates the .apk accordingly to the application.
Say a query is executed from a mobility app, say the result set is some 1000 rows, how does the data fetch mechanism work. Do you use some delta data fetch mechanism?
if i were to handle this , would try to filter this out to sections. Lets imagine huge PO s are resulted upon a query, i would try to create some sections/categories for Unreleased/Open/Approved /... and again try to perform some dynamic filter operations on each category selection/ or make use of pagination property to move across the items/records
Also user would not be interested to scroll and search for his item from a huge collection of items.
More over for handling of huge records Native approach is preferred to Hybrid/mobile web.
When a mobility connection snaps while the user is using the app, does the app stop immediately? Or rather how is user informed about non availability of the network connection?
Lets assume two cases here
1) Complete Online application
2) Online Offline Application
1) If user is trying to access the data from the application , since this being an online application , a proper network connectivity id to be checked properly before making any request .
for phone gap/cordova , Network Object helps us to check if network connectivity is available to make any request. else throw an alert to check the connectivity/ turn on the connectivity.
Similarly a Connectivity manager API exists for Android . Here is an example. Same would apply for other OS also.
2) For online - offline application . user wouldn't be able to read records from back end , but can perform other necessary operations on the device, and once the device gets connected to network, can sync with the back end . An alert should be thrown to inform the user about the loss in network connectivity and the limitations in accessing the data .
Build/release mechanism and subsequent tracking for mobility apps for periodic release of apps - say there would regular fixes to bugs, upgrades to framework SDK, device OSs might get upgraded - Is there a tool for tracking all these, etc
Yes. MDM tools are perfect fit for these. Afaria and Mocana are doing well now.
And, anything that you would like to share, related to SAPs environment, that makes implementation easier.
SAP Mobility is really booming and will grow , dominate in enterprise mobility in future.
For our understanding:
Let us know for more.
Edit :
IG is a part of SMP 3 but not a separate component as NWG
Regards
Virinchy
Message was edited by: Virinchy P

How do i change the path of data ajax false from returning to homepage, when using a PHP mail form in jquery mobile?

I have a put a php mail form in the quote page of my mobile site. However when i send the form it returns to the route page rather than the quote page, i have used the data ajax false action as i dont want to send via ajax. i have left the thanks page blank as i want it to remain on the same page showing sent or declined message. Can someone help please?
<?php
// OPTIONS - PLEASE CONFIGURE THESE BEFORE USE!
$yourEmail = "[email protected]"; // the email address you wish to receive these mails through
$yourWebsite = "www.firstcalltransport.co.uk"; // the name of your website
$thanksPage = ''; // URL to 'thanks for sending mail' page; leave empty to keep message on the same page
$maxPoints = 4; // max points a person can hit before it refuses to submit - recommend 4
$requiredFields = "name,email,collection,delivery,comments"; // names of the fields you'd like to be required as a minimum, separate each field with a comma
// DO NOT EDIT BELOW HERE
$error_msg = array();
$result = null;
$requiredFields = explode(",", $requiredFields);
function clean($data) {
$data = trim(stripslashes(strip_tags($data)));
return $data;
function isBot() {
$bots = array("Indy", "Blaiz", "Java", "libwww-perl", "Python", "OutfoxBot", "User-Agent", "PycURL", "AlphaServer", "T8Abot", "Syntryx", "WinHttp", "WebBandit", "nicebot", "Teoma", "alexa", "froogle", "inktomi", "looksmart", "URL_Spider_SQL", "Firefly", "NationalDirectory", "Ask Jeeves", "TECNOSEEK", "InfoSeek", "WebFindBot", "girafabot", "crawler", "www.galaxy.com", "Googlebot", "Scooter", "Slurp", "appie", "FAST", "WebBug", "Spade", "ZyBorg", "rabaz");
foreach ($bots as $bot)
if (stripos($_SERVER['HTTP_USER_AGENT'], $bot) !== false)
return true;
if (empty($_SERVER['HTTP_USER_AGENT']) || $_SERVER['HTTP_USER_AGENT'] == " ")
return true;
return false;
if ($_SERVER['REQUEST_METHOD'] == "POST") {
if (isBot() !== false)
$error_msg[] = "No bots please! UA reported as: ".$_SERVER['HTTP_USER_AGENT'];
// lets check a few things - not enough to trigger an error on their own, but worth assigning a spam score..
// score quickly adds up therefore allowing genuine users with 'accidental' score through but cutting out real spam
$points = (int)0;
foreach ($badwords as $word)
if (
strpos(strtolower($_POST['comments']), $word) !== false ||
strpos(strtolower($_POST['name']), $word) !== false
$points += 2;
if (strpos($_POST['comments'], "http://") !== false || strpos($_POST['comments'], "www.") !== false)
$points += 2;
if (isset($_POST['nojs']))
$points += 1;
if (preg_match("/(<.*>)/i", $_POST['comments']))
$points += 2;
if (strlen($_POST['name']) < 3)
$points += 1;
if (strlen($_POST['comments']) < 15 || strlen($_POST['comments'] > 1500))
$points += 2;
if (preg_match("/[bcdfghjklmnpqrstvwxyz]{7,}/i", $_POST['comments']))
$points += 1;
// end score assignments
foreach($requiredFields as $field) {
trim($_POST[$field]);
if (!isset($_POST[$field]) || empty($_POST[$field]) && array_pop($error_msg) != "Please fill in all the required fields and submit again.\r\n")
$error_msg[] = "Please fill in all the required fields and submit again.";
if (!empty($_POST['name']) && !preg_match("/^[a-zA-Z-'\s]*$/", stripslashes($_POST['name'])))
$error_msg[] = "The name field must not contain special characters.\r\n";
if (!empty($_POST['email']) && !preg_match('/^([a-z0-9])(([-a-z0-9._])*([a-z0-9]))*\@([a-z0-9])(([a-z0-9-])*([a-z0-9]))+ ' . '(\.([a-z0-9])([-a-z0-9_-])?([a-z0-9])+)+$/i', strtolower($_POST['email'])))
$error_msg[] = "That is not a valid e-mail address.\r\n";
if (!empty($_POST['url']) && !preg_match('/^(http|https):\/\/(([A-Z0-9][A-Z0-9_-]*)(\.[A-Z0-9][A-Z0-9_-]*)+)(:(\d+))?\ /?/i', $_POST['url']))
$error_msg[] = "Invalid website url.\r\n";
if ($error_msg == NULL && $points <= $maxPoints) {
$subject = "Automatic Form Email";
$message = "You received this e-mail message through your website: \n\n";
foreach ($_POST as $key => $val) {
if (is_array($val)) {
foreach ($val as $subval) {
$message .= ucwords($key) . ": " . clean($subval) . "\r\n";
} else {
$message .= ucwords($key) . ": " . clean($val) . "\r\n";
$message .= "\r\n";
$message .= 'IP: '.$_SERVER['REMOTE_ADDR']."\r\n";
$message .= 'Browser: '.$_SERVER['HTTP_USER_AGENT']."\r\n";
$message .= 'Points: '.$points;
if (strstr($_SERVER['SERVER_SOFTWARE'], "Win")) {
$headers   = "From: $yourEmail\r\n";
} else {
$headers   = "From: $yourWebsite <$yourEmail>\r\n";
$headers .= "Reply-To: {$_POST['email']}\r\n";
if (mail($yourEmail,$subject,$message,$headers)) {
if (!empty($thanksPage)) {
header("Location: $thanksPage");
exit;
} else {
$result = 'Your mail was successfully sent.';
$disable = true;
} else {
$error_msg[] = 'Your mail could not be sent this time. ['.$points.']';
} else {
if (empty($error_msg))
$error_msg[] = 'Your mail looks too much like spam, and could not be sent this time. ['.$points.']';
function get_data($var) {
if (isset($_POST[$var]))
echo htmlspecialchars($_POST[$var]);
?>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="CSS/stylesheetnew.css" rel="stylesheet" type="text/css">
<link href="../jquery-mobile/jquery.mobile-1.0a3.min.css" rel="stylesheet" type="text/css">
<script src="../jquery-mobile/jquery-1.5.min.js" type="text/javascript"></script>
<script src="../jquery-mobile/jquery.mobile-1.0a3.min.js" type="text/javascript"></script>
<style type="text/css">
p.error, p.success {
font-weight: bold;
padding: 10px;
border: 1px solid;
p.error {
background: #ffc0c0;
color: #F00;
p.success {
background: #b3ff69;
color: #4fa000;
</style>
</head>
<body>
<div data-role="page" id="home">
<div data-role="header" data-position="fixed">
   <h1>FIRSTCALL TRANSPORT</h1>
</div>
    <div data-role="navbar" data-position="fixed">
                                <ul>
                                  <li><a href="#about">About</a></li>
                                  <li><a href="#services">Services</a></li>
                                  <li><a href="#contact">Contact</a></li>
                                  <li><a href="#quote">Quote</a></li>
                                </ul>
</div>
<div data-role="content"> </div>
     <div data-role="footer" data-position="fixed" > </div>
</div>
</div>
<div data-role="page" id="quote">
<div data-role="header" data-position="fixed">
    <h1>GET A QUOTE</h1>
</div>
<div data-role="content">
   <?php
if (!empty($error_msg)) {
echo '<p class="error">ERROR: '. implode("<br />", $error_msg) . "</p>";
if ($result != NULL) {
echo '<p class="success">'. $result . "</p>";
?>
<form action="<?php echo basename(__FILE__); ?>" method="post" data-ajax="false" >
<noscript>
<p><input type="hidden" name="nojs" id="nojs" /></p>
</noscript>
<p>
<label for="name">Name: *</label>
<input type="text" name="name" id="name" value="<?php get_data("name"); ?>" /><br />
<label for="email">E-mail: *</label>
<input type="text" name="email" id="email" value="<?php get_data("email"); ?>" /><br />
        <label for="company">Company:</label>
<input type="text" name="company" id="company" value="<?php get_data("company"); ?>" /><br />
<label for="collection">Collection: *</label>
<input type="text" name="collection" id="collection" value="<?php get_data("collection"); ?>" /><br />
    <label for="delivery">Delivery: *</label>
<input type="text" name="delivery" id="delivery" value="<?php get_data("delivery"); ?>" /><br />
<label for="comments">Message: *</label>
<textarea name="comments" id="comments" rows="5" cols="20"><?php get_data("comments"); ?></textarea><br />
<input type="submit" name="submit" id="submit" value="Send" <?php if (isset($disable) && $disable === true) echo ' disabled="disabled"'; ?> />
</p>
</form> </div>
     <div data-role="footer" > </div>
</div>
</div>
</body>
</html>

My wife has left me for four weeks, favouring to be with our son who lives 4,000 km away. I now have to cook for myself and the steaks taste horrible. What am I doing wrong?
If you do not know what I have (not) done to make the steak taste horrible, my question is as hard to answer as your question above.
Please give us more info like giving us the code that sends the page to the homepage rather than to the previous page.

JQuery mobile layout grid not working after 4.2 upgrade

Hi all,
I'm running a mobile application on a hosted Apex environment which uses lots of jQuery mobile. The environment has been updated to 4.2 recently, and since that happened pages that I had setup to use the content grid, to show content in 3 columns no longer works, there only appears to be 1 column now. Code as below: -
<div class="ui-grid-b">
     <div class="ui-block-a">Block A</div>
     <div class="ui-block-b">Block B</div>
     <div class="ui-block-c">Block C</div>
</div>Item 1 has the following as the 'before label and item':
<div data-role="fieldcontain"><div class="ui-grid-b"><div class="ui-block-a">Item 2 has the following as the 'before label and item':
<div data-role="fieldcontain"><div class="ui-grid-b"><div class="ui-block-b">Item 3 has the following as the 'before label and item':
<div data-role="fieldcontain"><div class="ui-grid-b"><div class="ui-block-c">with a closing </div> after each. This was working OK in 4.1
Does anyone have any ideas what has changed that would affect this?
Thanks,
Mike
Edited by: Mike, UK on Nov 4, 2012 4:20 PM

Hi,
I haven't completely got to the bottom of why this was happening, but I have resolved this after realising the ui-grid-b and ui-block-x elements weren't being rendered, seemed to be related to the 'Before Label and Item' label template item, if anyone else hits this.
Cheers,
Mike

List View Report (theme 50 - jQuery Mobile Smartphone).

Hi,
I am creating a List View Report (theme 50 - jQuery Mobile Smartphone).
I have say the following settings..
Text Column - PRODUCT_DESC
Link Target - f?p=111:22:......
my PRODUCT_DESC is too long say 150 to 200 characters.
When I run my application on mobile...
1. when I am using the Link target, then I am not getting the complete Product Desc values displayed.. it's displaying just initial 15.. 20 characters of Prodcut Desc column and then arrow sign for link..
2. If I am not using the Link target, then it's displays complete values of Product Desc (all the 150 .. 200 characters) and no link arrown sign.
My question is I want to use the link target as well as want to display complete value of product desc.. any idea how can I do that..
Thanks,
Deepak

Hi,
I am creating a List View Report (theme 50 - jQuery Mobile Smartphone).
I have say the following settings..
Text Column - PRODUCT_DESC
Link Target - f?p=111:22:......
my PRODUCT_DESC is too long say 150 to 200 characters.
When I run my application on mobile...
1. when I am using the Link target, then I am not getting the complete Product Desc values displayed.. it's displaying just initial 15.. 20 characters of Prodcut Desc column and then arrow sign for link..
2. If I am not using the Link target, then it's displays complete values of Product Desc (all the 150 .. 200 characters) and no link arrown sign.
My question is I want to use the link target as well as want to display complete value of product desc.. any idea how can I do that..
Thanks,
Deepak

Help with JQuery Mobile App- Passwords

Hello,
I just downloaded the Dreamweaver CS5.5 trial today onto my MacBook Pro (OS 10.6.6) and am trying to make a JQuery Mobile web app. Once users get to the webpages on their iphone/android, I need them to be able to login so that they can get data specific to that specific user. So far, I have
<div data-role="content">
<form id="form1" name="form1" method="POST" action="<?php echo $loginFormAction; ?>">
<p>
    <label for="username">Username:</label>
    <input type="text" name="username" id="username" />
</p>
<p>
    <label for="pwd">Password:</label>
<input type="password" name="pwd" id="pwd" />
</p>
<p>
<input type="submit" name="doLogin" id="doLogin" value="Login" />
</p>
</form>
     </div>
This makes a nice looking username and password login area, but now I do not know what to do after the user inputs their information and clicks on the "Login" button. Somehow, I need it to recognize a correct username/password, and link to a different page if it is correct, and produce an error if the username/password combination is incorrect. Any help would be greatly appreciated; I'm really new at this.
Thank you.

Hi Lydia, first off welcome to the world of Dreamweaver!
Much like anything in DW it takes time to learn these things, especially the new technologies. Here is a page in the Adobe Developer Center that has many tutorials to help you get on the right track with the mobile stuff.
Build dynamic websites and web applications | Dreamweaver Developer Center http://adobe.ly/kBZmhL

TypeError: s.text(...).addClass is not a function on a Select list item jquery mobile theme

Hi.
i got a page with jquery mobile template, i got an select list item based on customers , when i touch the field, it display correcty all my customers, but when i try to pick some records i just get the error (i am using firefox firebug to see the error):
TypeError: s.text(...).addClass is not a function
...ollapsiblebound",!0).bind("expand collapse",function(t){var n=t.type==="collapse...
here is my query :
select
nombre_cliente || ' ' || apellidos_cliente a, codigo_cliente b
from sti_cliente
where
codigo_compania in (select distinct codigo_compania from STI_COMPANIA_SUCURSAL_USUARIO where upper(codigo_usuario) = upper(:APP_USER))
and estado_cliente = 'A'
and (MANEJA_INVENTARIO_CONSIGNACION = 'S'
and (codigo_compania, codigo_vendedor) in (select codigo_compania, codigo_vendedor from VTA_MAESTRO_VENDEDORES where codigo_usuario = upper(:APP_USER)) or cliente_contado = 'S')
order by nombre_cliente, apellidos_cliente
i have supress a dynamic action based on the field, but seems the problem is something within the query.
i am running on :
Application Express 4.2.4.00.08
Application Express Listener version : 2.0.5.287.04.27
Application Express Listener server info: Grizzly/1.9.49
thanks for any tip.

PLEASE DO NOT post to long since expired threads. The poster is probably NOT following this thread and your response doesn't really help them with their issue...
Elephants wear tu-tus so they can hide in pine trees. Did you ever see an elephant in a pine tree? No? Well then, you know it works.
Thank you,
Tony Miller
LuvMuffin Software
Ruckersville, VA

User Login with jquery mobile

I have this code that works perfectly but when i embed with Jquery mobile it fails to work. its a user authenication code
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>

<%
    ' *** Validate request to log in to this site.
    MM_LoginAction = Request.ServerVariables("URL")
    If Request.QueryString <> "" Then MM_LoginAction = MM_LoginAction + "?" + Server.HTMLEncode(Request.QueryString)
    MM_valUsername = CStr(Request.Form("username"))
    If MM_valUsername <> "" Then
        Dim MM_fldUserAuthorization
        Dim MM_redirectLoginSuccess
        Dim MM_redirectLoginFailed
        Dim MM_loginSQL
        Dim MM_rsUser
        Dim MM_rsUser_cmd
        MM_fldUserAuthorization = ""
        MM_redirectLoginSuccess = "source.asp"
        MM_redirectLoginFailed = "error.asp"
        MM_loginSQL = "SELECT Username, Password"
        If MM_fldUserAuthorization <> "" Then MM_loginSQL = MM_loginSQL & "," & MM_fldUserAuthorization
        MM_loginSQL = MM_loginSQL & " FROM dbo.Test_Register_Users WHERE Username = ? AND Password = ?"
        Set MM_rsUser_cmd = Server.CreateObject ("ADODB.Command")
        MM_rsUser_cmd.ActiveConnection = MM_VT_STRING
        MM_rsUser_cmd.CommandText = MM_loginSQL
        MM_rsUser_cmd.Parameters.Append MM_rsUser_cmd.CreateParameter("param1", 200, 1, 70, MM_valUsername) ' adVarChar
        MM_rsUser_cmd.Parameters.Append MM_rsUser_cmd.CreateParameter("param2", 200, 1, 50, Request.Form("password")) ' adVarChar
        MM_rsUser_cmd.Prepared = true
        Set MM_rsUser = MM_rsUser_cmd.Execute
        If Not MM_rsUser.EOF Or Not MM_rsUser.BOF Then
            ' username and password match - this is a valid user
            Session("MM_Username") = MM_valUsername
            If (MM_fldUserAuthorization <> "") Then
                Session("MM_UserAuthorization") = CStr(MM_rsUser.Fields.Item(MM_fldUserAuthorization).Value)
            Else
                Session("MM_UserAuthorization") = ""
            End If
            if CStr(Request.QueryString("accessdenied")) <> "" And true Then
                MM_redirectLoginSuccess = Request.QueryString("accessdenied")
            End If
            MM_rsUser.Close
            Response.Redirect(MM_redirectLoginSuccess)
        End If
        MM_rsUser.Close
        Response.Redirect(MM_redirectLoginFailed)
    End If
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js" type="text/javascript"></script>
</head>
<body>
<div data-role="page" id="page">
<div data-role="header">
    <h1>Header</h1>
</div>
<div data-role="content">
    <form id="form1" name="form1" method="POST" action="login_code.asp">
      <table width="325" border="0" cellpadding="3" cellspacing="3">
        <tr>
          <td width="94"> </td>
          <td width="210"> </td>
        </tr>
        <tr>
          <td>Username</td>
          <td><input type="text" name="username" id="username" /></td>
        </tr>
        <tr>
          <td>Password</td>
          <td><input type="text" name="password" id="password" /></td>
        </tr>
        <tr>
          <td colspan="2"><div align="center">
            <input type="submit" name="button" id="button" value="Submit" />
          </div></td>
        </tr>
      </table>
    </form>
</div>
<div data-role="footer">
    <h4>Footer</h4>
</div>
</div>
</body>
</html>

"Fails to work" in what way?

Jquery mobile - how to create multiple CSS files?

I've been researching this heavily, and can't seem to find anyone discuss this. I'm a CS4 user, and understand 5.5 now includes builtin support for jquery mobile. I've watched the videos on how you set the sizes for phone, tablet, desktop, point each to the appropriate CSS file. Great, wonderful.
However, nobody is discussing how you get the three separate CSS files! I want to add a mobile version of an existing site. I have just the one .css file. How do I make the other 2 .css files? Do I duplicate the desktop file, and start somehow altering each item? Is there some type of automatic system to tweak the main .css file?
Seems like this step is critical. Any insights?

I built this page with CSS Media Queries. If you resize viewport to less than 480px, it changes layouts.
http://alt-web.com/TEMPLATES/CSS-centered-round-boxes.shtml
I made the Desktop.css first.
http://alt-web.com/Styles/Desktop.css
Then I removed the Desktop.css link from my HTML document and replaced it with the iphone.css link.
http://alt-web.com/Styles/iphone.css
After fine tuning the iphone layout, I re-attached the desktop.css link and added the following code to the head of my document.
<meta name="viewport" content="user-scalable=no, width=device-width" />
<link href="../Styles/Desktop.css" rel="stylesheet" type="text/css" media="only screen and (min-width:481px)" />
<link rel="stylesheet" type="text/css" href="../Styles/iphone.css" media="only screen and (min-width: 0px) and (max-width: 480px)"/>


Do you have to literally go in and manually change the wraps, floats, whatever for everything?
Yes. If you examine the comments in my iphone.css code, you'll see I changed some things to display:none, float:none, etc...
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Background image inside a div that rescales to the size of the browser in jquery mobile

I want to place a background image in my content area using Jquery mobile, however i want the image to re-scale itself to the size of browser and different devices. How would i go about this ??

jQuery Mobile is essentially a one page site. Background gradients are determined by the jQuery Mobile Theme you use (a, b, c, etc..). I don't know if it's possible to use a scaling background with jQMobile. I've never tried it. But you'll find the relevant code in your Theme.css file. Look for ui-body-a, ui-body-b, ui-body-c, depending on which Theme you're using.
Nancy O.

Edge Animate code into Dreamweaver jquery mobile theme?

I am having trouble getting my Edge Animate file to work on my Dreamweaver jquery mobile theme web site. I was told to get the code from my animate file and put it in my dreamweaver web site. Kind of like this.....copy the Edge runtime code, paste in web site under <head>. Then copy div stage code, and paste it in my website under the content div. I just cant seem to get it to work. It shows up blank.

Ok, i got it. I was making this a lot harder then it needed to be. If anyone else has this problem, you just publish your project when in Adobe Edge Animate, then save in the folder you are using for your website. Then in Dreamweaver you can go to insert media, find the file and insert it. All is well.

JQuery Mobile in Dreamweaver CS6

This question was posted in response to the following article: http://helpx.adobe.com/dreamweaver/using/whats-new
Mulling the upgrade to CS6. This article says Dreamweaver CS6 ships with jQueryMobile 1.0 and jQuery 1.6.4.
We now have version 1.1.0 of jQueryMobile with a suggestion to use jQuery 1.7.1 with it.
Question: Can we, and how do we, update the libraries? And will the new versions work without a hitch in Dreamweaver CS6?

Yes, you can update the included version of jQuery Mobile.
Download the desired version from jquerymobile.com, and replace the files within Dreamweaver's Configuration folder. Greg Rewis wrote up a helpful blog post that details this process: http://blog.assortedgarbage.com/2011/05/updating-jquery-in-dreamweaver-cs5-5/
I haven't run into any issues with the newer stable versions (i.e. jQm 1.1.0 and jQ 1.7.1/1.7.2).
If you do, though, we'd like to hear about it: http://adobe.ly/DWBug

ADF vs jquery mobile framework

Similar Messages

Maybe you are looking for