Bottone: Visualizza la Password


Tutorial Bottone: Visualizza la Password

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

Bottone: Visualizza la Password 13-07-25
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">&nbsp;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");
        }
    });
});


Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 24
Messaggi : 8279
Località : Provincia di Varese

Visualizza il profilo https://www.openstudio.one
Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto


 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.