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

لا أحد

مُعاينة اللائحة بأكملها

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

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

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

عنوان الخبر

تفاصيل الخبر

عنوان الخبر

تفاصيل الخبر

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

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

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

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



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

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

.
لا يوجد حالياً أي تعليق

اعلانات نصية