<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD><TITLE>系統幫助</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<META name=viewport content="width=device-width, user-scalable=no, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#default').bind('click', function() {
$.mobile.loadingMessageTextVisible = false;
$.mobile.showPageLoadingMsg();
});
$('#loadingMessageTextVisible').bind( 'click', function() {
$.mobile.loadingMessageTextVisible = true;
$.mobile.loadingMessageTheme = 'a';
$.mobile.showPageLoadingMsg();
});
$('#loadingMessageTheme').bind( 'click', function() {
$.mobile.loadingMessageTextVisible = true;
$.mobile.loadingMessageTheme = 'e';
$.mobile.showPageLoadingMsg();
});
$('#customText').bind( 'click', function() {
$.mobile.loadingMessageTextVisible = true;
$.mobile.showPageLoadingMsg( 'a', "Please wait..." );
});
$('#noSpinner').bind( 'click', function() {
$.mobile.loadingMessageTextVisible = true;
$.mobile.showPageLoadingMsg( 'a', "Please wait...", true );
});
});
</script>
</HEAD>
<BODY>
<div data-role="page" id="page1">
<div data-theme="a" data-role="header" data-position="fixed">
<a href="#" data-role="button" data-icon="home">首頁</a>
<h3>歡迎進入辦事大廳</h3>
<a href="#panel2" data-role="button" data-inline="false" data-icon="search" class="ui-btn-right">搜索</a>
</div>
<div data-role="content">
<p><a id="default" data-role="button">Default Loader</a></p>
<p><a id="loadingMessageTextVisible" data-role="button">loadingMessageTextVisible = true</a></p>
<p><a id="loadingMessageTheme" data-role="button">loadingMessageTheme = 'e'</a></p>
<p><a id="customText" data-role="button">Custom Text</a></p>
<p><a id="noSpinner" data-role="button">No Spinner</a></p>
</div>
<div data-theme="a" data-role="footer" data-position="fixed">
<div data-role="navbar" data-iconpos="left">
<ul>
<li><a href="#" data-icon="plus">通知公告</a></li>
<li><a href="#" data-icon="delete">我要信訪</a></li>
<li><a href="#" data-icon="check">辦件檢索</a></li>
</ul>
</div>
</div>
</div>
</BODY>
</HTML>
