Syfre le 20 janvier 2015 à 09:26

2015-01-20T09:26:31Z

← Version précédente		Version du 20 janvier 2015 à 09:26
Ligne 77 :		Ligne 77 :
	[[Category:Latest]]		[[Category:Latest]]
	[[Category:Mobile]]		[[Category:Mobile]]
	[[Category jq1000.js]]		[[Category:jq1000.js]]

Syfre le 20 janvier 2015 à 09:25

2015-01-20T09:25:52Z

← Version précédente		Version du 20 janvier 2015 à 09:25
Ligne 77 :		Ligne 77 :
	[[Category:Latest]]		[[Category:Latest]]
	[[Category:Mobile]]		[[Category:Mobile]]
	[[Category jq1000]]		[[Category jq1000.js]]

Syfre : Page créée avec « ====Mise en oeuvre en utilisant le plugin jq1000.js==== Le plugin JQuery jq1000.js prend en charge l'authentification. Pour mettre en oeuvre l'authentifica... »

2015-01-20T09:25:29Z

Page créée avec « ====Mise en oeuvre en utilisant le plugin jq1000.js==== Le plugin JQuery jq1000.js prend en charge l'authentification. Pour mettre en oeuvre l'authentifica... »

Nouvelle page

====Mise en oeuvre en utilisant le plugin jq1000.js====

Le plugin JQuery [[jq1000.js|jq1000.js]] prend en charge l'authentification.

Pour mettre en oeuvre l'authentification sur votre application :

Dans la page html de votre application :

Ajoutez les boutons de connexion/déconnexion, par exemple sur la home page :

<source lang="html4strict">

<div class="ui-page" data-role="page" id="pageSelect">
<div data-role="header">
<h1>Customer search selections</h1>
</div>

<div data-role="content">
</div>

<div data-role="footer" data-position="fixed">
<a href="#" id="btnConnect" data-role="button" data-icon="gear">Connect</a>
<a href="#" id="btnDisconnect" data-role="button" data-icon="gear">Disconnect</a>
</div>
</div>
</source>

Ajoutez une page de connexion :

<source lang="html4strict">

<div class="ui-page" data-role="page" id="pageConnect">
<div data-role="header">
<h1>Connect to the server</h1>
<a href="#pageSelect" data-role="button" data-icon="home">Home</a>
<a href="#" data-role="button" data-rel="back" data-icon="back">Back</a>
</div>

<div id="divConnect" data-role="content">
</div>

<div data-role="footer" data-position="fixed">
</div>
</div>

</source>

{{tip|Il est important de respecter les ids pageConnect et divConnect qui sont définis par défaut dans le code de jq1000, sinon vous devez passer les bonnes valeurs dans les options. }}

Dans le code javascript :

<source lang="javascript">
$(document).ready( function() {

// updated by mobile wizard.
$.l1000._api_ = "sdata/mobilesuitefi";

$.l1000.status(onConnected,onDisconnected);

$('#btnConnect').click(function(e) {
e.preventDefault();
$.l1000.connect({pageConnect:"pageConnect",divConnect:"divConnect",slide:slide});
$('#btnConnect').hide();
$('#btnDisconnect').show();
});

$('#btnDisconnect').click(function(e) {
e.preventDefault();
$.l1000.disconnect();
slide("pageConnect");
$('#btnConnect').show();
$('#btnDisconnect').hide();
});
}
</source>

[[Category:Latest]]
[[Category:Mobile]]
[[Category jq1000]]

Connexion (jq1000) - Historique des versions

Syfre le 20 janvier 2015 à 09:26

Syfre le 20 janvier 2015 à 09:25

Syfre : Page créée avec « ====Mise en oeuvre en utilisant le plugin jq1000.js==== Le plugin JQuery jq1000.js prend en charge l'authentification. Pour mettre en oeuvre l'authentifica... »

Syfre : Page créée avec « ====Mise en oeuvre en utilisant le plugin jq1000.js==== Le plugin JQuery jq1000.js prend en charge l'authentification. Pour mettre en oeuvre l'authentifica... »