English 中文(简体)
用户点击提交时等待指示器
原标题:Wait Indicator when user click submit

我有一个带有网络视图的应用程序, 在那里我显示一个反馈 HTML 页面, 我只需要在用户触摸 HTML 提交按钮时显示一个等待指示器, 最好也可以禁用 HTML 格式的提交按钮 。

从 iOS 侧 或 HTML/ Javascript 侧 的解决方案都会确定 。

最佳回答

如果您有一个名称和代号为“ MyForm” 的表格, 带有代号为“ my button” 的按钮( 按钮不能是类型或名称为“ submit” ) 的按钮, 以及带有代号为“ waitMessage” 的空div, 您可以在其中插入等待信件或 gif, 那么您可以使用类似的东西 :

var myButton1 = document.getElementById("myButton");

myButton1.onclick = function (){
   getElementById("waitMessage").innerHTML = "Whatever waiting message or html code you want";
   myButton1.disabled=true;
   document.forms["myform"].submit();
}
问题回答

当提交 HTML 表格时, 停止当前页面上的所有执行。 您不能继续执行计时器脚本 。

大多数浏览器已经显示繁忙的图标 。

iOS包括标准螺旋体的UIKit控制,称为UI AactivityIndicatorView >。你将分别称为开始和停止动画手法。

如果您想要在 iOS 中按方案创建活动指标 :

UIActivityIndicatorView *myIndicator = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleWhiteLarge]];
myIndicator.center = CGPointMake(160, 240);
myIndicator.hidesWhenStopped = NO;
[self.view addSubview:myIndicator];

然后开始/停止它:

[myIndicator startAnimating];
[myIndicator stopAnimating];

如前所述,您不必禁用 HTML 表格提交按钮, 该页面上不再执行 。





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签