Главная | Регистрация | Вход Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Всё для ucoz » Новости сайта » _uNewsAdder.Ajax(ver.1.0) | by Трудяга
_uNewsAdder.Ajax(ver.1.0) | by Трудяга
АдминДата: Среда, 14.11.2012, 23:49 | Сообщение # 1
Майор
Группа: Администраторы
Сообщений: 83
Репутация: 0
Статус:
Скрин:

Скрипт выводит 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:
Настраиваем модуль новости сайта как на скрине:
 
Форум » Всё для ucoz » Новости сайта » _uNewsAdder.Ajax(ver.1.0) | by Трудяга
  • Страница 1 из 1
  • 1
Поиск:

QuesT.ucoz.ua
Бесплатный конструктор сайтов - uCoz