منتدى حلوة يا بلدي
عزيزي الزائر أهلاً و سهلاً
اذا اعجبك المنتدى واردت الانضمام الينا فاضغط تسجيل

عزيزي العضو المسجل بمنتدانا ...
اضغط دخول وضع اسم المستخدم و كلمة المرور

نتمنى لكم المتعة و المعرفة و الفائدة ..
ولكم جزيل الشكر ادارة المنتدى


كود اظهار كلمة المرور عند كتابتها 444410










`
شاطر
اذهب الى الأسفل
Admin
Admin
مدير المنتدى
رقم العضوية : 1
عدد المساهمات : 6257
تاريــخ التســـجيل : 09/04/2016
البلد : S Y R
العمـل : Admin
التقييم و الاعجاب : 17
المزاج : Happy

كود اظهار كلمة المرور عند كتابتها Empty كود اظهار كلمة المرور عند كتابتها

في 11/11/2019, 8:46 am
كود اظهار كلمة المرور عند كتابتها

يتم ذلك عن طريق

قم بالتعديل علي قالب ال 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;
            };
        }
    }
}());

</script>
<style>.show_hide_pass { position: relative; display: -inline-block; }.s_h_btn { position: absolute; left: 5px; transform: translateY(50%); cursor: pointer; }</style>





.
السعيد لا يملك كل شيء ، ولكنه يسعد بكل شيء يملكه.

كود اظهار كلمة المرور عند كتابتها 77100012
عمادوو
عمادوو
عضو جديد
رقم العضوية : 52
عدد المساهمات : 135
تاريــخ التســـجيل : 28/01/2018
التقييم و الاعجاب : 0

كود اظهار كلمة المرور عند كتابتها Empty رد: كود اظهار كلمة المرور عند كتابتها

في 18/11/2019, 6:59 am
مشكور ادمن على هذا الكود
الرجوع الى أعلى الصفحة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
المتواجدون الآنككل هناك 0 عُضو متصل حالياً 0 عضو مُسجل, 0 عُضو مُختفي و 0 زائر
أكبر تواجدأكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 91 بتاريخ 2/1/2018, 4:49 pm
إجمالي المساهمات
إجمالي الأعضاء
العضو الجديد مرحباً به