Discussion :

[bibi28]

Bonjour à tous,
Tout d'abord, excusez-moi si je me suis trompé de rubrique pour poster ma demande d'aide.

Voilà, j'ai installé Joomla sur wampserver et cela fonctionne bien. J'ai installé l'extension FABRIK pour Joomla afin de créer mes formulaires, listes, etc.
Dans un formulaire, je voudrais créer un masque de saisie sur un champ (de style TOUT EN MAJUSCULES) et franchement je n'y arrive pas.

Il y a "Masque de saisie" et "Définition de masque". J'ai regardé sur le web mais j'y perds mon latin.

Pouvez-vous m'aider ?
Merci beaucoup.

[Mister Socrates]

Bonjour.
Fabrik ne propose pas d'option ou de case à cocher pour convertir automatiquement la saisie de caractères en majuscules.
Le masque de saisie permet de formater les données d'un champ (par ex. un n° de compte bancaire ou une date de naissance jj/mm/aaaa)
La définition de masque permet de restreindre l'utilisation de caractères (par ex. autoriser uniquement des chiffres pour un champ 'numéro de téléphone' ou interdire les minuscules, mais cela ne les convertit pas en majuscules).
Pour convertir automatiquement les caractères saisis en majuscule, il faut utiliser soit du css soit du javascript.
En css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.majuscule input{
                 text-transform: uppercase;
                 }

Cela n'affecte que l'affichage, les données peuvent être transmises en minuscules au serveur par ex. si l'utilisateur fait un copier-coller. Il faut du jevascript pour forcer la saisie en majuscule.
En javascript:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

this.value = this.value.toUpperCase();

[bibi28]

Bonjour,
Dans Fabrik, ouest ce que je dois mettre ce code JavaScript

Merci

[Mister Socrates]

Dans Fabrik > Formulaires > Nom du formulaire > Champ concerné, il y a un onglet Javascript (ou Evénements) et dans la section Evénements javescript, choisir le type d'événement oninput ou keyup (oninput ici puisque la conversion en majuscule se fait à la saisie des caractères), et insérer le code JS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

this.value = this.value.toUpperCase();

ou si Fabrik demande une fonction complète

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function customToUpperCase(element, event) {
    element.value = element.value.toUpperCase();
}