О нас Форум Баннеры RSS картинка Нас уже 577, Присоединяйся
Пожаловаться

Вот натолкнулся на Вебочке на интересный скрипт,
Который из неудобного и некрасивого alert окна с прямой ссылкой к сообщению на форуме,
Делает ajax окно, дизайн которого намного получше и вы его можете менять
Но в деле был задействован скрипт, и я придумал как без него обойтись
В этом материале рассмотрим оба варианта


Заходим в ПУ » Управление Дизайном » Форум » Вид материалов
И ищем заменяем $NUMBER$ на этот код:
Код
<a href="javascript://" onclick="new _uWnd('myName','Прямая ссылка к сообщению #<?substr($NUMBER$,strpos($NUMBER$,'false')+8,strpos($NUMBER$,'</a>')-strpos($NUMBER$,'false')-8)?>',300,50,{autosize:1},'<input type=\'text\' value=\'<?substr($NUMBER$,strpos($NUMBER$,'сообщению')+12,strpos($NUMBER$,';return')-strpos($NUMBER$,'сообщению')-14)?>\' onclick=\'this.select();\' style=\'width:98%;text-align: center; height:20px;\'/>');"><?substr($NUMBER$,strpos($NUMBER$,'false')+8,strpos($NUMBER$,'</a>')-strpos($NUMBER$,'false')-8)?></a>


А если у вас нету $NUMBER$ вставьте там где хотите видеть ссылку-номер
Вот и всё) После этого вместо того, чтобы при нажатии на номер, выходило alert окно,
Выйдет ajax окно.




Теперь вариант с Вебочки, он тоже довольно не плох
Но у него свои особенности:
- Выходит не ajax окно, а uWnd окно (снизу справа)
- Т.к. это uWnd окно, то там можно установить иконку
- Работает во всех лидирующих браузерах
- Работает со всеми версиями jquery, кроме 1.3.2

Установка:
Заходим в ПУ » Управление Дизайном » Форум » Вид материалов
В самый низ вставляем:
Код
<script type="text/javascript">
  var nomerForumwebo4karu2 = $('a[name="$ID$"]').text();
  $(".nomerForumwebo4karu2$ID$").html(nomerForumwebo4karu2);
  function primiiCcikaForumwebo4karu$ID$() {
  var nomerForumwebo4karu = $('a[name="$ID$"]').attr('onclick').split('\'')[3];
  var nomerForumwebo4karu2 = $('a[name="$ID$"]').text();
  _uWnd.alert('<input type="text" value="'+nomerForumwebo4karu+'" onclick="this.select();" style="width:100%; height:25px; border: 1px solid #666; color: #666; padding:2px 2px 2px 10px;"/>', 'Прямая ссылка к сообщению #'+nomerForumwebo4karu2+'', {w:333, h:66, tm:10000, icon:'http://s39.ucoz.net/.s/img/icon/dr.png'});
  }
  // webo4ka.ru (Copyright 14/01/2013)
  </script>


После тут же находите $NUMBER$, скрываем его:
Код
<div style="display:none;">$NUMBER$</div>


И после вставляете:
Код
<a href="javascript://" onclick="primiiCcikaForumwebo4karu$ID$();" class="nomerForumwebo4karu2$ID$">0</a>


Готово, какой способ для вас лучше, тот и ставьте


Спонсор :



Источник: /
Всего голосов: ... | ... | ...

Всего комментариев: 1
Hаписал: Mihail , 01.02.2013 Пятница 17:12 Сообщение #1
Mihail
OFFLINE
+ 0 -

А вот это супер )

Информация


Посетители, находящиеся в группе Гость, не могут оставлять комментарии к данной публикации.
Пожалуйста войдите на сайт как пользователь или зарегистрируйтесь.

Логотип сайта:
Навигация
Мини-чат
Витрина Активистов
Опрос
Как вы попали сюда?

