Créé en 2018 et modifié le 24 Sep 2019

Débuter en programmation objet avec JavaScript

• Réaliser une classe utilisateur dans utilisateur.js possédant un email et un login.
• Réaliser une table utilisateur contenant un login, un email, une date d’inscription et un mot de passe dans votre SGBDR.
• Enregistrer quelques utilisateurs.
• Réaliser un formulaire connexion.html qui permette de saisir le login et le mot de passe d’un utilisateur avec Bootstrap.
• Réaliser une page connexion.php pour vérifier le login et le mot de passe .
• Valider les champs du formulaire grâce à un appel Ajax de connexion.php dans un fichier function.js. Les variables de sessions sont récupérées normalement dans connexion.php, envoyées en ajax avec la méthode post.
• Récupérer l’email de l’utilisateur lors de cet appel Ajax et instancier un objet de la classe utilisateur.
• Enregistrer le login en variable local et l’email en variable de session sur le navigateur avec JavaScript.
• Afficher le login et l’email sur mesPersonnages.php.
• Permettre lors d’une nouvelle ouverture du navigateur de récupérer le login de l’utilisateur dans le formulaire.
• Seul les utilisateurs connectés auront accès à la page mesPersonnages.php. Un test JavaScript coté client ne permet pas de […]
  

Découverte d’Ajax

Partie 1

• Ajouter un bouton nommé Ajax avec pour identifiant result sur votre page index.php.
• Ajouter l’évènement suivant au fichier function.js sans $(document).ready(function ()  s’il y est déjà.

$(document).ready(function () {
//click sur l'id btn
$('#btn').click(function () {
$.ajax("http://localhost/bonjour.php",//appel de bonjour.php sur le serveur web
{
type: "GET",
success: function (resultat) {
$("#result").html(resultat);
}
});
});
});

• Cliquer sur le bouton, Hello devrait s’afficher. JS vient d’appeler le contenu d’une page PHP.

• Changer l’appel de formLogin.html en supprimant l’action du formulaire. Le bouton de validation appellera grâce à Ajax recupLogin.php qui n’a pas besoin d’être modifié.
• Changer l’appel de formRarity.html également pour un appel Ajax. Afficher un message en console grâce à « complete » d’Ajax.

Partie 2

• Ajouter sur viewCartes.php un champ qui permet de rechercher un nom de carte. Lors de l’insertion d’une lettre dans le champ, on souhaite que le navigateur complète le nom avec certains prédéfinis.
  Pour cela réaliser un fichier autocomplete.js et utiliser la méthode autocomplete de JQUERY avec un tableau de nom prédéfinis dans ce fichier.
• Améliorer le système en récupérant les noms de la bases de données en réalisant un fichier autocomplete.php. La page PHP devra afficher après votre requête SQL:

["Accro au [...]

JavaScript et JQuery

Partie 1

• Réaliser un fichier bonjour.js qui affiche bonjour. Inclure ce fichier dans index.php.
• Afficher Hello en console également.

console.log("Hello");

• Réaliser un fichier function.js et l’inclure dans index.php. Permettre grâce à une fonction nomCouleur de saisir le nom et la couleur de la carte et d’afficher une phrase en console contenant ces deux éléments .

<script src="function.js"></script>
<script>nomCouleur();</script>

Partie 2

• Permettre grâce à une fonction score de saisir de la vie et l’attaque d’une carte et afficher la somme en console.
• Dans une fonction meilleurScore, indiquer parmi deux cartes celle qui a la somme la plus haute en utilisant la fonction précédente.
• Réaliser une fonction sommeScore qui permette d’indiquer la somme de 4 cartes.
• Permettre à l’utilisateur de choisir le nombre de cartes à additionner dans cette fonction sommeScore.
• Réaliser une fonction attaque qui soustrait un montant passé en argument de la vie d’une carte.
• Permettre à l’utilisateur de saisir cet argument.
• Permettre d’enregistrer chaque score dans un tableau grâce à la fonction mesCartes.

Partie 3

• Vérifier avec JavaScript les input de formCarte.html grâce veriForm. La fonction renverra un booléen.
  • l’attaque est comprise entre 0 […]