Оформление окна код

VeraLV пишет:Как же сделать для кода такое же окно?

Xаn_Kriеgor пишет:Меня интересует конкретно функция: выделить содержимое

VeraLV пишет:Эта проблема решена и успешно внедрена на форуме

https://help.forum2x2.ru/t34977-topic

Код:

function selectCode(a){
   var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];
   if (window.getSelection){
      var s = window.getSelection();
      if (s.setBaseAndExtent){
         s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
      } else{
         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);
      }
   } 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();
   }
};

if(text){ } else{ var text = 'Selecionar todos';}
jQuery(document).ready(function(){
jQuery("dl.codebox dt").not("dl.spoiler > dt").html('Код:     <a href="#" onclick="selectCode(this); return false;"><span style="font-size: 11px">ВЫДЕЛИТЬ ВСЁ</span></a>');
});

Xаn_Kriеgor пишет:Домовой, там нет решения для молей версии форума.

VeraLV пишет:Мне нравится как оформлено окно кода, есть полоса прокрутки вертикально, горизонтально

Код:

.codebox dd {
background-color:#fff;
border:1px solid #D1D7DC;
margin:0;
padding:2px;
}

.code {
color:#000!important;
font-family:Courier, CourierNew, sans-serif!important;
font-size:13px!important;
}

.codebox dt {
background-color:#fff;
border-color:#D1D7DC;
border-style:solid solid none;
border-width:1px 1px 0;
}

Код:

function selectCode(a)
    {
    // Get ID of code block
    var e = jQuery(a).closest('dt').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 div.cont_code').parents(".codebox").find('dt span').html('<span style="color: #000;font-weight: bold;">КОД:</span>   <a href="javascript:void()" onClick="selectCode(this)">ВЫДЕЛИТЬ ВСЁ</a>');
    });

.codebox dd {
background-color:#fff; /*фон поля код*/
border:1px solid #D1D7DC; /*рамка*/
margin:0;
padding:2px;
}

.code {
color:#000!important; /*цвет текста в поле код*/
font-family:Courier, CourierNew, sans-serif!important; /*шрифт*/
font-size:13px!important; /*размер шрифта*/
}

.codebox dt {
background-color:#fff; /*фон под словами КОД и ВЫДЕЛИТЬ ВСЁ*/
border-color:#D1D7DC; /*цвет рамки*/
border-style:solid solid none;
border-width:1px 1px 0;
}

.code div.cont_code {
max-height:150px; /*максимальная высота блока*/
}

function selectCode(a)
   {
   // Get ID of code block
   var e = jQuery(a).closest('dt').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 div.cont_code').parents(".codebox").find('dt span').html('<span style="color: #000;font-family:Georgia;"> КОД:</span>   <a href="javascript:void()" onClick="selectCode(this)"><span style="font-family:Georgia;">ВЫДЕЛИТЬ ВСЁ</span></a>');
   });

<a href="javascript:void()" onClick="selectCode(this)"><span style="font-family:Georgia;">ВЫДЕЛИТЬ ВСЁ</span></a>

<a href="javascript:void()" onClick="selectCode(this)"><span style="font-family:Georgia;color:#FF0000;">ВЫДЕЛИТЬ ВСЁ</span></a>