ان كنت استفدت من محتوى المنتدى فاضغط على الاعلانات..

كود جافا سكربت لتظليل المحتوى

  افضل مساهمة1
مكان وضع الكود

لوحة التحكم /عناصر اضافيه /إدارة صفحات HTML و JAVASCRIPT

إدارة أكواد Javascript


أنشاء كود جديد

ضع الكود / اختار اسم كما تريد / مكان وضع الكود المواضيع /سجل


صورة للكود





الكود


الكود:
/***
        * Syntax Highlighter funtionality for Forumotion!
        * (c) hamsahaq
        * Version: 1.28082013-jq1.9.1
        * Made by JScript - 2013/12/16
        */
        jQuery(function () {
            var sCSS = '<style>' +
                '/***' +
                '* Syntax Highlighter funtionality for Forumotion!' +
                '* CSS: .codebox dd.cont_code' +
                '* (c)  hamsahaqo' +
                '* Version: 1.28082013-jq1.9.1' +
                '* Made by JScript - 2013/12/16' +
                '*/' +
                'code.punbb_block, pre.punbb_block {' +
                '  background-color: #FAFAFA !important;' +
                '  border: 1px solid #C9C9C9 !important;' +
                '  color: #000000;' +
                '  font-family: Consolas,"Bitstream Vera Sans Mono","Andale Mono",Monaco,"DejaVu Sans Mono","Lucida Console",monospace !important;' +
                '  font-size: 11px !important;' +
                '  line-height: 110% !important;' +
                '  max-height: 250px !important;' +
                '  overflow: auto !important;' +
                '  padding: 5px !important;' +
                '  white-space: pre-wrap !important;' +
                '  width: auto !important;' +
                '}' +
                '.punbbtop {' +
                '  background-color: #FFDEAD !important;' +
                '  color: #1D3652;' +
                '  font-size: 10px;' +
                '  font-weight: bold;' +
                '  line-height: 100%;' +
                '  margin-top: 5px;' +
                '  padding: 2px 1px 2px 3px;' +
                '}' +
                '.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>  <button style="margin-right: 50px; float: right;" onclick="punbbAbout(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=480");
       
            my_window.document.write('<pre>'+content+'</pre>');
        }
        function punbbAbout(oThis) {
            alert('Simple code to add Syntax Highlighter fuctionality for Forumotion\n\hamsahaq - 2013/12/16\n');
        }
        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);       
            }
        }


ألتمس العذر اذا كان الكود مجود مسبقاً
  افضل مساهمة2
كود جميل جعله ربي بموازين حسناتك


m13
  افضل مساهمة3
السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة 
إنـجاز أكثر رائــــــع 
لكن أرجو منكَ عدم التوقف عند هذا الحد 
مـنتظرين ابداعتــــــك 
دمتـ ودام تألقـك 
تحياتــي
  افضل مساهمة4
الكود لم يعمل معي ...لماذا !؟
لاتستطيع الرد على المواضيع في هذا المنتدى