Catégorie : jQuery

  • Attribut onclick vs méthode jQuery click()

    Lorsqu'on désire exécuter du code JavaScript lors d'un clic sur un élément HTML comme par exemple un bouton, deux approches possibles :

    • Ajouter un attribut onclick dans la balise HTML (méthode à éviter).

      Ex :

      HTML

      <input type="button" id="recalculer" value="Recalculer" onclick="recalculer();" />

    • Utiliser la méthode click() de jQuery (méthode à préférer).

      Ex :

      HTML

      <input type="button" id="recalculer" value="Recalculer" />

      jQuery

      $("#recalculer").click(recalculer);

    (suite…)
  • Les fonctions anonymes

    Une fonction anonyme c'est... une fonction qui n'a pas de nom !!!

    Même si cette définition est vraie, elle n'aide pas à la compréhension. Alors, recommençons : une fonction anonyme est une fonction dont le code est écrit directement dans l'appel d'une autre fonction, alors que le paramètre attendu est une fonction de rappel.

    (suite…)
  • Valider un formulaire côté client

    La validation d'un formulaire Web côté client est essentielle. C'est elle qui permet d'informer l'usager le plus rapidement lorsqu'il entre des informations invalides.

    En fait, les éléments visuels devraient déjà avoir averti l'usager de certaines règles à suivre : astérisque (*) devant les informations obligatoires, texte indiquant le format attendu, taille des zones de texte pour indiquer la taille de ce qui est attendu, etc. Mais ces éléments visuels ne sont qu'indicatifs. Ils n'effectuent pas de validation.

    La validation côté client peut être effectuée à l'aide d'attributs HTML ou à l'aide de JavaScript, avec ou sans jQuery.

    (suite…)
  • AJAX pour gérer des listes déroulantes imbriquées

    Certains sites ont besoin de mettre en place une liste déroulante dont les options dépendent de la valeur sélectionnée dans une autre liste déroulante.

    Par exemple, on pourrait avoir une liste déroulante proposant les départements d'une entreprise et une autre qui présente les personnes travaillant dans le département sélectionné. Autre exemple : une liste déroulante de pays et, selon le pays sélectionné, une liste déroulante de provinces (ou d'états, ou de communes, selon le terme convenant au pays).

    Pour réaliser des listes déroulantes imbriquées, AJAX sera votre allié !

    (suite…)
  • Comment bien tester une requête AJAX avec PHP

    Vous avez réussi à effectuer un appel serveur avec AJAX, c'est bien. Mais encore faut-il vous assurer que votre programme réagira correctement si l'appel ne fonctionne pas.

    Même si vous utilisez un algorithme fourni par un as de la programmation, ne vous y fiez jamais. Vous devez toujours prendre soin de tout tester. Qui sait, vous pourriez peut-être avoir l'occasion d'épater l'auteur qui vous a fourni sa structure de code en apportant des amélioration à son précieux code !

    Comme le nombre de causes d'erreur possibles est élevé, cet article vous présent quelques pistes pour vous aider.

    (suite…)
  • Comment déboguer une requête AJAX

    Lorsqu'on fait une requête AJAX, il faut savoir déboguer autant du côté client que du côté serveur car les deux entrent en jeu.

    Les raisons pouvant causer le problème sont nombreuses. Le problème peut provenir de l'exécution de la fonction JavaScript, de l'appel AJAX en tant que tel, du code serveur, du traitement effectué lorsque l'appel AJAX a été réussi, ...

    Et tous nos tests ne seront valides que si on est assuré que la version testée correspond bel et bien à la dernière version écrite. Le piège de la mémoire cache vous guette !

    (suite…)
  • La sécurité avec AJAX

    Puisque AJAX est basé sur des technologies existantes qui comportent des vulnérabilités, les appels AJAX sont sujets à ces mêmes vulnérabilités : attaques XSS (Cross Site Scripting), attaques CSRF (Cross Site Request Forgery), injections SQL, etc.

    Cet article vous présente les protections de base que vous devriez mettre en place dans votre code utilisant AJAX.

    (suite…)
  • Modifier la base de données avec jQuery.ajax()

    Une autre application intéressante d'AJAX consiste à ajouter, modifier ou supprimer des informations dans la base de données. Par exemple, si un usager ajoute un commentaire sur une page Web, son commentaire pourrait, grâce à AJAX, être enregistré sans que la page ait besoin d'être rechargée. 

    Encore une fois, ceci améliorera l'expérience utilisateur.

    Mais attention : il faudra mettre en place des mécanismes de protection afin d'éviter que des utilisateurs malveillants s'emparent du code AJAX pour modifier les données d'une façon non souhaitable. Les nonces sont tout désignées pour cela.

    (suite…)