| موضوع: جافا سكربت: كود نقل المواضيع دون تحديث الصفحة بشكل سريع الأحد 29 مارس 2015 - 22:00 | |
| السلام عليكم ورحمة الله وبركاته اقدم لكم كود جافا سكربت لعمل خاصية نقل المواضيع بشكل منبثق بدون تحديث الصفحة ولا الانتقال لعدة صفحات صورة من عمل الكود اذا كل المطلوب منك هو اضافة هذا الكود لاكواد الجافا سكربت الموجودة لديك لوحة الادارة - عناصر اضافية - اكواد جافا سكربت - اضافة كود جديد - ضع الكود تحت اي عنوان واجعله على جميع الصفحات وسجل - الكود:
-
jQuery(function() { jQuery('a[href*="/modcp?mode=move&"]').click(function() { jQuery(this).hide(); var imgMove = jQuery(this).find('img').attr('src'); jQuery(this).after('<a href="#openModal"><img src="' + imgMove + '"</a>'); t = "jQuery(this).closest('form').remove()"; jQuery(this).after('<div id="openModal" class="modalDialog"> <div> <a href="#close" title="Close" class="close">X</a> <h2>نقل الموضوع</h2><br/><br/> <form action="/modcp?tid=' + jQuery('input[name="tid"]:eq(0)').val() + '" method=post style=text-align:center;font-size:12px>نقل الى: <select name=new_forum id=movetopic>' + jQuery('select[name="selected_id"]:eq(0)').html() + '</select><br><br><input name=move_leave_shadow type=checkbox>ترك نسخة من الموضوع في هذا القسم ؟<br><br><input type=hidden name=mode value=move><input type=hidden name=t value="' + jQuery('input[name="t"]:eq(0)').val() + '"><input class=button2 type=submit name=confirm value=نعم> <input class=button2 type=submit name=cancel value=لا onclick="' + t + ';return false"><br><br></form> </div> </div> <style> .modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; } .modalDialog:target { opacity:1; pointer-events: auto; } .modalDialog > div { width: 400px; position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff, #999); background: -webkit-linear-gradient(#fff, #999); background: -o-linear-gradient(#fff, #999); } .close { background: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .close:hover { background: #00d9ff; } #openModal {color:black!important;} #openModal h2 {font-size: 20px !important;text-align:center; font-weight: bold;}</style>'); return false; }); }); |
|