GVKun编程网logo

使用jquery mobile和phonegap在android 4.0 webview中聚焦时,创建输入字段的副本

5

以上就是给各位分享使用jquerymobile和phonegap在android4.0webview中聚焦时,创建输入字段的副本,同时本文还将给你拓展android–JQuerymobile中WebV

以上就是给各位分享使用jquery mobile和phonegap在android 4.0 webview中聚焦时,创建输入字段的副本,同时本文还将给你拓展android – JQuery mobile中WebView底部的空白区域、android – phonegap / jquery mobile – iframe和后退按钮、android – 使用本地和服务器页面的PhoneGap jQuery-Mobile应用程序、android – 如何在phonegap和jquery mobile上传任何类型的文件?等相关知识,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

使用jquery mobile和phonegap在android 4.0 webview中聚焦时,创建输入字段的副本

使用jquery mobile和phonegap在android 4.0 webview中聚焦时,创建输入字段的副本

我正在使用webview开发一个phonegap应用程序.但是当焦点在任何输入文本框上时,会自动创建文本框的副本,而我输入的内容将在此文本框中.在焦点上,此值显示在默认文本框中.我试图通过以下方式避免这种情况:

input {
    -webkit-appearance: none;
    background: none;
    border: 0;
    outline: none;
    -webkit-tap-highlight-color: rgba(0,0);
}

但没有效果……

解决方法

这就是我用的……

input [type =“text”]:not(.selectBox),input [type =“number”],input [type =“password”] {    -webkit-user-modify:read-write-plaintext-only;    -webkit-tap-highlight-color:rgba(0,0);    outline-style:none;}

android – JQuery mobile中WebView底部的空白区域

android – JQuery mobile中WebView底部的空白区域

我正在使用1.0a3版本的 jquery-mobile.问题是大约有一个白色空间. 40 px添加到WebView的底部.在 Android模拟器中,空格并不总是出现,当它出现时,我得到一个在第一次布局警告后无法获得viewWidth.在2.3.3.设备白色空间总是出现.

我尝试切换到版本1.0a2,1.0a4和1.0b2,但在1.0a2上,屏幕在方向更改时变为空白,并且1.0b2和1.0a4分割按钮外观以不希望的方式更改.我自己在css中没有改变任何东西.

什么可以改变以摆脱白色空间?

解决方法

问题在于.css文件中的min-height属性.我更换了min-height:100%with min-height:500px in .ui-page和.ui-page-active元素,它删除了问题.作为副作用,渐变颜色更加扩展,但这不应该是一个大问题.

android – phonegap / jquery mobile – iframe和后退按钮

android – phonegap / jquery mobile – iframe和后退按钮

我正在开发一个Phonegap / jQuery Mobile Android应用程序.

特定内容涉及显示我们服务器上的页面.我们使用IFrame来显示它,除了后退按钮外,所有工作都很好.如果您点击IFrame中的几个页面并按下手机的后退按钮,应用会返回页面而不是iframe中的内容,这是一个问题.

我猜这个解决这个问题真的很棘手,但是有没有人有想法或替代方法来显示使用后退按钮的外部网站?

解决方法

您可能需要覆盖默认的onBack方法,并提供自己的方法. 您需要弄清楚如何以编程方式模拟iFrame中的返回

android – 使用本地和服务器页面的PhoneGap jQuery-Mobile应用程序

android – 使用本地和服务器页面的PhoneGap jQuery-Mobile应用程序

我在iOS上有一个基本的PhoneGap / jQuery-Mobile应用程序,它最初会加载作为应用程序一部分的index.html页面.在该页面上有一个链接指向我们移动网站上的页面(未部署为应用程序的一部分).这是我想要的,因为当我点击链接时,它会加载我的应用程序中的移动页面(我更新了PhoneGap.plist ExternalHosts,因此它将加载到我的应用程序而不是Safari中).

我的问题是,是否从我的应用程序中显示的移动页面,但不是我的应用程序的一部分,我可以链接回我的应用程序的一部分页面?这甚至可能吗?如果没有,我有什么选择来实现同样的行为?

