Animer les éléments HTML grâce au module ng-animate d'AngularJS 1.2

AngularJS / Javascript

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

Le module ngAnimate est arrivé avec la version 1.2 du Framework AngularJS, Il nous permet d'animer nos éléments HTML avec une grande facilité.

Contrairement aux précédentes versions d'AngularJS, dans la version 1.2, on n'a plus besoin de déclarer la directive ng-animate dans les éléments HTML. Il suffit juste d'inclure le module ngAnimate à notre application AngularJS et ng-animate s'applique automatiquement sur tous les éléments pourtant les directives suivantes : ngRepeat, ngInclude, ngSwitch, ngShow, ngHide, ngView ...

LIRE L'ARTICLE

Google Maps V3 : ajouter un champ autocomplete des adresses

autocomplete / autocomplete adresse / didacticiel / Google / google maps / google maps api v3 / places / places autocomplete / trucs et astuces

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

L'autre jour nous avons vu comment afficher un calcul d'itinéraire avec Google Maps API V3. Aujourd'hui je vous propose d'aller encore un peu plus loin avec l'ajout d'un autocomplete d'adresse. L'objectif est d'afficher des suggestions d'adresse en fonction de ce que l'utilisateur indique dans un champ texte.

LIRE L'ARTICLE

Google Maps Directions : Afficher des itinéraires et des trajets

api v3 / directions / google maps / itinéraire / latitude longitude / trajet

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

S'il y a bien une chose qui est appréciable avec Google c'est que plus on utilise les APIs et services que leurs équipes mettent à disposition et plus on se rend compte du florilège d'outils qu'ils nous permettent d'utiliser pour enrichir les fonctionnalités de son site Web.

Avec Google Maps Directions (compatible avec la Google Maps API V3), nous allons voir comment créer une carte interactive pour présenter le trajet entre deux points.

LIRE L'ARTICLE

Effacer un formulaire avec jQuery

formulaire / Javascript / jQuery / Web

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

Pour un formulaire qui contient plusieurs champs et qui s'étale sur plusieurs pages, il n'est pas toujours facile et efficace d'utiliser la fonction standard reset ().

Voici donc une méthode fort efficace, utilisant jQuery, qui vous permettra d'effacer tous les champs d'un formulaire.

LIRE L'ARTICLE

Nouveau plugin jQuery Archives pour Wordpress !

archives / jQuery / Open Source / plugin / Wordpress

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

iTx Technologies est fier de publier ou nouveau plugin à la communauté Wordpress !

Ce plugin, jQuery Archives, vous permet d'afficher les archives de votre site Wordpress sous forme d'accordéon en utilisant la librairie jQuery. Jettez un coup d'oeil à ce que vous pouvez faire avec le plugin !

LIRE L'ARTICLE

Valider un code postal français en Javascript

code postal / formulaire / France / HTML / Javascript / script / Web

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

Plus tôt cette année, j'ai écrit un billet qui expliquait comment valider un code postal canadien en Javascript.

Depuis, j'ai reçu quelques commentaires de gens qui se demandaient comment modifier cette fonction Javascript pour valider un code postal français.

LIRE L'ARTICLE

Vérifier si un bouton radio a été sélectionné en Javascript

didacticiel / formulaire / Javascript / validation

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

Le Javascript est vraiment utile pour vérifier que les champs d'un formulaire ont été dûment remplis, puisque ce langage s'exécute localement au lieu d'envoyer les données au serveur (comme c'est le cas avec le PHP, par exemple).

La plupart des champs des formulaires se vérifient bien, mais vérifier lequel d'un groupe de boutons radio a été sélectionné, c'est plus compliqué.

En effet, il faut créer un for loop qui, sous forme d'itération, vérifiera quel bouton radio a été sélectionné.

Utilisez le code suivant :

LIRE L'ARTICLE

Créer et gérer un cookie en Javascript

cookie / didacticiel / Javascript / Web

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

La différence majeure entre un cookie créé par un script PHP et celui d'un script Javascript est l'endroit où il peut être créé. En PHP, le cookie doit être envoyé avant la balise car il doit faire partie de l'entête de la requête HTTP tandis qu'en Javascript, le cookie peut être créé n'importe où dans le document.

LIRE L'ARTICLE

Validation d'un numéro de téléphone en Javascript

didacticiel / HTML / Javascript / script / validation

Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible.

La sécurité d'un site Web peut être compromise si aucune validation des formulaires n'est faite. Il est donc important de normaliser les valeurs reçues, alors voici un petit script qui valide un numéro de téléphone.

LIRE L'ARTICLE

Pages