هيلبرنت |
11-14-2015 02:46 AM |
إضافة زر تحديد الكود في المشاركات
1 مرفق
السلام عليكم ورحمه الله وبركاته اليوم نضع لكم كود لعمل تظليل لجميع الاكواد التواجد داخل المشاركة بشرط ان تكون داخل بطاقة الكود ,
وحتى نتدارك ونعرف ايه المقصود دعونا نشاهد الصوره القادمة.
- نفتح قالب page_container_js_head ويكون على هذا المسار لوحة تحكم المنتدى >> المظهر >> البحث فى القوالب >> ابحث عن قالب اسمه page_container_js_head و نضيف بآخره مايلي
كود:
<script type="text/javascript">
function selectCode(a)
{
var e = a.parentNode.parentNode.getElementsByTagName('PRE')[0];
if (window.getSelection)
{
var s = window.getSelection();
if (s.setBaseAndExtent)
{
s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
}
else
{
var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
}
else if (document.getSelection)
{
var s = document.getSelection();
var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
else if (document.selection)
{
var r = document.body.createTextRange();
r.moveToElementText(e);
r.select();
}
}
</script>
- ثم نفتح قالب bb_code_tag_code و نستبدل محتواه بمايلي
كود:
<xen:require css="bb_code.css" />
<div class="bbCodeBlock bbCodeCode">
<div class="type">{xen:phrase code}:</div>
<pre>{xen:raw $content}</pre><xen:comment><!-- content is escaped via parser --></xen:comment>
<div class="type" align="center" style="background: #f8eaff ; padding: 3px;">
*=== <a href="#" onclick="selectCode(this); return false;">تحديد كود</a> ===*
</div>
</div>
ثم حفظ ومبارك عليك
|