Password - come mettere l'occhio laterale per scegliere se mostrare o nascondere
Autor: Axel C.
Visitado 554,
Seguidores 3,
Compartilhado 0
Buongiorno,
vorrei sapere come si fa a mettere l'icona di un occhio laterale al campo della password per scegliere di visualizzare o nascondere il testo della password.
Grazie
Publicado em
non ho capito di preciso a che campo di richiesta password ... forse quando si fa il login ?
comunque , l'occhiolino proprio no, ma una casellina da spuntare che fa visualizzare o meno si...
l'avevo fatto mettendo in oggetto html il codice che trovi d'esempio qui , puntando ovviamente al giusto ID del campo password... da ricavare con ispeziona codice
https://www.w3schools.com/howto/howto_js_toggle_password.asp
ora non lo trovo, ma avevo già risposto in un altro post (mi pare in inglese) qui sull'helpcenter tempo fa...
postando per bene l'esempio col codice che avevo usato...
(cosa che ora non ho più tempo di fare...)
Autor
Grazie della risposta Claudio, vorrei mettere questa funzione sia su login che sul modulo di creazione account ed ho visto che le caselle delle password hanno due id diversi, quindi penso che debba fare l'operazione due volte.
Non ho mai fatto un'operazione del genere...ti chiedo la cortesia di spiegarmi solo una cosa, quando vado al passo 1 su statistiche e codice, nel campo codice personalizzato / prima dell'apertura del Tag HTML devo mettere il codice html da te riportato con l'id modificato, ma per quanto riguarda il javascript con l'id modificato, dove lo vado a mettere ?
ASSOLUTAMENTE NO in "prima dell'apertura del tag html" !!!
è fattibile facilmente solo dove puoi aggiungere un oggetto codice HTML nella pagina, sotto ad esempio all'oggetto login/logout,
e devi usare solo la parte di codice necessaria...
Ecco esempio se hai una pagina con l'oggetto Login/logout
sotto metti l'oggetto html con dentro questo codice (al posto delle XXX , il tuo ID del campo password ) perchè deve farti apparire la caselina di spunta...
<input type="checkbox" onclick="myFunction()">Mostra Password
<script> function myFunction() { var x = document.getElementById("imPwd_pluginAppObj_XXX_XXX"); if (x.type === "password") { x.type = "text"; } else { x.type = "password"; } } </script>
il risultato è questo
spero risolvi, ora mi scollego, non so quando ritornerò qui...
Autor
Grazie infinite Claudio, ho risolto sia sul login che sul modulo di contatto... con questo sistema mi hai aperto un mondo.