Правила форума Подписки Ленточный
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
True Stalker (0)
Ловец снов (ОБТ) (0)
Контракт: Выходец с того ... (0)
Prosectors Project 1.7 (0)
Тайна Кордона (0)
У костра (193)
Анекдоты (145)
Города (91)
Обновления сайта (77)
Свалка (67)
StraNNik (1417)
RamzeS (513)
Каратель (170)
Narkostalker (121)
Кракен (93)
007RomanHoroshun (21.05.2025)
Yuppi_Duck (24.09.2024)
p4ladya (05.02.2024)
alexander24tomilin (20.12.2023)
Lesnik (13.12.2023)
  • Страница 1 из 1
  • 1
Изменяем вид добавления материала
Слышу гимн зашитых ртов
StraNNik
Группа: Администратор
Ранг: Опытный
Сообщений: 1417
Карма: 33
Сообщение # 1
Дата: 16.10.2015 в 16:45

У всех у нас есть сайт в конструкторе uCoz, который мы развиваем сопровождаем и конечно же рано или поздно добавляем материалы на свой сайт... Так вот ко мне в личные сообщения обратился пользователь Snoopak, с просьбой сделать так, что бы добавление материала выделялась по другому нежели в стандартном виде а именно - появлением ajax окна...
Теперь после установки данного скрипта, не будет появляться uWnd окно, а в место него будет красивое уведомление в правом нижнем углу, о состоянии добавления материала, но кому не понравится то, что уведомление в правом углу, я ниже в настройках напишу где нужно внести изменения, что бы уведомление было в другом месте, ну а теперь переходим к установке и настройкам:

Установка:

Панель управления ---> Управление дизайном ---> Каталог файлов ---> Страница добавления/редактирования материала и перед
Код
</body>
вставляем данный код:
Код
<script type="text/javascript">  
  var addEnt = '<div id="addEnt" style="display:none;"><span>Идёт добавление материала ...</span></div>';  
  $('body').prepend(addEnt);  
  function addEntry () {  
  var form = $('#addEntForm');  
  $('#addEnt').css('display', 'block');  

  $.ajax({  
  type: 'POST',  
  url: form.attr('action'),  
  data: form.serialize(),  
  success: function (r) {  
  if (~$(r).text().indexOf('успешно')) {  
  $('#addEnt span').html('Материал успешно добавлен!'); $('#addEnt').removeClass( ).addClass('green');  
  } else {  
  $('#addEnt span').html($($(r).text()).text()); $('#addEnt').removeClass( ).addClass('red');  
  }  
  }  
  });  
  }  

  $('input').each(function () {  
  if ($(this).attr('onclick') && ~$(this).attr('onclick').indexOf('doSmbBt')) $(this).attr('onclick', 'addEntry()');  
  });  
  $('body').append('<style>.green {background:#64992b; color:#fff; font-size:12px; text-align:center; padding:5px; position:fixed; bottom:20px; right:20px; z-index:999; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;} .red {background:#e74c3c; color:#fff; font-size:12px; text-align:center; padding:5px; position:fixed; bottom:20px; right:20px; z-index:999; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;}</style>'); /* by webo4ka.ru*/  
  </script>

Настройки:
bottom:20px; right:20px; - данный код отвечает за вывод уведомления, а именно в правом нижнем углу, если вам необходимо, пишите другой вариант который вам необходим...
bottom:20px; - низ
top:20px; - верх
right:20px; - право
left:20px; - лево
p.s. Если будете менять расположение, не забудьте, что менять bottom:20px; right:20px; два раза в коде...

На этом всё, установка окончена, если что предлагайте свои идеи скриптов...

  • Страница 1 из 1
  • 1
Поиск:

Авторское право на игру и использованные в ней материалы принадлежат GSC Game World.
Любое использование материалов сайта возможно только с разрешения его администрации!
Для корректного отображения сайта, рекомендуем использовать обновленный Microsoft Edge
Powered by StraNNik | Хостинг от uCoz | Рекомендуем AdGuard
© 20.11.2013-18.07.2025