Тебе нужна самая новая и свежая информация? То ты просто пройди по ссылки вконтакт так как,
В первую очередь там ты сможешь найти все самое свежее и новое как и у нас на сайте

Популярные файлы Больше
Шаблон для сайта Clash of Clan...
Автор: Хейтер
09.02.2016, 02:24
Шаблон для сайта Clash of Clans-Очень красивый и простой шаблон для любителей мобильных игр таких как Clash of..
PSD логотип для YouTube GTA 5
Автор: Хейтер
01.11.2015, 12:52
PSD логотип для YouTube GTA 5 Очень красивый логотип в стиле GTA 5 для сайта YouTube. Но данную шапку можно подог..
PSD Аватарка для ВК GTA5
Автор: Хейтер
01.11.2015, 00:01
PSD Аватарка для ВК GTA5- Данная аватарка очень красивая аватарка для группы в ВК в стиле GTA5
Опрос
Оцените мой сайт
Всего ответов: 12 Результаты

Изменяем вид добавления материала

Изменяем вид добавления материала
  • Информация о материале
  • Опубликовано
    29.11.2015, 10:27
  • Категория
    Скрипты
  • Просмотры
    348
  • Источник
    http://webo4ka.ru/
добавления, Изменяем, вид, материала
Очень красивый и простой вид добавления материала, после того как вы добавляете материал на свой сайт у вас выползает окошко с информацией о добавленном файле.Ну и автором данного скрипта является сайт webo4ka.ru

Установка:

Панель управления ---> Управление дизайном ---> Каталог файлов ---> Страница добавления/редактирования материала и перед вставляем данный код:

Код


<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');}  
}  
});  
}  

function addEntry2 () {  
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[value="Добавить"]').each(function () {if ($(this).attr('onclick') && ~$(this).attr('onclick').indexOf('doSmbBt')) $(this).attr('onclick', 'addEntry()');});  
$('input[value="Сохранить"]').each(function () {if ($(this).attr('onclick') && ~$(this).attr('onclick').indexOf('doSmbBt')) $(this).attr('onclick', 'addEntry2()');});  

$('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; два раза в коде...

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

Инструкция / Установка шаблона
Автор материала
Хейтер
Активность
Материалы:
Комментарии:
Поделиться
Комментарии 0 комментариев