page-translate

Mise en page d'un template custom pour les WebForm de Drupal

drupal / formulaire / mise en page / template / Webform / webform.tpl.php

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 plupart d'entre vous connait sûrement le module WebForm pour Drupal. Son fonctionnement particulièrement souple et la richesse de ses options l'ont rapidement favorisé dans les choix de la communauté.

Pourtant, quand vous souhaitez modifier le moteur de rendu de vos formulaires, le système de template Drupal habituel devient pour certains un véritable casse-tête. Voici quelques étapes simples pour arriver à vos fins et ainsimettre en page des formulaires Webform avec votre propre style.

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

Ajouter un champs requis en HTML5

formulaire / HTML5 / 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.

HTML5 est actuellement en cours de développement pour devenir la prochaine grande révision de la norme HTML.

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

Bouton de formulaire en CSS3 et RGBA

CSS / CSS3 / didacticiel / formulaire / 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.

Les gens chez ZURB nous ont concocté un didactiel vraiment cool sur la conception de boutons pour formulaire entièrement faits en CSS.

LIRE L'ARTICLE

Activer et désactiver les champs d'un formulaire avec Javascript

didacticiel / formulaire / 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.

Un formulaire bien conçu et programmé est gage de succès. Si vous voulez diriger votre utilisateur de manière simple et intuitive, l'ajout de Javascript devient une avenue très intéressante.

En effet, avec le Javascript, vous pouvez contrôler quel(s) champs un utilisateur peut remplir en activant/désactivant ceux-ci selon des règles précises.

LIRE L'ARTICLE

Validation d'un formulaire en Javascript

formulaire / HTML / 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 PHP est un langage "côté serveur", ce qui veut dire que toute valeur doit être envoyée au serveur avant d'être traitée. C'est donc naturel d'utiliser le Javascript comme langage de prédilection lorsque vient le temps de valider les champs d'un formulaire.

Prenons un formulaire html de base :

LIRE L'ARTICLE