اظهار و اخفاء كلمة المرور

omarpop23 كتب:

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله و بركاته


اليوم أتيت اليكم بفكرة جديدة علي احلى منتدى و بكود حصري الا وهو كود اظهار و اخفاء كلمة السر
صورة للكود


الكود ضع ردا اولا

الكود:

// Show/Hide password

$(function() {
  if (!_userdata.session_logged_in) {
 $('input[name="password').attr('id','password');
 $('<span class="show-pass" id="shIcon"></span>').insertAfter('input[name="password');
 $('head').append('<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" /><style rel="stylesheet" type="text/css">.hide-pass:after,.show-pass:after{content:"";display:inline-block;font-family:"Material Icons";vertical-align:middle}.hide-pass:after {content:""}#shIcon{display:inline-block;cursor:pointer;font-size: 16px;vertical-align:middle;position:relative;margin-right:-20px}</style>');
    

    var myInput = document.getElementById("password"),
        myBtn = document.getElementById("shIcon");

    myBtn.onclick = function() {
        if(myInput.type === "password") {
            myInput.type = 'text';
            this.className = 'hide-pass';
        } else {
            myInput.type = 'password';
            this.className = 'show-pass';
        }
    };
 }
});
 
//by omarpop23

هذا الكود فكرتي و تكويدي بالكامل ارجو احترام حقوق الملكية

.