• Страница 1 из 1
  • 1
Форум Сталкер » Web-раздел » Скачать скрипты для сталкера » Изменяем вид добавления материала
Изменяем вид добавления материала
XemorDioДата: Понедельник, 04.04.2016, 14:36 | Сообщение # 1
Генерал-полковник
Группа: Пользователи
Сообщений: 897
Награды: 7
Репутация: 8
Статус: Offline

У всех у нас есть сайт в конструкторе 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; два раза в коде...

На этом всё, установка окончена, если что предлагайте свои идеи скриптов...
 
Форум Сталкер » Web-раздел » Скачать скрипты для сталкера » Изменяем вид добавления материала
  • Страница 1 из 1
  • 1
Поиск:
Поделись с другими сталкерами
Меню сайта
Гость
Статистика
Интеллектуальный каталог ресурсов интернет