Les avertissements suivants se sont produits :
Warning [2] Undefined array key 0 - Line: 1640 - File: showthread.php PHP 8.2.18 (Linux)
File Line Function
/inc/class_error.php 153 errorHandler->error
/showthread.php 1640 errorHandler->error_callback
/showthread.php 915 buildtree




Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
Formbuilder : <input> avec valeurs préremplies
#1
Bonjour,

Petite fonction très simple, mais que personnellement je n'ai jamais réussi à trouver ni sur les forums, ni dans la doc...
Il s'agit de pré-remplir un champ <input> et de supprimer cette valeur par défaut, lorsque le champ est sélectionné.

Il faut pour cela, avoir installé le module Formbuilder (j'ai testé avec une version de CMSMS 1.9 et Formbuilder 0.6.4, mais à priori cette astuce devrait fonctionner avec les versions antérieures).

Admettons que nous avons un formulaire de contact simple avec un champ "Nom" (de type "champ du mail "From nom"), "Adresse e-mail"(de type champ du mail "From adresse"), "Message" et un bouton d'envoi.
Nous voulons que les champs "nom" et "adresse e-mail" aient pour valeur par défaut respectivement : "votre nom" et "votre adresse e-mail".
(à noter que ceci est prévu par défaut dans Formbuilder pour les champs de type "Textarea" qui correspond ici à "Message".)

Dans Formbuilder, on sélectionne notre formulaire, puis on clic pour modifier le champ nom. "Nom de champ" on choisit un nom court, sans espaces et sans accents (un mot quoi!), ex : "nom".
Dans "Options avancées" on peut ensuite choisir de masquer le "label" (certains diront que ce n'est pas terrible en terme d'accessibilité, ce qui n'est pas faux, mais il faut aussi noter que formbuilder génère de toute façon des "labels" de type "label for="fbrp__2"" qui ne servent à rien pour un malvoyant...), ce qui peut être utile si le label n'est pas très compréhensible, ou pour éviter d'être redondant.
toujours dans "Options avancés" on va entrer le code suivant dans le champ "Javascript pour le champ :", qui permettra d'effacer la valeur par défaut lorsque le champ est sélectionné.
Code :
onblur="if(this.value=='') this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue) this.value='';"

On valide les modifications et puis on recommence la manip avec le champ e-mail (par exemple).

On sauvegarde le formulaire, il ne reste plus qu'à appeler le formulaire (dans une page ou un gabarit) de cette manière :
Code :
{FormBuilder form='nom-du-formualire' value_nom='votre nom...' value_mail='votre adresse e-mail...'}
On remplace bien sur 'nom-du-formulaire' par le bon et "value_nom" et "value_mail" par la valeurs du champ nom vue précédemment!
Répondre


Messages dans ce sujet

Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)