Bottone: Visualizza la Password

Da **Niko** Sab 16 Gen 2021 - 20:57

Bottone: Visualizza la password

Dimostrazione

Questo trucco ti permette di aggiungere l'opzione "Mostra password" quando un membro desidera connettersi al tuo forum. Questo trucco è compatibile con tutte le versioni, inclusa la moderna versione mobile.

ho perso la password - Bottone: Visualizza la Password 13-07-25

ho perso la password - Bottone: Visualizza la Password 13-07-26

Installazione del codice Javascript

Pannello di amministrazione  Moduli  HTML e JAVASCRIPT - Gestione del codice JavaScript

Assicurati che la gestione dei codici Javascript sia attivata, quindi crea un nuovo javascript con il titolo "Visualizza la password" e per il posizionamento "Su tutte le pagine". Inserisci qui il codice seguente in base alla versione del tuo forum:

phpBB2

Codice:: $(function() { $('label[for="autologin"], .block-login label.label, .gen input[name="autologin"]').after('<br />Visualizza la password: <input type="checkbox" class="gen" name="visumdp" id="visumdp"></input><br /><br />'); $('.box-login-btns-main, .form_login > div:last').before('<label><span class="checkbox"><input type="checkbox" name="visumdp" id="visumdp"></input><span class="checkbox-check"></span></span><span>Visualizza la password</span></label><br />'); $("#visumdp").on("click", function() { if ($(this).is(":checked")) { $('input[name="password"]').prop("type", "text"); } else { $('input[name="password"]').prop("type", "password"); } }); });

phpBB3, Invision, PunBB e ModernBB

Codice:: $(function() { $('label[for="autologin"], .block-login label.label, .gen input[name="autologin"]').after('<br /><input type="checkbox" name="visumdp" id="visumdp"> Visualizza la password</input><br />'); $('.box-login-btns-main, .form_login > div:last').before('<label><span class="checkbox"><input type="checkbox" name="visumdp" id="visumdp"></input><span class="checkbox-check"></span></span><span>Visualizza la password</span></label><br />'); $("#visumdp").on("click", function() { if ($(this).is(":checked")) { $('input[name="password"]').prop("type", "text"); } else { $('input[name="password"]').prop("type", "password"); } }); });

AwesomeBB

Codice:: $(function() { $('label[for="autologin"], .block-login label.label, .gen input[name="autologin"]').after('<input type="checkbox" name="visumdp" id="visumdp"> Visualizza la password</input><br /><br />'); $('.box-login-btns-main, .form_login > div:last').before('<label><span class="checkbox"><input type="checkbox" name="visumdp" id="visumdp"></input><span class="checkbox-check"></span></span><span>Visualizza la password</span></label><br />'); $("#visumdp").on("click", function() { if ($(this).is(":checked")) { $('input[name="password"]').prop("type", "text"); } else { $('input[name="password"]').prop("type", "password"); } }); });