| XemorDio(died) | Дата: Четверг, 21.01.2016, 12:42 | Сообщение # 1 |
 Генерал-лейтенант
Группа: Свобода
Сообщений: 626
Статус:  |
У всех у нас есть сайт в конструкторе 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; два раза в коде...
На этом всё, установка окончена, если что предлагайте свои идеи скриптов...
|
| |
| |
){kind=link}