Суббота, 23.11.2024, 02:34
Реклама:
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Добовление новости в ajax окнe
Vlad-SvДата: Понедельник, 28.03.2011, 18:11 | Сообщение # 1
Пользователи
Сообщений: 329
Репутация: 4

[Table]Скрипт выводит ajax окно с формой для добавления новости, после заполнения и отправки новость автоматически добавляется и ajax окно закрывается (обратите внимание что всё это происходит без единого обновления). Также присутствует проверка на заполненность полей при незаполненном поле выводится надпись вверху окна предупреждающая об этом.
[/Table]
[Table]Установка: [/Table]
[Table]Шаг №1:
Заходим на главную сайта как админ, нажимаем под новостью на эдакую кнопку редактора страницы и ПОСЛЕ всего содержимого (там его не должно быть много) вставляем ЭТОТ код:[/Table]
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>

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

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



Украина
  • Страница 1 из 1
  • 1
Поиск:

Сайт создан в системе uCoz
Lives-Game.Ucoz.Net