我希望我的应用程序的基本设计是使用某些菜单,这些菜单始终可以通过按钮返回到应用程序中不同页面的菜单(例如,家庭,移动站点,相机等).单击菜单链接会加载导航栏下方的移动网页,此页面可能是Phonegap应用程序的本地或我们服务器上的远程页面. (可选地,菜单/导航栏可以是移动站点的一部分 – 但这仅在移动站点页面菜单上的主页按钮加载应用程序的index.html页面时才有效).

该计划是为iOS和Android上的应用程序维护一个代码库,并仍使用PhoneGap访问手机的功能,例如相机.但是,我们不必为每个服务器端的信息交换(检索,数据库更新等)编写.ajax调用,我们可以利用我们现有的服务器端表单和已经作为.aspx页面托管的页面,为它们提供服务. Phonegap应用程序.如果可能的话,能够在我的应用程序和我的移动网站(所有使用JQuery Mobile)的页面之间来回链接是理想的.能够在我们的远程服务器页面上包含phonegap.js并在这些页面内包含对phonegap的javascript API调用,如果可以的话,将是另一个重大的好处.

希望这是有道理的.

提前致谢!

解决方法

是的我们做了.我使用了Childbrowser,如下所述.我们必须在iOS和Android上修改Childbrowser用户界面以隐藏地址栏和工具栏.我们需要花费一些精力才能使我们的移动网站标题/菜单栏与我们的原生标题栏相匹配.最终的结果是无缝体验 – 您无法分辨您是在查看本机页面还是从我们的移动网站提供的页面.

android – 如何在phonegap和jquery mobile上传任何类型的文件?

android – 如何在phonegap和jquery mobile上传任何类型的文件?

我正在phonegap android中创建一个应用程序,我想在其中上传文件到服务器.我想要的是当用户点击上传按钮时,将打开一个选项对话框,用户将从该位置选择要上传的文件,然后当用户点击保存按钮时,将上传文件.对话框将像普通窗口一样,就像我们在桌面上点击邮件中的附加按钮时看到的那样.
任何人都可以告诉我如何在Android手机中这样做?
任何帮助表示赞赏.

提前致谢.

解决方法:

使用phonegap文件传输方法
FileTransfer对象允许您上传文件或从服务器下载文件.

属性

> onprogress:每当传输新的数据块时,使用ProgressEvent调用. (功能)

方法

> upload:将文件发送到服务器.
>下载:从服务器下载文件.
> abort:中止正在进行的转移.

样品
// !!假设变量fileURI包含设备上文本文件的有效URI

var win = function (r) {
    console.log("Code = " + r.responseCode);
    console.log("Response = " + r.response);
    console.log("Sent = " + r.bytesSent);
}

var fail = function (error) {
    alert("An error has occurred: Code = " + error.code);
    console.log("upload error source " + error.source);
    console.log("upload error target " + error.target);
}

var options = new FileUploadOptions();
options.fileKey = "file";
options.fileName = fileURI.substr(fileURI.lastIndexOf('/') + 1);
options.mimeType = "text/plain";

var params = {};
params.value1 = "test";
params.value2 = "param";

options.params = params;

var ft = new FileTransfer();
ft.upload(fileURI, encodeURI("http://some.server.com/upload.PHP"), win, fail, options);

您可以使用浏览和选择文件

var source =  navigator.camera.PictureSourceType.PHOTOLIBRARY;
navigator.camera.getPicture(successFn, errorFn, { quality: 50,
        destinationType: this.photoDestinationType.FILE_URI,
        sourceType: source,
        mediaType: navigator.camera.MediaType.ALLMEDIA  });

更多信息检查link

今天的关于使用jquery mobile和phonegap在android 4.0 webview中聚焦时,创建输入字段的副本的分享已经结束,谢谢您的关注,如果想了解更多关于android – JQuery mobile中WebView底部的空白区域、android – phonegap / jquery mobile – iframe和后退按钮、android – 使用本地和服务器页面的PhoneGap jQuery-Mobile应用程序、android – 如何在phonegap和jquery mobile上传任何类型的文件?的相关知识,请在本站进行查询。

本文标签: