Скрипт создания из модуля FAQ радел новостей
Создаем модуль новости сайта из раздел FAQ, с такими же функциями управления и добавления новостей где есть всего один недочет в том что сортировка материалов в разделе ФАК производится по первой букве в название материала, и соответственно по алфавиту сортирует все.
Данный тип адаптаций модуля можно переделать так же под другие функции, но для этого необходимо иметь сильные знания script и HTML. Настройке как таковой в окне не чего не стоит изменять и за того что может потеряться функциональность и работоспособность скрипта.
Со временем будет показана вам страница с примером на нашем сайте ucozon.ru в модуле FAQ с использованием категории раздела самого модуля для простои демонстрации работы, а может и как активной вид главной страницы
Очень большое удобство в управление модулем то есть можно быстро добавлять новости при помощи окна ajax. Можно так же вывести 3 последних материала на первую страницу используя get запрос.
Установка скрипта модуля Если у нас не включен раздел FAQ то делаем активацию его и начинаем создавать настройку согласно рисунку показанному ниже настройка модуля скрин: Активируем модуль FAQ, если он еще у вас не активирован. Настраиваем модуль, как показано на скрине. =скрин=. Вид материалов модуля FAQ заменяем на: Code
<div style="border:1px solid <?if($EMAIL$)?>$EMAIL$<?else?>#ccc<?endif?>;padding:5px;margin-bottom:5px;" id="material"> <?if($NAME$)?><a href="$NAME$" style="color:<?if($EMAIL$)?>$EMAIL$<?else?>#5d5d5d<?endif?>;"><?endif?><b style="color:<?if($EMAIL$)?>$EMAIL$<?else?>#5d5d5d<?endif?>;">$TITLE$</b><?if($NAME$)?></a><?endif?> — $DATE$ <?if($MODER_PANEL$)?><span style="float:right;">$MODER_PANEL$</span><?endif?> <?if($MESSAGE$)?><br><small style="color:#999999;padding:2px;">$MESSAGE$</small><?endif?> </div>
В то место, где желаем вывести три последних материала, вставляем: Code
<div id="mats">Загрузка...</div> <script> $.get('/faq/', function(matls){ var maters = $('div#material:lt(3)', matls).append(); $('#mats').html(maters); }) </script>
Кнопка "Добавить новость" не забываем создать js файл и залить на свои саит: Code
<div id="styles"></div> <script src="/scripts/news_module.js"></script> <a href="javascript://" onclick="new_uwnd_load();" style="color:#9b9b9b;">Добавить новость</a>
Создаем в блокноте файл с расширением js и вставляем туда сам код после копируем ссылку и заменяем на /scripts/news_module.js вашу ссылку Code
var load_but = _uButton('', 'b', {style: 3,text: '<b>Добавить</b>',content: 'onclick="load_news_post()"'}); function messlength(){var rst = 50-$('#brief_news').val().length;if (rst<0){rst=0;$('#brief_news').val($('#brief_news').val().substr(0,50));}$('#ostal').html(rst);} function color__new(){$('#color_news').val('red');$('.color_n_red').css('border','2px solid red');$('.color_n_grn').css('border','2px solid #fff');$('.color_n_none').css('border','2px solid #fff');$('.color_n_none').css('display','inline');} function color___new(){$('#color_news').val('green');$('.color_n_grn').css('border','2px solid green');$('.color_n_red').css('border','2px solid #fff');$('.color_n_none').css('border','2px solid #fff');$('.color_n_none').css('display','inline');} function color_none(){$('#color_news').val('');$('.color_n_red').css('border','2px solid #fff');$('.color_n_grn').css('border','2px solid #fff');$('.color_n_none').css('border','2px solid #bdbdbd');} function new_uwnd_load(){new _uWnd('new_uwnd_', 'Добавление новости', 500, 250, {close: 1,autosize: 1,maxh: 500,minh: 100}, '<table style="border:1px solid #bdbdbd;" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="tabtdr">Название:<font color="red">*</font></td><td class="tabtdl"><input style="width:380px;" id="name_news" type="text" maxlength="50"></td></tr><tr><td class="tabtdr">Ссылка:</td><td class="tabtdl"><input style="width:380px;" id="ref_news" type="text" maxlength="300"></td></tr><tr><td class="tabtdr">Оформление:</td><td class="tabtdl" style="padding:8px;"><div class="color_n_red" onclick="color__new()">Красное</div><div class="color_n_grn" onclick="color___new()">Зеленое</div> <div class="color_n_none" onclick="color_none()">По умолч.</div></td></tr><input id="color_news" type="text" maxlength="40"><tr><td class="tabtdr" valign="top">Описание:<br><small>Не более 50 символов<br>Осталось: <b id="ostal">50</b></small></td><td class="tabtdl"><textarea maxlength="50" id="brief_news" style="height:50px;width:380px;" onkeyup="messlength()" onfocus="messlength()"></textarea></td></tr><tr><td class="tdlbutr">' +load_but+ '</td><td class="tdlbutl" align="right"><img id="ld_img" src="http://multi-rip.ru/new_shablon/other/loading.gif"><span id="ld_img_er" style="color:red;float:left;"><b>Название</b> слишком короткое</span><img id="ld_img_er" src="/.s/img/icon/er.png"><span id="ld_img_ok" style="color:green;float:left;"><b>Материал</b> успешно добавлен</span><img id="ld_img_ok" src="/.s/img/icon/ok.png"><span id="referer" style="float:left;">Выполняется переадресация...</span></td></tr></table>')} function load_news_post(){ if($('#name_news').val().length<'10'){$('#name_news').css('background','#fee4e3');$('span#ld_img_er, img#ld_img_er').show();setTimeout(function(){$('#name_news').css('background','none');$('span#ld_img_er, img#ld_img_er').hide();}, 3000);} else{$('img#ld_img').show();$.post('/faq/', {a: 2, jkd428: 1, jkd498: 1, subject:$('#name_news').val(), brief:$('#brief_news').val(), name:$('#ref_news').val(), email:$('#color_news').val()}, function (){$('img#ld_img').hide();$('img#ld_img_ok,span#ld_img_ok').show();setTimeout(function(){$('img#ld_img_ok,span#ld_img_ok').hide();$('span#referer').show();location="/";}, 3000);})} } $('div#styles').append('<style>.tabtdr{border-bottom:1px solid #ccc;border-right:1px solid #ccc;background:#f0f0f0;padding:4px;}.tabtdl{border-bottom:1px solid #ccc;background:#fff;padding:4px;}.tdlbutr{background:#f0f0f0;padding:4px;border-right:1px solid #ccc;}.tdlbutl{background:#fff;padding:4px;}div.color_n_red{display:inline;width:41px;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;border:2px solid #fff;padding:3px;}div.color_n_red:hover{cursor:pointer;border:2px solid red;}div.color_n_grn{display:inline;width:41px;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;border:2px solid #fff;padding:3px;}div.color_n_grn:hover{cursor:pointer;border:2px solid green;}div.color_n_none{display:none;width:40px;-moz-border-radius:2px;border-radius:2px;-webkit-border-radius:2px;border:2px solid #fff;padding:3px;}div.color_n_none:hover{cursor:pointer;border:2px solid #bdbdbd;}input#color_news,img#ld_img,img#ld_img_ok,span#ld_img_ok,span#ld_img_er,img#ld_img_er,span#referer{display:none;}</style>');
Автор описания: мир Автор скрипта: hi7eMhiGh Источник описания: ucozon.ru Источник скрипта: указан вверху
Автор\Источник: multi-rip.ru
Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 2647
| Комментарии: 6
| Рейтинг: 3.5 /6 |
- Оценить -
Отлично
Хорошо
Неплохо
Плохо
Ужасно
|Категория: Скрипты Разное | Добавил: мир
| Дата: 16.06.2011 | Скачали: 0 | Теги: радел , новостей , создания , FAQ , Скрипт , модуля
Похожие новости на нашем сайте