Приветствую Вас Прохожий | RSS Суббота, 23.11.2024, 15:47
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 23
Гостей: 23
Пользователей: 0



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Скрипт ajax окно с формой для добавления новости

Скрипт ajax окно с формой для добавления новости
Скрипт выводит ajax окно с формой для добавления новости, после заполнения и отправки новость автоматически добавляется и ajax окно закрывается (обратите внимание что всё это происходит без единого обновления). Также присутствует проверка на заполненность полей при незаполненном поле выводится надпись вверху окна предупреждающая об этом.
Установка:
Шаг №1:
Заходим на главную сайта как админ, нажимаем под новостью на эдакую кнопку редактора страницы и ПОСЛЕ всего содержимого (там его не должно быть много) вставляем ЭТОТ код:
Code
<script type="text/javascript">
function newAjax(){
new _uWnd('addingNews','Добавление новости',600,400,{align:0,shadow:1,autosize:1,resize:0, modal:1},'<fieldset id="newsF"><legend><span id="newsAdder">Новость:</span></legend>Название материала:</br><form><input type="text" id="newsTitle" maxlenght="50" style="width: 100%"></br>Краткое описание:</br><textarea cols="80" rows="4" id="newsBrief"></textarea></form>Полное описание:</br><textarea cols="80" rows="4" id="newsMessage"></textarea></br>Теги(через запятую):</br><input type="text" id="newsTags" maxlenght="50" style="width: 100%"></br></br><center><input type="submit" id="adder" value="Отправить" onclick="addNews();"></center></form></fieldset>');
}  
function addNews(){
newsTitle = $('#newsTitle').val();
newsBrief = $('#newsBrief').val();
newsMessage = $('#newsMessage').val();
newsTags = $('#newsTags').val();
if(!newsTitle){
$("#newsAdder").css('color', 'red').html('Поле "Название материала" обязательно для заполнения!'); return false;
}
else if(!newsBrief){
$("#newsAdder").css('color', 'red').html('Поле "Краткое описание" обязательно для заполнения!'); return false;
}
else if(!newsMessage){
$("#newsAdder").css('color', 'red').html('Поле "Полное описание" обязательно для заполнения!'); return false;
}
else {
$('#adder').attr('disabled','disabled');
$('#newsF').replaceWith('<center><span style="position: relative; top: 135px">Добавление...</br><img src="http://vkontakte.ru/images/upload.gif"></span></center>');
$.get('/news/0-0-0-0-1', function (data){
  ssid = $('input[name="ssid"]', data).val();
$.post('/news',{
  a: 2,  
  jkd428: 1,
  jkd498: 1,
  title: newsTitle,
  brief: newsBrief,
  message: newsMessage,
  ssid: ssid
},

function ( response ) {
if ( $(response).text().indexOf ('успешно') != -1 ) {
setTimeout(function(){ _uWnd.close("addingNews"); } , 1000);
$('#newsField').load('/index/0-1 #newsField');
}
});
})
}
}
</script>

Шаг №2:
На нашу ссылку добавление новости вешаем атрибут:
Code
onclick="newAjax();return false;"

Тоеть находим надпись Добавить новость (или какая там у вас) перед ней знак > и перед этим знаком ставим код что выше.
Шаг №3:
Находим $LAST_NEWS$ и меняем на:
Code
<div id="newsField">$LAST_NEWS$</div>

Шаг №4:
Настраиваем модуль новости сайта как на скрине:


Автор: Труд9га
Автор\Источник: megasoft.3dn.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 4081 | Рейтинг: 3.5/4 | |Категория: Скрипты Разное | Добавил: ALINA | Дата: 19.08.2010 | Скачали: 0 | Теги: новости, добавления, ajax, Скрипт, окно, формой
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа


Поиск


На форуме

1 Работа на заводе

29

2 Комплексный прогон сайт...

54

3 Армия

0

4 Может у кого есть!

6

5 Нужны копирайты

1

6 Остались честные СМИ?

0

7 Раздача подарков и стик...

1

8 Дисковое пространство

3

9 Ручной прогон по трасто...

19

10 бот для умножения денег...

0


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2024


Кнопка 88х31 сайта ucozon.ru