WebSite X5Help Center

 
Axel C.
Axel C.
User

Password - come mettere l'occhio laterale per scegliere se mostrare o nascondere  it

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
4 RESPOSTAS - 1 ÚTIL - 1 CORRIGIR
Claudio D.
Claudio D.
Moderator
Usuário do mês IT

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...)

Ler mais
Publicado em de Claudio D.
Axel C.
Axel C.
User
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 ?

Ler mais
Publicado em de Axel C.
Claudio D.
Claudio D.
Moderator
Usuário do mês IT

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...

Ler mais
Publicado em de Claudio D.
Axel C.
Axel C.
User
Autor

Grazie infinite Claudio, ho risolto sia sul login che sul modulo di contatto... con questo sistema mi hai aperto un mondo. 

Ler mais
Publicado em de Axel C.