Log-in Show My Password

Go down

Tutorial Log-in Show My Password

Post by Ape May 17th 2021, 3:56 pm

Log-in Show My Password


Hello everyone Hello

This trick allows you how to add the "Show My Password" option when a member wants to log on to your forum.
This tip is compatible for all versions including the modern mobile version.

  Screen Capture 
Log-in Show My Password Ezgif_58


Log-in Show My Password N115   Admin Control Panel settings:
ACP  HTML and JAVASCRIPT  Modules - Javascript Code Management


Log-in Show My Password N216 Make sure Javascript code management is enabled:

Log-in Show My Password Captu356

Log-in Show My Password N315 Title: "Show the password."
       Placement: "On all pages"

Log-in Show My Password N411 Insert the following code for your forum version:


phpBB2 version.

Code:
$(function() {
    $('label[for="autologin"], .block-login label.label, .gen input[name="autologin"]').after('<br />Show My 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>Show My 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, PunBB, Invision and ModernBB versions.

Code:
$(function() {
    $('label[for="autologin"], .block-login label.label, .gen input[name="autologin"]').after('<br /><input type="checkbox" name="visumdp" id="visumdp"> Show My 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>Show My 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 version.

Code:
$(function() {
    $('label[for="autologin"], .block-login label.label, .gen input[name="autologin"]').after('<input type="checkbox" name="visumdp" id="visumdp">&nbsp;Show My 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>Show My 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");
        }
    });
});

Log-in Show My Password N510 Don't Forget To Click Log-in Show My Password Captu357


Log-in Show My Password N610 Language Modification.


To Change the text "Show My Password" to something else or in your own Language Just find the words Show My Password and remove it and add your own.
  Please Note in some codes you may see this text twice it will need to be changed on both.



We Hope you like this great little plugin for your forum's.

Any Problems please make a topic With the URL of this topic.




Log-in Show My Password Left1212Log-in Show My Password Center11Log-in Show My Password Right112
Log-in Show My Password Ape_b110
Log-in Show My Password Keep_s10
Log-in Show My Password Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 16610
Reputation : 1791
Language : fluent in dork / mumbojumbo & English haha

View user profile http://chatworld.forumotion.co.uk/

skouliki, SLGray, TonnyKamper and Paulostge like this post

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum