المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : إضافة زر "تحديد الكل" فوق مربعات الأكواد code و PHP code و html code



linnou
10-30-2013, بتوقيت غرينيتش 10:46 PM
http://www.dzbatna.com/images/icons/icon30.gif ط¥ط¶ط§ظپط© ط²ط± "طھط*ط¯ظٹط¯ ط§ظ„ظƒظ„" ظپظˆظ‚ ظ…ط±ط¨ط¹ط§طھ ط§ظ„ط£ظƒظˆط§ط¯ code ظˆ PHP code ظˆ html code (http://www.dzbatna.com/t1750569/)



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

أقدم لكم تعديل رائع وهام ،، خاصة للمنتديات التطويرية ، التعديل هو بالأساس للجيل الثالث VBULLETIN G3، موجود على هذا الرابط في موقع الشركة الأم (http://www.vbulletin.org/forum/showthread.php?t=172255)

وقد قام Rabso (http://www.vbteam.info/vb-4-x-x-addons-and-template-modifications/45180-one-touch-select-all-code-php-html-vBulletin 4.html) بترقية upgrade الكود code ليعمل على الجيل الرابع VBULLETIN G4.


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


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

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



http://dzbatna.net/vb/attachment.php?attachmentid=542122&stc=1&d=1292854361



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





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


ماذا تريد؟ :

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

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




http://dzbatna.net/vb/attachment.php?attachmentid=542119&stc=1&d=1292854266



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


http://dzbatna.net/vb/attachment.php?attachmentid=542120&d=1292854266


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

رمز PHP:

<code style="white-space:nowrap"> <code> <script type="text/javascript">
function selectCode(a)
{
var e = a.parentNode.parentNode.getElementsByTagName('p')&#91; 0&#93;;
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>
</code> </code>



قم بفتح القالب template bbcode_code واستبدل محتوياته بالكود code التالي:
رمز PHP:

<code style="white-space:nowrap"> <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&#91;'codemaxlines'&#93;">style="height:<vb:if condition="$blockheight<$vboptions&#91;'codemaxlines'&#93;">{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>
</code> </code>

قم بفتح القالب template bbcode_html واستبدل محتوياته بالكود code التالي:
رمز PHP:

<code style="white-space:nowrap"> <code> <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&#91;'codemaxlines'&#93;"> style="height:<vb:if condition="$blockheight<=$vboptions&#91;'codemaxlines'&#93;">{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>
</code> </code>

قم بفتح القالب template bbcode_php واستبدل محتوياته بالكود code التالي:
رمز PHP:

<code style="white-space:nowrap"> <code> <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&#91;'codemaxlines'&#93;">style="height:<vb:if condition="$blockheight<$vboptions&#91;'codemaxlines'&#93;">{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>
</code> </code>

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


http://dzbatna.net/vb/attachment.php?attachmentid=542121&stc=1&d=1292854266


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

رمز PHP:

<code style="white-space:nowrap"> <code> <script type="text/javascript">
function selectCode(a)
{
var e = a.parentNode.parentNode.getElementsByTagName('p')&#91; 0&#93;;
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>
</code> </code>



قم بفتح القالب template bbcode_code واستبدل محتوياته بالكود code التالي:
رمز PHP:

<code style="white-space:nowrap"> <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&#91;'codemaxlines'&#93;">style="height:<vb:if condition="$blockheight<$vboptions&#91;'codemaxlines'&#93;">{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>
</code> </code>

قم بفتح القالب template bbcode_html واستبدل محتوياته بالكود code التالي:
رمز PHP:

<code style="white-space:nowrap"> <code> <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&#91;'codemaxlines'&#93;"> style="height:<vb:if condition="$blockheight<=$vboptions&#91;'codemaxlines'&#93;">{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>
</code> </code>

قم بفتح القالب template bbcode_php واستبدل محتوياته بالكود code التالي:
رمز PHP:

<code style="white-space:nowrap"> <code> <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&#91;'codemaxlines'&#93;">style="height:<vb:if condition="$blockheight<$vboptions&#91;'codemaxlines'&#93;">{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>
</code> </code>





ملاحظة: http://www.dzbatna.com/images/smilies/icon-mos.gif الكود code اللذي يضاف لقالب template headinclude هو نفسه لا يختلف في التعديلين ، حالما أضفته مرة واحدة يكفي .


تحياتي ،،







التعديل الأخير كان بواسطة Leon.SYR; 20 - 12 - 2014 الساعة 17:19

ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى