jQTouch和PHP登录表单_Php_Jqtouch

jQTouch和PHP登录表单

php

jQTouch和PHP登录表单,php,jqtouch,Php,Jqtouch,我正在使用jQTouch框架为iPhone开发一个web应用程序。我发现了一个类似于我想在以下位置设置登录页面的示例： <title>jQTouch β</title> <style type="text/css" media="screen">@import "jqtouch/jqtouch.css";</style> <style type="text/css" media="screen">

我正在使用jQTouch框架为iPhone开发一个web应用程序。我发现了一个类似于我想在以下位置设置登录页面的示例：

    <title>jQTouch &beta;</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>

    <title>jQTouch &beta;</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>

并下载了示例php文件：

    <title>jQTouch &beta;</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>

在本博客附带的视频3中，它显示登录表单不会出现，除非您单击登录链接。然而，我已经下载了这些文件并将它们上传到了我的两台服务器上，并且无论我是否登录，登录表单总是出现。据我所知，可下载的php文件与视频中的内容相同，但我不能阻止登录表单一直显示出来

    <title>jQTouch &beta;</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>

任何人都有任何想法。下面是index.php页面，其中还包括登录表单：

<?php

    <title>jQTouch &beta;</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>



    <title>jQTouch &beta;</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>

jQTouch&beta；
@导入“jqtouch/jqtouch.css”；
@导入“themes/jqt/theme.css”；
var jQT=new$.jQTouch({
图标：“jqtouch.png”，
addGlossToIcon:false，
startupScreen:'jqt_startup.png'，
状态栏：“黑色”，
预加载图像：[
“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'
]
});
//一些示例Javascript函数：
$（函数（）{
});
欢迎






登录





您只需稍微修改一下代码。。。删除jqt div，并输入一个div id'ed“login…如下所示：
    <title>jQTouch &beta;</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>

<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>


欢迎






登录





希望对您有所帮助：-）
    <title>jQTouch &beta;</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>