BitTorrent Трекер RusTrek.ru
http://5.45.70.241/

Меняем вывод с тегом [code]
http://5.45.70.241/viewtopic.php?f=817&t=12019
Страница 1 из 2

Автор:  oartemka178 [ 2011-03-25 22:02 ]
Заголовок сообщения:  Меняем вывод с тегом [code]

Меняем вывод с тегом [code ], добавляем прокрутку и выбор всего кода ри нажатии на "выбрать все".
Удобно, что бы не растягивать страницу.



Установка.

Открываем bbcode.tpl
находим

Код:
<!-- BEGIN code_open -->
<div class="c-wrap">
   <div class="c-head">
      <p style="float: left;"><b>{L_CODE}:</b></p>
      <script type="text/javascript">
         copyText_writeLink('this.parentNode.parentNode.nextSibling.nextSibling');
      </script>
   </div><!--/code_head-->
   <div class="c-body">
<!-- END code_open -->

<!-- BEGIN code_close -->
   </div><!--/code-->
</div><!--/code_wrap-->
<!-- END code_close -->


заменить на

Код:
<!-- BEGIN code_open -->
<div class="codetitle"><b>{L_CODE}:</b> <a href="#" onclick="selectCode(this); return false;">Выбрать все</a></div><div class="codecontent"><code>
<!-- END code_open -->

<!-- BEGIN code_close -->
</code></div>
<!-- END code_close -->


открываем page_header.tpl

находим

Код:
</head>


выше добавляем

