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();
}

[bibi28]

Bonjour,

Lorsque je vais sur Javascript, je n'ai pas "oniput" j'ai (voir les photos.

Hello,

When I go to Javascript, I don't see "oniput"; I see the pictures.

[Mister Socrates]

L'événement Oninput n'est pas toujours présent dans Fabrik selon les versions. Mais vous pouvez choisir KEYUP (la transformation en majuscule se fera lorsque la touche sera relachée)

[bibi28]

J'ai essayé mais pas de modification. Quand tu dis "la touche sera relachée" cela veut dire quoi. Merci beaucoup.

[Mister Socrates]

"Oninput" signifie que l'événement se produit quand le doigt appuie sur la touche; "Keyup" ça signifie 'touche relevée'. C'est l'inverse. Donc c'est au moment où le doigt relâche la touche que la lettre se transforme en majuscule (par ex. 'a' devient 'A').
Il faut vérifier si l'événement est bien relié au champ concerné et encodé dans l'onglet javascript.

[bibi28]

Désolé,
Je n'ai pas compris le principe.

[mathieu]

regardez cette page qui donne des informations sur les évènements keyup et keydown :
https://fr.javascript.info/keyboard-events