![[JavaScript] كود جديد لصندوق الأكواد مع ثلاث أضافات جديدة , أنصحكم بأستخدامها ! Empty](https://2img.net/i/empty.gif)
مرحباً بكم أيها الكرام من أعضاء و زوار منتديآت احلى حكاية
كود jQuery لاضافة خاصيين جديدتان و مميزتان و هي عبارة عن اضافة أرقام لكل سطر في صندوق الأكواد و وضع زي نسخ الكود بشكل جميل و وضع خاصية فتح و أغلاق الصندوق
| مميزاته |
يقوم الكود بوضع ارقام لكل سطر في صندوق الكود مما يعطيه منظرا خلابا
و المميزة الثانية و هي تجميل هيكلة الكود من تعديل الحواف و جعله أحترافي و شكله كما في الفيبي و أكثر
و الميزة الجديدة و الرائحة و التي لم يتم عرضها من قبل في مندسات أحلى منتى و هي ميزة فتح و اغلاق صندوق الكود
وأنا انصح الجميع بتركيبها لانها ميزة جديدة و مفيدة في نفس الوقت
|صورة للمعينة الكود |
![[JavaScript] كود جديد لصندوق الأكواد مع ثلاث أضافات جديدة , أنصحكم بأستخدامها ! 2412_md_13405709421](https://2img.net/h/download.mrkzy.com/e/2412_md_13405709421.png)
http://download.mrkzy.com/e/2412_md_13405709421.png
| شرح تركيب الكود |
وحة الإدارة >> عناصر اضافية >> HTML و JAVASCRIPT >> إدارة أكواد Javascript
و ثم ننشئ صفحة جديدة و نضع الكود التالي فيها و نغير حسب ما نريد في الكود ليتناسب مع موقعك
أهم خطوة عند أنشائك صفحة الجافاسكربت يتوجب عليك القيام بهاد الخطوات ليشتغل الكود
![[JavaScript] كود جديد لصندوق الأكواد مع ثلاث أضافات جديدة , أنصحكم بأستخدامها ! 112](https://i.servimg.com/u/f44/15/04/02/38/112.png)
| الكود |
بالتوفيق للجميع||~
عدل سابقا من قبل خادم الاسلام في الإثنين يونيو 25, 2012 12:20 am عدل 1 مرات (السبب : تعديل وضع الكود ليعمل بشكل صحيح)
كود jQuery لاضافة خاصيين جديدتان و مميزتان و هي عبارة عن اضافة أرقام لكل سطر في صندوق الأكواد و وضع زي نسخ الكود بشكل جميل و وضع خاصية فتح و أغلاق الصندوق
| مميزاته |
يقوم الكود بوضع ارقام لكل سطر في صندوق الكود مما يعطيه منظرا خلابا
و المميزة الثانية و هي تجميل هيكلة الكود من تعديل الحواف و جعله أحترافي و شكله كما في الفيبي و أكثر
و الميزة الجديدة و الرائحة و التي لم يتم عرضها من قبل في مندسات أحلى منتى و هي ميزة فتح و اغلاق صندوق الكود
وأنا انصح الجميع بتركيبها لانها ميزة جديدة و مفيدة في نفس الوقت
|صورة للمعينة الكود |
http://download.mrkzy.com/e/2412_md_13405709421.png
| شرح تركيب الكود |
وحة الإدارة >> عناصر اضافية >> HTML و JAVASCRIPT >> إدارة أكواد Javascript
و ثم ننشئ صفحة جديدة و نضع الكود التالي فيها و نغير حسب ما نريد في الكود ليتناسب مع موقعك
أهم خطوة عند أنشائك صفحة الجافاسكربت يتوجب عليك القيام بهاد الخطوات ليشتغل الكود
| الكود |
الكود:
function selectCode(a)
{
// Get ID of code block
var e = jQuery(a).closest('tr').next().find('.cont_code')[0];
// Not IE
if (window.getSelection)
{
var s = window.getSelection();
// Safari
if (s.setBaseAndExtent)
{
s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
}
// Firefox and Opera
else
{
// workaround for bug # 42885
if (window.opera && e.innerHTML.substring(e.innerHTML.length - 4) == '<BR>')
{
e.innerHTML = e.innerHTML + ' ';
}
var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
}
// Some older browsers
else if (document.getSelection)
{
var s = document.getSelection();
var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
// IE
else if (document.selection)
{
var r = document.body.createTextRange();
r.moveToElementText(e);
r.select();
}
}
jQuery(function(){
jQuery('div.postbody td.code').parent().prev().find('b').html('Code:<span cl|| إدارة المنتدى ||="clicktogglecode" style="float:right;"><img style="display:none;" src="http://i28.servimg.com/u/f28/16/48/23/13/collap11.gif" alt="show" border="0" /><img src="http://i28.servimg.com/u/f28/16/48/23/13/collap10.gif" alt="hide" border="0" /></span><a onmouseover="showtip(notecode);" onmouseout="hidetip();" href="javascript:void()" style="float:right;" onClick="selectCode(this)"><font
face="verdana" color="red"><strong>أنسخ الكود الموجود</strong></font></a>');
});
jQuery(document).ready(function(){
notecode='Click để chọn nội dung trong CODE';
jQuery("td.code").parent().prev().css({'background':'#FFF','font':'bold 11px tahoma','color':'#FFF','text-align':'left', 'text-shadow':'green 0.1em 0.1em 0.2em','padding':'0px', 'align':'left','vertical-align':'middle', 'height':'16px','width':'100%'});
jQuery("td.code").parent().parent().parent().css({'width':'545px','background':'#FFF','align':'justify','padding': '5px 5px 5px 5px','align':'center','border-radius': '5px 5px 5px 5px','border-color': '#000000 #ABABAB #ABABAB #000000'});
$("span.clicktogglecode").click(function() {
$(this).parent().parent().parent().parent().next().children().toggle();
$(this).children().toggle()
});
$(".code").css({'font-family': 'Courier','width' : '500px','display': 'block','font-size':'1em','color':'green','background':'url(http://a.imageshack.us/img178/1307/prepb3.jpg)repeat scroll left top #FFFFFF','margin': '1em 0','overflow':'auto','text-align':'left','border':'1 solid #99cc66','padding':'0 0 0 30px','line-height':'17px','overflow': 'auto'});
$(".code div.cont_code").css({'width' : '500px','height':'auto','overflow':'auto'});
});بالتوفيق للجميع||~
تم تعديل الموضوع من قبل خادم الاسلام
عدل سابقا من قبل خادم الاسلام في الإثنين يونيو 25, 2012 12:20 am عدل 1 مرات (السبب : تعديل وضع الكود ليعمل بشكل صحيح)
![[JavaScript] كود جديد لصندوق الأكواد مع ثلاث أضافات جديدة , أنصحكم بأستخدامها ! 2225864208](https://2img.net/u/1415/15/41/28/smiles/2225864208.gif)