Загрузка...

  • Страница 1 из 1
  • 1
Модератор форума: jkeeeeee  
Добовление новости в ajax окнe
Batareyka Дата: Вторник, 07.06.2011, 05:36 | Сообщение # 1
Пользователь
Группа: Пользователи
Регистрация: 04.06.2011
Пользователь №: 30
Сообщений: 282
[ ]
07.06.2011 Вторник


Скрипт выводит 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><!--code2--></div><!--ecode2-->

Шаг №2:  
На нашу ссылку добавление новости вешаем атрибут:  

<!--code1-->[code]<div class="scriptcode"><!--ecode1-->onclick="newAjax();return false;"


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

Code
<div id="newsField">$LAST_NEWS$</div>
В не сети
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Лучшие пользователи
Уважаемые пользователи
Популярные темы
Недавно обновленные темы

Всё для uCoz | Counter-Strike:Source | Counter-Strike 1.6 | Сервера для CS | opengl32 dll 


Мы рады приветствовать вас на нашем портале, посвящённом онлайн шутеру ставшим популярным во всём мире Counter-Strike. Если вам нужны различные модели игроков, плагины на ваш сервер и многое другое для Counter-Strike 1.6 и Counter-Stirke Source, то вы попали туда, где всё это есть. У нас вы найдёте Читы для CS 1.6, Читы для Point Blank, Модели игроков для Counter-Strike, Плагины amxx для сервера в Cs и многое другое для Counter-Stirke. Здесь вы можете найти всё для Point Blank. Это Скрипты, Хаки, WH, Speedhack для Point Blank. Мы надеемся что вы останетесь на www.Mg-Zone.Do.Am надолго.

Администрация не несёт ответственности за содержащие файлы на данном портале.
Дизайн, который Создать бесплатный сайт с uCoz стоит на нашем сайте полностью принадлежит нам
© 2010-2011 MG-ZONE.DO.AM ForumSiteMap.xml SiteMap.xml