Код:
      <script type="text/javascript">
             function selectCode(a)
    {
       // Get ID of code block
       var e = a.parentNode.parentNode.getElementsByTagName('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
          {
             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();
       }
    }
   </script>


открываем main.css

в самый низ добавляем

Код:
    .codecontent {
    overflow: auto;
       display: block;
       height: auto;
       max-height: 200px;
       white-space: normal;
       margin: 0 5px 10px 5px;
       padding: 5px;
       border-color: #A9B8C2;
       border-width: 0 1px 1px 1px;
       border-style: solid;
       font-weight: normal;
       color: #006600;
       font-size: 1em;
       font-family: Monaco, 'Courier New', monospace;
       background-color: #FAFAFA;
    }


Все готово!

Потом добавлю возможность копировать весь код, просматривать чистый код в отдельном окошке ( могу сделать просмотр в открывающемся окне с фансибоксом) ну и если надо то и распечатать код тоже можно сделать.

Автор:  JleHuH213 [ 2011-03-25 22:36 ]
Заголовок сообщения: 

когда пишу за тегом [/code] он всё равно попадает к тем которым в коде

Автор:  oartemka178 [ 2011-03-25 22:46 ]
Заголовок сообщения: 

JleHuH213
Я только что проверил, все работает ок. пересмотри установку, лишний код с css удали

Автор:  oartemka178 [ 2011-03-25 22:49 ]
Заголовок сообщения: 

JleHuH213

Аааааа, сори, это я, измени код в ббкод.тпл, я отредактировал первый пост, сейчас все будет ок

Автор:  JleHuH213 [ 2011-03-25 23:07 ]
Заголовок сообщения: 

ага всё ок спасибо большое

Автор:  oartemka178 [ 2011-03-25 23:11 ]
Заголовок сообщения: 

JleHuH213
у тебя выделить весь код работает?

Автор:  JleHuH213 [ 2011-03-25 23:58 ]
Заголовок сообщения: 

да всё просто превосходно, еще раз спасибо

Автор:  REX [ 2011-04-16 00:50 ]
Заголовок сообщения: 

admin
Спасибо!!!

Автор:  oartemka178 [ 2011-04-16 05:15 ]
Заголовок сообщения: 

Тест

Код:
<!-- BEGIN code_open -->
<div class="c-wrap">
  <div class="c-head">
    <p style="float: left;"><b>{L_CODE}:</b></p>
    <script type="text/javascript">
      copyText_writeLink('this.parentNode.parentNode.nextSibling.nextSibling');
    </script>
  </div><!--/code_head-->
  <div class="c-body">
<!-- END code_open -->

<!-- BEGIN code_close -->
  </div><!--/code-->
</div><!--/code_wrap-->
<!-- END code_close -->
<!-- BEGIN code_open -->
<div class="c-wrap">
  <div class="c-head">
    <p style="float: left;"><b>{L_CODE}:</b></p>
    <script type="text/javascript">
      copyText_writeLink('this.parentNode.parentNode.nextSibling.nextSibling');
    </script>
  </div><!--/code_head-->
  <div class="c-body">
<!-- END code_open -->

<!-- BEGIN code_close -->
  </div><!--/code-->
</div><!--/code_wrap-->
<!-- END code_close -->
<!-- BEGIN code_open -->
<div class="c-wrap">
  <div class="c-head">
    <p style="float: left;"><b>{L_CODE}:</b></p>
    <script type="text/javascript">
      copyText_writeLink('this.parentNode.parentNode.nextSibling.nextSibling');
    </script>
  </div><!--/code_head-->
  <div class="c-body">
<!-- END code_open -->

<!-- BEGIN code_close -->
  </div><!--/code-->
</div><!--/code_wrap-->
<!-- END code_close -->
<!-- BEGIN code_open -->
<div class="c-wrap">
  <div class="c-head">
    <p style="float: left;"><b>{L_CODE}:</b></p>
    <script type="text/javascript">
      copyText_writeLink('this.parentNode.parentNode.nextSibling.nextSibling');
    </script>
  </div><!--/code_head-->
  <div class="c-body">
<!-- END code_open -->

<!-- BEGIN code_close -->
  </div><!--/code-->
</div><!--/code_wrap-->
<!-- END code_close -->
<!-- BEGIN code_open -->
<div class="c-wrap">
  <div class="c-head">
    <p style="float: left;"><b>{L_CODE}:</b></p>
    <script type="text/javascript">
      copyText_writeLink('this.parentNode.parentNode.nextSibling.nextSibling');
    </script>
  </div><!--/code_head-->
  <div class="c-body">
<!-- END code_open -->

<!-- BEGIN code_close -->
  </div><!--/code-->
</div><!--/code_wrap-->
<!-- END code_close -->
<!-- BEGIN code_open -->
<div class="c-wrap">
  <div class="c-head">
    <p style="float: left;"><b>{L_CODE}:</b></p>
    <script type="text/javascript">
      copyText_writeLink('this.parentNode.parentNode.nextSibling.nextSibling');
    </script>
  </div><!--/code_head-->
  <div class="c-body">
<!-- END code_open -->

<!-- BEGIN code_close -->
  </div><!--/code-->
</div><!--/code_wrap-->
<!-- END code_close -->

Автор:  JleHuH213 [ 2011-04-16 12:50 ]
Заголовок сообщения: 

admin писал(а):
Тест

Код:
<!-- BEGIN code_open -->
<div class="c-wrap">
  <div class="c-head">
    <p style="float: left;"><b>{L_CODE}:</b></p>
    <script type="text/javascript">
      copyText_writeLink('this.parentNode.parentNode.nextSibling.nextSibling');
    </script>
  </div><!--/code_head-->
  <div class="c-body">
<!-- END code_open -->

<!-- BEGIN code_close -->
  </div><!--/code-->
</div><!--/code_wrap-->
<!-- END code_close -->
<!-- BEGIN code_open -->
<div class="c-wrap">
  <div class="c-head">
    <p style="float: left;"><b>{L_CODE}:</b></p>
    <script type="text/javascript">
      copyText_writeLink('this.parentNode.parentNode.nextSibling.nextSibling');
    </script>
  </div><!--/code_head-->
  <div class="c-body">
<!-- END code_open -->

<!-- BEGIN code_close -->
  </div><!--/code-->
</div><!--/code_wrap-->
<!-- END code_close -->
<!-- BEGIN code_open -->
<div class="c-wrap">
  <div class="c-head">
    <p style="float: left;"><b>{L_CODE}:</b></p>
    <script type="text/javascript">
      copyText_writeLink('this.parentNode.parentNode.nextSibling.nextSibling');
    </script>
  </div><!--/code_head-->
  <div class="c-body">
<!-- END code_open -->

<!-- BEGIN code_close -->
  </div><!--/code-->
</div><!--/code_wrap-->
<!-- END code_close -->
<!-- BEGIN code_open -->
<div class="c-wrap">
  <div class="c-head">
    <p style="float: left;"><b>{L_CODE}:</b></p>
    <script type="text/javascript">
      copyText_writeLink('this.parentNode.parentNode.nextSibling.nextSibling');
    </script>
  </div><!--/code_head-->
  <div class="c-body">
<!-- END code_open -->

<!-- BEGIN code_close -->
  </div><!--/code-->
</div><!--/code_wrap-->
<!-- END code_close -->
<!-- BEGIN code_open -->
<div class="c-wrap">
  <div class="c-head">
    <p style="float: left;"><b>{L_CODE}:</b></p>
    <script type="text/javascript">
      copyText_writeLink('this.parentNode.parentNode.nextSibling.nextSibling');
    </script>
  </div><!--/code_head-->
  <div class="c-body">
<!-- END code_open -->

<!-- BEGIN code_close -->
  </div><!--/code-->
</div><!--/code_wrap-->
<!-- END code_close -->
<!-- BEGIN code_open -->
<div class="c-wrap">
  <div class="c-head">
    <p style="float: left;"><b>{L_CODE}:</b></p>
    <script type="text/javascript">
      copyText_writeLink('this.parentNode.parentNode.nextSibling.nextSibling');
    </script>
  </div><!--/code_head-->
  <div class="c-body">
<!-- END code_open -->

<!-- BEGIN code_close -->
  </div><!--/code-->
</div><!--/code_wrap-->
<!-- END code_close -->


Вот так супер!)

Автор:  oartemka178 [ 2011-04-16 13:00 ]
Заголовок сообщения: 

Цитата:
Вот так супер!)

так супер как в теге цитата или как в нормальном тот что я выложил как тест?

Автор:  JleHuH213 [ 2011-04-16 19:56 ]
Заголовок сообщения: 

ЭЭЭ косяк у тебя!)) с

Код:
text


Пробуй нажать: ‹ Развернуть › после ‹ Выделить › после ctrl+с и вставляй в сообщение и смотри что получится....

Автор:  oartemka178 [ 2011-04-16 20:00 ]
Заголовок сообщения: 

Цитата:
Пробуй нажать: ‹ Развернуть › после ‹ Выделить › после ctrl+с и вставляй в сообщение и смотри что получится....

Затестил с мозилой все как надо скопировалось и вставилось то, что и должно было, а с оперой какой то косяк

Автор:  krumax [ 2011-04-16 20:21 ]
Заголовок сообщения: 

admin
Второй вариант поинтересней. :ad:

Автор:  oartemka178 [ 2011-04-17 13:19 ]
Заголовок сообщения: 

krumax писал(а):
admin
Второй вариант поинтересней. :ad:

второй вариант это какой, а что я в них уже запутался :lol:

Страница 1 из 2 Часовой пояс: UTC + 3 часа
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/