У всех у нас есть сайт в конструкторе uCoz, который мы развиваем сопровождаем и конечно же рано или поздно добавляем материалы на свой сайт... Так вот ко мне в личные сообщения обратился пользователь Snoopak, с просьбой сделать так, что бы добавление материала выделялась по другому нежели в стандартном виде а именно - появлением ajax окна...
Теперь после установки данного скрипта, не будет появляться uWnd окно, а в место него будет красивое уведомление в правом нижнем углу, о состоянии добавления материала, но кому не понравится то, что уведомление в правом углу, я ниже в настройках напишу где нужно внести изменения, что бы уведомление было в другом месте, ну а теперь переходим к установке и настройкам:
Установка:
Панель управления ---> Управление дизайном ---> Каталог файлов ---> Страница добавления/редактирования материала и перед вставляем данный код:
Код
<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; два раза в коде...
На этом всё, установка окончена, если что предлагайте свои идеи скриптов...