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


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



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

طريقة التركيب:
قم بالتعديل علي قالب ال overall_footer_end
ثم ضع الكود التالي في بداية القالب

الكود:

الكود:


<script>
  (function () {
var pass = document.querySelector('input[type="password"]');
if (pass) {
    var nBtn = document.createElement('SPAN'),
        btnS = 'إظهار',
        btnH = 'إخفاء',
        btnStyle = document.createElement('STYLE'),
        btnCss = '.show-hide-pass { position: relative; display: inline-block; } .clickBtn {position: absolute;top: 0;left: -1px; height: '+ pass.offsetHeight+'px' +';line-height: '+ pass.offsetHeight+'px' +';padding: 0 5px; cursor: pointer;text-align: center;} .clickBtn:hover {color: #f00;} .show-hide-pass input { padding-left: 50px; overflow: hidden; }',
        fragment = document.createDocumentFragment();

    btnStyle.innerHTML = btnCss;
    document.head.appendChild(btnStyle);

    pass.parentNode.insertBefore(nBtn, pass.nextSibling);

    nBtn.className = 'show-hide-pass';
    nBtn.innerHTML = '<span class="clickBtn">' + btnS + '</span>';
    var cBtn = document.querySelector('.clickBtn');


    fragment.appendChild(pass);
    nBtn.appendChild(fragment);
    cBtn.addEventListener("mousedown", mouseDown);
    cBtn.addEventListener("mouseup", mouseUp);

    function mouseDown() {
        cBtn.innerHTML = btnH;
        pass.type = 'text';
    }

    function mouseUp() {
        cBtn.innerHTML = btnS;
        pass.type = 'password';
    }
}
  }());
// by omarpop23
</script>

تم تحديث الكود و حل مشكلة تعارضه مع عارضه احلى منتدى

.