Imprimer la Page | Fermez la fenêtre

afficher/masquer password avec un bouton

Imprimé depuis: Forum openElement
Categorie:

openElement


Nom du Forum: Discussion générale openElement
Description du Forum: Discussion générale sur le logiciel
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=23594
Date: 28 Mar 2024 à 09:38
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com


Sujet: afficher/masquer password avec un bouton
Posté par: Chantoune
Sujet: afficher/masquer password avec un bouton
Posté le: 07 Avr 2019 à 19:51
bonjour,

j'ai protége une partie de mon site avec le pack de connecxion (oe users)
donc tout fonctionne correctement

mais l'on me demande de pouvoir afficher en clair par clic le champs de saisie du mot de passe
car on a souvent un message d'erreur du a des fautes de saisie dans celui ci
j'ai donc remplacé la propriété "type" du champs de saisie par 'texte" au lieu de "mot de passe"
OK maintenant le mot de passe s'affiche en clair mais les remplissages automatiques faite par le navigateur ne fonctionnent plus

Ma question est donc comment programmer un bouton pour qu'il affiche soit des "*****" soit du texte

Avez vous une solution a me proposer merci ?



-------------
Systeme window 10
open element version 57R9



Réponses:
Posté par: Chantoune
Posté le: 08 Avr 2019 à 11:12
il est vrai que pour voir un petit "oeil" à cote du password, il suffit d'ajouter un add-on a firefox (par exemple l'extension "show me password" cela fonctionne très bien : en cliquant sur l'oeil le password s'affiche temporairement en clair

Il existe aussi des plugins similaires pour chrome

Mais j'aurais souhaité que le type "mot de passe" d'open element fasse la même chose que ces plugins et que l'on ne soit pas obligé de faire des installations d'extension à nos navigateurs

ces extensions semblent par ailleurs empêcher le remplissage automatique des champs


-------------
Systeme window 10
open element version 57R9


Posté par: brolysan
Posté le: 08 Avr 2019 à 11:27
Par défaut et donc par sécurité, cela a été "programmé" à l'époque comme ceci.
Peut être regarder du coté d'un bout de code JS pour faire apparaître ou masquer le mot de passe.
https://openclassrooms.com/forum/sujet/afficher-masquer-mot-de-passe" rel="nofollow - Essayez déjà cette piste là .

-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: Chantoune
Posté le: 09 Avr 2019 à 16:50
j'ai bien trouvé toutes ses explications qui indiquent que changer le type est interdit, donc il faut recréer l'element et avec Open element je suis un peu perdu car l'element porte un nom du style
oePW(WExxxxxx) pouvez vous m'aider ?

voici le site en question 
http://https://www.creativejuiz.fr/blog/tutoriels/creer-systeme-masquage-demasquage-champ-mot-de-passe-formulaire" rel="nofollow - https://www.creativejuiz.fr/blog/tutoriels/creer-systeme-masquage-demasquage-champ-mot-de-passe-formulaire

avec tout le code et la demo qui fonctionne
http://https://codepen.io/GeoffreyCrofte/pen/cvyEi" rel="nofollow - https://codepen.io/GeoffreyCrofte/pen/cvyEi

donc d'apres ce que je comprend : Il me faut créer un bloc de code (Source)  type javascript position Header contenant donc un copié/collé du code JS (donné dans le lien ci dessus)

puis dans un autre bloc de code (visuel) avec des tag <style> ..... </style> faire un copié/collé de ce qui concerne la mise en forme de .password...;unmask, unmask before....unmask after
et le HTML c'est l'élement oePW créé par le pack !!

Donc je suis perdue comment faire que cela fonctionne ?


-------------
Systeme window 10
open element version 57R9


Posté par: brolysan
Posté le: 09 Avr 2019 à 18:49
Si personne n'intervient d'ici demain soir, je verrai si je peux l'appliquer avec les éléments d'OE, à défaut.



-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: Chantoune
Posté le: 09 Avr 2019 à 21:27
Actuellement sur ma page de test d'open element
j'ai réussi a faire un "input" qui fonctionne
1 - j'ai donc mis le code js dans un bloc de code source : type html position endbody
2 - j'ai fait un code de bloc visuel avec juste ce code
<div>
<input type="password" value="" placeholder="" id="password" class="password">
<button class="unmask" type="button" title="cacher/voir le mot de passe">Voir</button>   
</div>
il faudrait donc que le input puisse etre le oelPW du pack 20 de connexion : mais je ne sais toujours pas le faire ?


-------------
Systeme window 10
open element version 57R9



Imprimer la Page | Fermez la fenêtre

Forum Software by Web Wiz Forums® version 12.04 - http://www.webwizforums.com
Copyright ©2001-2021 Web Wiz Ltd. - https://www.webwiz.net