Всего ответов: 198
Последние комментарии
  • Fatal1ti
    Оставлен 05.02.2013
    50+ качественных анимированных иконок загрузки для сайта
    Автор комментария: Fatal1ti
    Оставлен 05.02.2013 в 16:19
    Тема: 50+ качественных анимированных иконок загрузки для сайта
    Это просто gif картинки,
    А чтобы при загрузке страницы крутилась анимация, нужен скрипт
  • sasha26
    Оставлен 04.02.2013
    Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Автор комментария: sasha26
    Оставлен 04.02.2013 в 12:43
    Тема: Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    С цветами разобрался, пришлось путь к файлу zvetaf.xml полностью писать.
  • sasha26
    Оставлен 04.02.2013
    Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Автор комментария: sasha26
    Оставлен 04.02.2013 в 12:32
    Тема: Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Что-то окно с цветами начинает открываться и сразу же пропадает.
    А как можно чат растянуть по высоте с 300рх до 500рх, где это меняется?
  • Mihail
    Оставлен 01.02.2013
    Замена alert на ajax окно с прямой ссылки к сообщению на форуме
    Автор комментария: Mihail
    Оставлен 01.02.2013 в 17:12
    Тема: Замена alert на ajax окно с прямой ссылки к сообщению на форуме
    А вот это супер )
  • Fatal1ti
    Оставлен 31.01.2013
    Форма добавления комментариев как на dle для uCoz
    Автор комментария: Fatal1ti
    Оставлен 31.01.2013 в 18:23
    Тема: Форма добавления комментариев как на dle для uCoz
    Должно работать, у некоторых файл zvetaf.xml
    Повреждается при загрузке, попробуй его перезалить

    Если ничего не изменяется, то ищи в коде такую строчку:
    Код
    <img src="http:/bbcodes/color.gif" id="kmn" title="Выбрать цвет" onclick="openLayerB('sda',0,'/bbcodes/zvetaf.xml','Выбор цвета',190,200,'1','','',0,'justify');return false;">


    И меняй на эту:
    Код
    <script type="text/javascript" src="http:/serv/zvet.js"></script>
    <img src="http:/bbcodes/color.gif" id="kmn" title="Выбрать цвет" onclick="viewzvet()">

    Должно заработать..
  • Fatal1ti
    Оставлен 27.01.2013
    Зелёное меню как на we-place для uCoz
    Автор комментария: Fatal1ti
    Оставлен 27.01.2013 в 15:05
    Тема: Зелёное меню как на we-place для uCoz
    DevilShadow, извини что сразу не ответил
    Чтобы счетчики были справа нужно в css найти такую строчку:
    Код
    .coole div {position: relative;margin-left: 173px;z-index: 1;}

    И заменить на эту
    Код
    .coole div {position: relative;margin-left: 219px;z-index: 1;}


    А чтобы и фото счетчик был, нужно после этой строчки:
    Код
    <script type="text/javascript" src="http://worldinfo.my1.ru//informer/6"></script>

    Добавить эту:
    Код
    <script type="text/javascript" src="http://worldinfo.my1.ru//informer/7"></script>


    И после скрипта, который находится снизу после меню, добавь ещё скрипт:
    Код
    <script type="text/javascript">  
      function setCatNumEnt(){  
      if(!window.uCatsOut)return;  
      $('div.naviglot a').each(function(){  
      var a=this,ah=a.href,cArr=window.uCatsOut;  
      if(!/\/photo\//.test(ah))return;  
      var t=ah.split('/'),id=t[t.length-1]||t[t.length-2],a=$(a).parent();  
      if(!isNaN(id)){  
      $.each(cArr,function(j){  
      if(cArr[j][0]==id){  
      a.prepend('</span><div class="coole"><div><span class="vnav-subnav2">'+cArr[j][6]+'</span></div></div>');  
      }  
      });  
      };  
      });  
      };setCatNumEnt();
      </script>
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сегодня зашли на сайт
0 пользователя

Новых пользователей:
За месяц: 17
За неделю: 6
Вчера: 0
Сегодня: 0
У нас нашли
Загрузка...
Друзья сайта
Наш Баннер
Всё для новичков
Всё для новичков