كود اظهار كلمة المرور عند كتابتها
11/11/2019, 8:46 am
كود اظهار كلمة المرور عند كتابتها
يتم ذلك عن طريق
قم بالتعديل علي قالب ال overall_footer_end
ثم ضع الكود التالي قبل
ثم نضع الكود التالي بعدها مباشرة
يتم ذلك عن طريق
قم بالتعديل علي قالب ال 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>
.
السعيد لا يملك كل شيء ، ولكنه يسعد بكل شيء يملكه.
http://mo7it.byethost11.com/
- عمادووعضو جديد
- رقم العضوية : 52
عدد المساهمات : 150
تاريــخ التســـجيل : 28/01/2018
التقييم و الاعجاب : 0
رد: كود اظهار كلمة المرور عند كتابتها
18/11/2019, 6:59 am
مشكور ادمن على هذا الكود
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى