Dr.OmaR
Dr.OmaR
المؤسس
القوس
المساهمات :
479
النقاط :
1013
التقيم :
103
العمر :
26
الاوسمة :
كود اخفاء و اظهار كلمة المرور 2019 Crown_gold
البلد :
مصر
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله و بركاته



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

طريقة التركيب:
قم بالتعديل علي قالب ال overall_footer_end
ثم ضع الكود التالي قبل
الكود:
</body>

الكود:
الكود:

<script>
 (function() {
    var showText = 'اظهار',
        hideText = 'اخفاء',

        passInput = document.querySelectorAll('input[type="password"]');
    if (passInput.length > 0) {
        for (i = 0; i < passInput.length; i++) {
            var viewPass = document.createElement('SPAN'),
                passContainer = document.createDocumentFragment();

            viewPass.className = 'show_hide_pass';
            viewPass.innerHTML = '<span class="s_h_btn">' + showText + '</span>';
            passInput[i].parentNode.insertBefore(viewPass, passInput[i].nextSibling);

            passContainer.appendChild(passInput[i]);
            viewPass.appendChild(passContainer);

            var SHBtn = document.querySelectorAll('.s_h_btn');
            SHBtn[i].onmousedown = function() {
                this.parentElement.querySelector('input').type = 'text';
                this.parentElement.querySelector('span').innerHTML = hideText;
            };
            SHBtn[i].onmouseup = function() {
                this.parentElement.querySelector('input').type = 'password';
                this.parentElement.querySelector('span').innerHTML = showText;
            };
        }
    }
}());
// by omarpop23
</script>
<style>.show_hide_pass { position: relative; display: -inline-block; }.s_h_btn { position: absolute; left: 5px; transform: translateY(50%); cursor: pointer; }</style>
تم تحديث الكود 02.07.2019

.
تقييم المساهمة: 0% (1)
ابو مجد
ابو مجد
عضو احلى مطور
المساهمات :
69
النقاط :
117
التقيم :
0
البلد :
Syria
يسلمو علو الكود رائع جدا
رعوود
رعوود
عضو احلى مطور
القوس
المساهمات :
3
النقاط :
3
التقيم :
0
العمر :
27
البلد :
Saudi Arabia
جاري التجربة.
جزاك الله خير
ahvr hgrg,f
ahvr hgrg,f
عضو احلى مطور
المساهمات :
14
النقاط :
16
التقيم :
0
شكرا
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى