لونك المفضل
الألوان
chatالمواضيع الأخيرة
new_releasesأفضل 10 أعضاء في هذا الأسبوع
new_releasesأفضل 10 أعضاء في هذا الشهر
bubble_chartالمتواجدون الآن ؟
ككل هناك 8 عُضو متصل حالياً :: 0 عضو مُسجل, 0 عُضو مُختفي و 8 زائر :: 1 روبوت الفهرسة في محركات البحث

لا أحد

أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 494 بتاريخ 2019-03-19, 11:43 am

موقع احلى مطور

موقع احلى مطور لتطوير و تنمية منتديات أحلى منتدى

عنوان الخبر

تفاصيل الخبر

عنوان الخبر

تفاصيل الخبر

كلمات دليلية:

قيد اتنفيذكود اخفاء و اظهار كلمة المرور 2019

omarpop23
omarpop23
المؤسس
 نُشر في 2019-04-13

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



اليوم أتيت اليكم بفكرة جديدة علي احلى منتدى و بكود حصري الا وهو كود اظهار و اخفاء كلمة السر
صورة للكود:
كود اخفاء و اظهار كلمة المرور 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

.

قيد اتنفيذرد: كود اخفاء و اظهار كلمة المرور 2019

ابو مجد
ابو مجد
عضو احلى مطور
 نُشر في في 2019-07-23, 10:52 am
يسلمو علو الكود رائع جدا

اعلانات نصية