[英]jQTouch and PHP Login Form
我正在使用jQTouch框架為iPhone開發一個Web應用程序。 我在以下位置找到了一個類似的示例來設置登錄頁面:
http://www.golen.net/blog/2010/05/29/jqtouch-ajax-php-login-form/
並下載了示例php文件: http : //www.golen.net/blog/wp-content/uploads/2010/05/jqtouch.zip
在此博客隨附的視頻3中,顯示除非您單擊登錄鏈接,否則登錄表單不會出現。 但是,我已經下載了文件並將其上傳到我的2台服務器中,無論是否登錄,登錄表單始終會出現。 據我所知,可下載的php文件與視頻中的內容相同,但我不能阻止登錄表單一直顯示。
有人有想法么。 這是index.php頁面,其中還包括登錄表單:
<?php
$ loggedIn =(isset($ _ COOKIE ['loggedin'])&& $ _COOKIE ['loggedin'] =='true')?true:false; ?>
<title>jQTouch β</title>
<style type="text/css" media="screen">@import "jqtouch/jqtouch.css";</style>
<style type="text/css" media="screen">@import "themes/jqt/theme.css";</style>
<script src="jqtouch/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jqtouch/jqtouch.js" type="application/x-javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
var jQT = new $.jQTouch({
icon: 'jqtouch.png',
addGlossToIcon: false,
startupScreen: 'jqt_startup.png',
statusBar: 'black',
preloadImages: [
'themes/jqt/img/back_button.png',
'themes/jqt/img/back_button_clicked.png',
'themes/jqt/img/button_clicked.png',
'themes/jqt/img/grayButton.png',
'themes/jqt/img/whiteButton.png',
'themes/jqt/img/loading.gif'
]
});
// Some sample Javascript functions:
$(function(){
});
</script>
</head>
<body>
<div id="jqt">
<div id="home">
<div class="toolbar">
<h1>Welcome</h1>
<a class="back" href="#home">Home</a>
</div>
<?php if (!$loggedIn) {?>
<ul class="rounded">
<li class="forward"><a href="#login">Log In</a></li>
</ul>
<?php } else { ?>
<ul class="rounded">
<li class="forward"><a href="doLogoff.php" rel="external">Log off</a></li>
</ul>
<?php } ?>
</div>
<form id="login" action="doLogin.php" method="POST" class="form">
<div class="toolbar">
<h1>Login</h1>
<a class="back" href="#">Back</a>
</div>
<ul class="rounded">
<li><input type="text" name="username" value="" placeholder="Username" /></li>
<li><input type="password" name="password" value="" placeholder="Password" /></li>
</ul>
<a style="margin:0 10px;color:rgba(0,0,0,.9)" href="#" class="submit whiteButton">Submit</a>
</form>
</div>
</body>
您只需要稍微修改一下代碼...刪除jqt div,然后將div id放入“ login ...”,如下所示:
<body>
<div id="home">
<div class="toolbar">
<h1>Welcome</h1>
<a class="back" href="#home">Home</a>
</div>
<?php if (!$loggedIn) {?>
<ul class="rounded">
<li class="forward"><a href="#login">Log In</a></li>
</ul>
<?php } else { ?>
<ul class="rounded">
<li class="forward"><a href="doLogoff.php" rel="external">Log off</a></li>
</ul>
<?php } ?>
</div>
<div id="login">
<form id="login" action="doLogin.php" method="POST" class="form">
<div class="toolbar">
<h1>Login</h1>
<a class="back" href="#">Back</a>
</div>
<ul class="rounded">
<li><input type="text" name="username" value="" placeholder="Username" /></li>
<li><input type="password" name="password" value="" placeholder="Password" /></li>
</ul>
<a style="margin:0 10px;color:rgba(0,0,0,.9)" href="#" class="submit whiteButton">Submit</a>
</form>
</div>
</body>
希望對您有幫助:-)
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.