إضافة زر "تحديد الكل" فوق مربعات الأكواد code و PHP code و html code

[Leon.SYR]

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

أقدم لكم تعديل رائع وهام ،، خاصة للمنتديات التطويرية ، التعديل هو بالأساس للجيل الثالث، موجود على هذا الرابط في موقع الشركة الأم

وقد قام Rabso بترقية الكود ليعمل على الجيل الرابع.

التوافق: متوافق مع الجيل الرابع (فقط) ،، مجرب على النسخ 4.0.3 والنسخة vB 4.1.0 ويعمل بكفاءة!!


شرح وظيفة الكود:
إضافة (تحديد الكل) فوق مربع الأكواد code او html code أو php code في المنتدى.
وطبعًا هذا أسهل للنسخ خاصة للأكود الطويلة.

صورة للأكواد في الموضوع :

ويمكن ان يكون بدل النص زر

لكي تقوم بهذا التعديل:


ماذا تريد؟ :

قم باختيار واحد من الآتي:

1- نص (اضغط هنا لتحديد الكل)
2- زر (تحديد الكل)

1- لإضافة نص (اضغط هنا لتحديد الكل) :

قم بفتح القالب headinclude وأضف في نهايته:

<script type="text/javascript">   
function selectCode(a)   
{   
   var e = a.parentNode.parentNode.getElementsByTagName('p')[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> 

قم بفتح القالب bbcode_code واستبدل محتوياته بالكود التالي:

<div class="bbcode_container" >  
    <div class="bbcode_description" style="padding-bottom:2px">{vb:rawphrase code}:&nbsp;<a href="#" onclick="selectCode(this); return false;" style="font-size:11px">(اضغط هنا لتحديد الكل)</a></div>  
    <pre class="bbcode_code"<vb:if condition="$vboptions['codemaxlines']">style="height:<vb:if condition="$blockheight<$vboptions['codemaxlines']">{vb:math {vb:raw blockheight}*{vb:stylevar mid_fontSize}+{vb:stylevar mid_fontSize}*2}<vb:else />{vb:math {vb:raw blockheight}*{vb:stylevar mid_fontSize}+{vb:stylevar mid_fontSize}}</vb:if>;"</vb:if>><p>{vb:raw code}</p></pre>  
</div> 

قم بفتح القالب bbcode_html واستبدل محتوياته بالكود التالي:

<div class="bbcode_container">  
    <div class="bbcode_description" style="padding-bottom:2px">{vb:rawphrase html_code}:&nbsp;<a href="#" onclick="selectCode(this); return false;" style="font-size:11px">(اضغط هنا لتحديد الكل)</a></div>  
    <pre class="bbcode_code"<vb:if condition="$vboptions['codemaxlines']"> style="height:<vb:if condition="$blockheight<=$vboptions['codemaxlines']">{vb:math {vb:math {vb:raw blockheight}+2}}*{vb:stylevar mid_fontSize}}<vb:else />{vb:math {vb:math {vb:raw blockheight}+1}*{vb:stylevar mid_fontSize}}</vb:if>;"</vb:if>><p>{vb:raw code}</p></pre>  
</div> 

قم بفتح القالب bbcode_php واستبدل محتوياته بالكود التالي:

<div class="bbcode_container"> 
    <div class="bbcode_description" style="padding-bottom:2px">{vb:rawphrase php_code}:&nbsp;<a href="#" onclick="selectCode(this); return false;" style="font-size:11px">(اضغط هنا لتحديد الكل)</a></div> 
    <div class="bbcode_code"<vb:if condition="$vboptions['codemaxlines']">style="height:<vb:if condition="$blockheight<$vboptions['codemaxlines']">{vb:math {vb:raw blockheight}*{vb:stylevar mid_fontSize}+{vb:stylevar mid_fontSize}*2}<vb:else />{vb:math {vb:raw blockheight}*{vb:stylevar mid_fontSize}+{vb:stylevar mid_fontSize}}</vb:if>;"</vb:if>><code><p>{vb:raw code}</p></code></div> 
</div> 

2- لإضافة زر (تحديد الكل)

قم بفتح القالب headinclude وأضف في نهايته:

<script type="text/javascript">   
function selectCode(a)   
{   
   var e = a.parentNode.parentNode.getElementsByTagName('p')[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> 

قم بفتح القالب bbcode_code واستبدل محتوياته بالكود التالي:

<div class="bbcode_container" >  
    <div class="bbcode_description" style="padding-bottom:2px">{vb:rawphrase code}:&nbsp;<a href="#" onclick="selectCode(this); return false;"><input type="button" value=" تحديد الكل " /></a></div>  
    <pre class="bbcode_code"<vb:if condition="$vboptions['codemaxlines']">style="height:<vb:if condition="$blockheight<$vboptions['codemaxlines']">{vb:math {vb:raw blockheight}*{vb:stylevar mid_fontSize}+{vb:stylevar mid_fontSize}*2}<vb:else />{vb:math {vb:raw blockheight}*{vb:stylevar mid_fontSize}+{vb:stylevar mid_fontSize}}</vb:if>;"</vb:if>><p>{vb:raw code}</p></pre>  
</div> 

قم بفتح القالب bbcode_html واستبدل محتوياته بالكود التالي:

<div class="bbcode_container">  
    <div class="bbcode_description" style="padding-bottom:2px">{vb:rawphrase html_code}:&nbsp;<a href="#" onclick="selectCode(this); return false;"><input type="button" value=" تحديد الكل " /></a></div>  
    <pre class="bbcode_code"<vb:if condition="$vboptions['codemaxlines']"> style="height:<vb:if condition="$blockheight<=$vboptions['codemaxlines']">{vb:math {vb:math {vb:raw blockheight}+2}}*{vb:stylevar mid_fontSize}}<vb:else />{vb:math {vb:math {vb:raw blockheight}+1}*{vb:stylevar mid_fontSize}}</vb:if>;"</vb:if>><p>{vb:raw code}</p></pre>  
</div> 

قم بفتح القالب bbcode_php واستبدل محتوياته بالكود التالي:

<div class="bbcode_container"> 
    <div class="bbcode_description" style="padding-bottom:2px">{vb:rawphrase php_code}:&nbsp;<a href="#" onclick="selectCode(this); return false;"><input type="button" value=" تحديد الكل " /></a></div> 
    <div class="bbcode_code"<vb:if condition="$vboptions['codemaxlines']">style="height:<vb:if condition="$blockheight<$vboptions['codemaxlines']">{vb:math {vb:raw blockheight}*{vb:stylevar mid_fontSize}+{vb:stylevar mid_fontSize}*2}<vb:else />{vb:math {vb:raw blockheight}*{vb:stylevar mid_fontSize}+{vb:stylevar mid_fontSize}}</vb:if>;"</vb:if>><code><p>{vb:raw code}</p></code></div> 
</div> 

ملاحظة: الكود اللذي يضاف لقالب headinclude هو نفسه لا يختلف في التعديلين ، حالما أضفته مرة واحدة يكفي .


تحياتي ،،

[New Style]

كود رائع جدا بصراحة

[عربيات]

شكرااااااااااا
بارك الله فيك

[moode_9]

اكثر من رائع يا غالي

[Mr.Gh0sT]

مجهود رائع تسلم يالغالي