Правильный вид code с парочкой наворотов by Apocalypse для uCoz


Правильный вид code с парочкой наворотов by Apocalypse для uCoz

979
10 из 10
Проголосовало: 2






Есть у стандартного uCoz вида Code грешок - попробуйте между тегами code /code при добавлении материала на сайт вписать длинную неразрывную строку наподобие 111111111111112222222333333 и т.д. и дизайн вашего сайта на небольших мониторах уедет далекооо вправо. При разработке нового дизайна своего сайта меня очень сильно заволновала эта проблема и я решил непременно найти этому универсальное кроссбраузерное решение. К счастью, я смог добиться желаемого результата и ваши code теперь всегда будут занимать минимум места, оставаясь максимально удобными для копирования и просмотра

Особенности:

  • Кнопочка "Выделить всё"
  • Минимум занимаемого места
  • Простота установки
  • Просмотр кода во всплывающем окне при двойном клике

    Установка:

    В тех местах, где хотите таким образом модернизировать code (Как правило, на страницах с полным материалом и комментариями) в самый низ перед /body вставляйте:

    Code
    <script type="text/javascript">  
      // Модернизация code для uCoz by Apocalypse  
      // Select Code from phpBB3 to uCoz ~ http://allcity.net.ru/  
      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{  
      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();}}  
      // Замена Code на Выделить всё...  
      codediv=document.getElementsByTagName('div');  
      for(i=0;i<codediv.length;i++){  
      if(codediv[i].className=="bbCodeBlock"){  
      s=codediv[i].innerHTML;  
      s=s.replace(/>Code</g,'><a id="sali" style="color:ff0000;font-size:11px;font-family:arial;opacity:0.5;" href="javascript://" onclick="ctc();selectCode(this);return false;">Код: Выделить всё <\/a><br><').replace('<!--uzc-->','<!--uzc--><code>').replace('<!--\/uzc-->','<\/code><!--\/uzc-->');  
      codediv[i].innerHTML=s;}}  
      // Вывод _uWnd.aert окна с исходным кодом при двойном клике  
      $('.bbCodeBlock').hover(function() {$(this).fadeTo(500, 1);});  
      $('.bbCodeBlock').hover(function() {  
      $(this).fadeTo(500, 1).attr('title', 'Двойной Клик для просмотра исходного кода во всплывающем окне');  
      var a = $(this).text().slice(18);  
      $(this).dblclick(function() {  
      _uWnd.alert('<textarea style="width:270px;height:180px;resize:none;">'+a+'</textarea>', 'Исходный код', {name:'mwd', w:300, h:225, tm:9999999, icon:'http://s58.ucoz.net/.s/img/icon/ts.png'});  
      });  
      });  
      </script>  

      <style>  
      .bbCodeBlock {opacity:0.5;}  
      .codeMessage {border:0px !important!;overflow: hidden !important;max-height:100px !important;word-wrap: normal !important;max-width:300px !important;min-width:100%;}  
      </style>
  • Автор публикации: Загрузка
    Загрузка
    Вовчик, это его n материал
    Источник: http://www.apo-ucoz.com/
    • Оставить первым комментарий:
    Добавлять комментарии могут только зарегистрированные пользователи.
    Регистрация | Вход
    Меню сайта
    Категории
    Для помощи создания сайта uCoz 25
    Скрипты и модификации для Ucoz 2113
    Шаблоны форумов Ucoz 28
    Шаблоны сайтов Ucoz 431
    Авторство Webo4ki 309
    php скрипты для ucoz 57
    Графика для uCoz 40
    Мини-чат
    Последние комментарии
  • sasha2016tv написал:
  • Хороший скрипт
    Ох. Вижу, что обсуждение очень старое. Но!
    На других CMS так же будет все это реализовано. На нормальных CMS.
    Такое решение может подойти лишь для landing сайтов. Но и то, не думаю, что там кто то заморачивается в написании какого либо контроллера генерирования шаблона и используют прямо в лоб чистый HTML, поэтому и будут для каждой страницы свои блоки делать.

    Поэтому лучше тут все же дописать решение именно для ucoz без загрузки этих лишних блоков на странице. Ведь используя условные операторы этот код даже не будет прогружаться на странице. (Лол. Это ж доли секунд загрузки...) И что? Но давайте делать оптимальнее
    Моё авторство:)
  • 1488 написал:
  • 1488 написал:
  • Смысл исходный код? он возвращает после обновление страницы на то положение которое было... или как?
  • 1488 написал:
  • как поставить галки как скрине?
    а то невозможно поставить...
    Последние темы
    Опрос
    433
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: