jQTouch et PHP Login Form

Je travaille sur une application web pour l'iPhone en utilisant le framework jQTouch. J'ai trouvé un exemple similaire à la façon dont je veux installer ma page de connexion à l'adresse:jQTouch et PHP Login Form

http://www.golen.net/blog/2010/05/29/jqtouch-ajax-php-login-form/

et ai téléchargé les fichiers d'exemple php: http://www.golen.net/blog/wp-content/uploads/2010/05/jqtouch.zip

En vidéo 3 qui accompagne ce blog il montre le formulaire de connexion n'apparaît que si vous cliquez sur le lien de connexion. Cependant, j'ai téléchargé les fichiers et les ai téléchargés sur 2 de mes serveurs et le formulaire de connexion apparaît toujours, que je me soit connecté ou non. Autant que je sache, les fichiers php téléchargeables sont les mêmes que le contenu de la vidéo, mais je ne peux pas empêcher le formulaire de connexion de s'afficher tout le temps.

N'importe qui a des idées. Voici la page index.php qui comprend le formulaire de connexion ainsi:

<?php

$ loggedIn = (isset ($ _ COOKIE [ 'loggedin']) & & _COOKIE $ [ 'loggedin'] == 'true') ?vrai faux; >

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

Source

2010-08-26 Steve Kemp

il vous suffit de modifier le code un peu ... retirer la div jqt et mettre dans un div id'ed « login ... comme ça?:

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

Espérons que vous aide :-)

Source

2011-02-02 22:50:50

jQTouch et PHP Login Form

Répondre

Questions connexes