صندوق عرض الاكواد

السلام عليكم

اضافه مهمه للمدونه لايمكن الاستغنى عنها

خاصه للمواضيع التي تدرج فيها الاكواد.

اقدم لكم ثلاثه صناديق لعرض الاكواد مع زر

لتحديدها ونسخها بسهوله.

الصندوق الاول

<div class="copybox" id="testarea"><div align="center"><div id="codeSnippetWrapper" style="background-color: #999999; border: 1px solid silver; color: black; cursor: text; direction: ltr; font-family: 'Courier New',courier,monospace; height: 70px; line-height: 12pt; margin: 20px 0px 10px; max-height: 200px; overflow: auto; padding: 4px; text-align: left; width: 80%;"><span style="font-size: small;"></span></div><span style="color: black; font-size: 14px;"></span></div></div><div align="center"><input height="25" onclick="fnSelect('testarea')" src="http://1.bp.blogspot.com/-d3re7gqNP6g/Tw3OCBZ1DOI/AAAAAAAAM_s/QIbVgSKgv0I/s1600/botton.png" type="image" width="100" /></div>


انسخ الكود وقم بحفظه في مسودات الرسائل
للرجوع اليه عند الحاجه لاستخدامه في مواضيعك
وفي حالة تكرار الصندوق عدة مرات في الموضوع
الواحد يجب ان تقوم بتغيير الاوامر لزر النسخ
لكل صندوق باضافة ارقام متسلسله لهاوالا لن
يعمل الزر الا لصندوق واحد فقط .. مثال :
لدي موضوع واريد ان اعرض ثلاث مجموعات من الاكواد
ولكل مجموعه صندوق خاص بها.
انظر الامر testarea (مكرر مرتين)الموجود في الكود اعلاه والمحدد باللون الاحمر ..
في الصندوق الاول نتركه كما هو دون تغيير ..
وفي الصندوق الثاني والثالث يجب تغييره كالتالي
testarea1 للصندوق الثاني
و testarea2 للصندوق الثالث
اذا قمنا بذلك سيعمل زر النسخ في كل صندوق

<div align="center"><div class="copybox" id="testarea"><div style="width: 400px; height: auto; background-color: FFFFDD; color: 000000; font-font-family: Verdana;text-align: left; font-size: 12px; border-width: 3px ;border-style: Ridge; border-color: CC2222; overflow: auto; padding: 4px;">Some text here</div><div align="center"><input onclick="fnSelect('testarea')" src="http://1.bp.blogspot.com/-d3re7gqNP6g/Tw3OCBZ1DOI/AAAAAAAAM_s/QIbVgSKgv0I/s1600/botton.png"type="image" width="100" height="25"/></div></div></div>
هذا الصندوق الثاني :نعمل مثل الشرح السابق


الصندوق الثالث :
ضع الماوس بالزاويه اليسرى بالاسفل للتوسيع

مدونة طيف..vision701.blogspot.com...مدونة طيف
الكود

<div align="center"><form name="test"><textarea cols="50" name="select1" rows="3">...هنا نضع الكود المراد نشره

سكريبت زر النسخ :

الصق الكود التالي فوق </head>

<script type='text/javascript'>function fnSelect(objId) { fnDeSelect(); if (document.selection) { var range = document.body.createTextRange(); range.moveToElementText(document.getElementById(objId)); range.select(); } else if (window.getSelection) { var range = document.createRange(); range.selectNode(document.getElementById(objId)); window.getSelection().addRange(range); } } function fnDeSelect() { if (document.selection) document.selection.empty(); else if (window.getSelection) window.getSelection().removeAllRanges(); } </script>


الى اللقاء......... ابو هشام

شاركها !