Изменения

Перейти к навигации Перейти к поиску
Нет описания правки
Рассмотрим использование AJAX-а на примере страницы новостей. Допустим мы создали 3 контентные страницы:
<ul><li>* страница на который мы хотим выводить новости <syntaxhighlight lang="text" enclose="none" style="font-size: 1.2em; padding: 0 3px; background: #F0F0F0; border: 1px dashed #2F6FAB;">/news.html</lisyntaxhighlight> <li>* страница на которой находятся новости авиакомпаний <syntaxhighlight lang="text" enclose="none" style="font-size: 1.2em; padding: 0 3px; background: #F0F0F0; border: 1px dashed #2F6FAB;">/avia-news.html</lisyntaxhighlight> <li>* страница с новостями сервиса <syntaxhighlight lang="text" enclose="none" style="font-size: 1.2em; padding: 0 3px; background: #F0F0F0; border: 1px dashed #2F6FAB;">/service-news.html</li></ulsyntaxhighlight>
{{Attention|Для страниц <span syntaxhighlight lang="text" enclose="none" style="font-size: 1.2em; padding: 0 3px; background-color:#fff0f5F0F0F0; border: 1px dashed #2F6FAB;">/avia-news.html<span /syntaxhighlight> и <syntaxhighlight lang="text" enclose="none" style="font-size:large1.2em;"><span style="colorpadding: 0 3px; background: #F0F0F0; border:1px dashed #ff00002F6FAB;">!</span></span> Для страниц /aviaservice-news.html и </service-news.html syntaxhighlight> необходимо использовать макеты без шапки и подвала.</span>}}
На странице <syntaxhighlight lang="text" enclose="none" style="font-size: 1.2em; padding: 0 3px; background: #F0F0F0; border: 1px dashed #2F6FAB;">/news.html </syntaxhighlight> выводим список новостей (например списком <syntaxhighlight lang="text" enclose="none" style="font-size: 1.2em; padding: 0 3px; background: #F0F0F0; border: 1px dashed #2F6FAB;">ul</syntaxhighlight>) и блок в который будут выводится новости:
<syntaxhighlight lang="xml" line enclose="div" style="font-size:9pt;background: #F9F9F9; border: 1px dashed #2F6FAB; padding: 10px 5px; margin: 10px 0;">
</syntaxhighlight>
В атрибуте <syntaxhighlight lang="text" enclose="none" style="font-size: 1.2em; padding: 0 3px; background: #F0F0F0; border: 1px dashed #2F6FAB;">data </syntaxhighlight> хранится префикс названия страницы и по клику на новость в блок <syntaxhighlight lang="text" enclose="none" style="font-size: 1.2em; padding: 0 3px; background: #F0F0F0; border: 1px dashed #2F6FAB;">results </syntaxhighlight> подгружается нужная страница.
</div>
== См. также ==
* [[Система управления порталом (ЦМС)]]<br>* [[Фронт-энд]]<br>* [[Веб-сайт]]<br>* [[Редактор структуры]]<br>* [[Алиас]]<br>* [[Короткие ссылки]]<br>* [[Файловый_менеджер_(ЦМС)|Файловый менеджер]]<br>

Навигация

'