JQuery Mobile

25

Étape n°1 : se connecter

Le processus de connexion consiste à afficher la fenêtre de login uniquement si le (futur) membre ne l’a pas renseignée précédemment. Une fois le login renseigné, celui-ci est archivé sur le serveur dans une table de la base de données, puis la fenêtre contenant les membres connectés à cet instant s’affiche.

Côté client

Le code HTML décrivant cette fenêtre de login pourrait être le suivant.

Code HTML de la fenêtre login

<div data-role=dialog id=login>

<div data-role=header>

<h1>Login</h1>

</div>

<div data-role=content>

<p class=info1> Choose your login </p>

<span class=span-input>Login </span>

<input type=text /><br /><br /><br />

<a href=# data-role=button class=ok> Okay! </a>

</div>

</div>

Les classes CSS ...