بسم الله الرحمن الرحيم
اقدم لكم كود تحديد المحتوى وهو عبارة عن صندوق اكواد يعرض الاكواد بشكل منظم مع امكانية تحديدها جميعها
وتوسيع عرض الكود او فتح الاكواد بصفحة جديدة
مما يسهل على الاعضاء استخدام ونسخ الاكواد وعرضها
_________________________________
معاينة الكود :
_________________________________
تركيب الكود :
توجه نحو لوحة الادارة - عناصر اضافية - اكواد الـ Javascript
اضف كود جديد
العنوان : اي شيء
المكان : جميع الصفحات
الكود:
jQuery(function () {
var sCSS = '<style>' +
'/***' +
'* Синтаксис маркера возможности для Forumotion!' +
'* В CSS: .сайта codebox ДД.cont_code' +
'* (с) http://balupton.github.io' +
'* Версия: 1.28082013-св1.9.1' +
'* Сделано в jscript - 2013/12/16' +
'*/' +
'code.punbb_block, pre.punbb_block {' +
' background-color: #FAFAFA !important;' +
' border: 1px solid #C9C9C9 !important;' +
' color: #000000;' +
' font-family: Consolas,"Bit.....تمنع روابط التحميل الغير قانوني...... Vera Sans Mono","Andale Mono",Monaco,"DejaVu Sans Mono","Lucida Console",monospace !important;' +
' font-size: 11px !important;' +
' line-height: 100% !important;' +
' max-height: 100px !important;' +
' overflow: auto !important;' +
' padding: 5px !important;' +
' white-space: pre-wrap !important;' +
' width: 90% !important;' +
'}' +
'.punbbtop {' +
' background-color: #FFDEAD !important;' +
' color: #1D3652;' +
' font-size: 10px;' +
' font-weight: bold;' +
' line-height: 110%;' +
' margin-top: 5px;' +
' padding: 2px 1px 2px 3px;' +
' width: 91% !important;' +
'}' +
'.punbbtop button {' +
' background: -moz-linear-gradient(center top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;' +
' border: 1px solid #BBBBBB;' +
' border-radius: 3px 3px 3px 3px;' +
' color: #1D3652;' +
' cursor: pointer;' +
' display: inline-block;' +
' font-size: 10px;' +
' padding: 0 6px;' +
' text-decoration: none;' +
'}' +
'.punbbtop button:hover {' +
' background: -moz-linear-gradient(center top , #DFDFDF 5%, #EDEDED 100%) repeat scroll 0 0 #DFDFDF;' +
' border-color: #9A9A9A;' +
' color: #3D70A3;' +
'}' +
'.punbbtop button:active {' +
' position: relative;' +
' top: 1px;' +
'}' +
'pre.punbb_block.expand, code.punbb_block.expand {' +
' max-height: 100% !important;' +
'}' +
'.prettyprint ol.linenums {' +
' padding-left: 15px !important;' +
'}' +
'</style>';
jQuery(sCSS).insertBefore('#page-body');
if (jQuery('.cont_code').length) {
var tagCode = jQuery('.cont_code');
} else {
if (jQuery('.cont_code').length) {
var tagCode = jQuery('.code');
} else {
var tagCode = jQuery('code');
}
}
tagCode.each(function () {
var sContent = jQuery(this).html();
var codebox = jQuery(this).parent().parent();
codebox.before('<div class="punbbtop">كود; <button onclick="punbbExpand(this); return false;">توسيع</button><button style="display: none" onclick="punbbCollapse(this); return false;">تقليص</button> <button onclick="punbbSelect(this); return false;">تحديد المحتوى</button> <button onclick="punbbPopup(this); return false;">فتح بصفحة مستقله</button></div><pre class="highlight punbb_block">' + sContent + '</pre>');
codebox.remove();
});
jQuery.getScript('http://balupton.github.io/jquery-syntaxhighlighter/scripts/jquery.syntaxhighlighter.min.js', function () {
jQuery.SyntaxHighlighter.init({
'wrapLines': false
})
})
});
function punbbExpand(oThis) {
jQuery(oThis).css('display', 'none');
jQuery(oThis).next().css('display', '');
jQuery(oThis).parent().next('pre.punbb_block').addClass('expand');
}
function punbbCollapse(oThis) {
jQuery(oThis).css('display', 'none');
jQuery(oThis).prev().css('display', '');
jQuery(oThis).parent().next('pre.punbb_block').removeClass('expand');
}
function punbbPopup(oThis) {
var content = jQuery(oThis).parent().next('pre.punbb_block').html();
var my_window = window.open("","PunBB_Code","scrollbars=1,toolbar=no,menubar=no,personalbar=no,status=0,left=0,location=0,menubar=0,top=0,width=640,height=350");
my_window.document.write('<pre>'+content+'</pre>');
}
function punbbSelect(oThis) {
var doc = document;
var text = jQuery(oThis).parent().next('pre.punbb_block')[0];
if (doc.body.createTextRange) {
var range = doc.body.createTextRange();
range.moveToElementText(text);
range.select();
} else if (window.getSelection) {
var selection = window.getSelection();
var range = doc.createRange();
range.selectNodeContents(text);
selection.removeAllRanges();
selection.addRange(range);
}
}_________________________________
انتهى
ان شاء الله يكون عجبكم
بالتوفيق للجميع
والسلام ختام
