На сегодняшний день сайты, которые можно лишь посмотреть, без возможности выполнения каких-либо интерактивных действий уже практически не могут заинтересовать посетителей. Поэтому даже самые простые сайты-визитки потихоньку оснащаются различными программными модулями, позволяющими посетителям общаться между собой (форумы, чаты), высказывать свое мнение по разным вопросам (опросы, голосования).
В больших сложных проектах, например, интернет-порталах, без различных функциональных элементов не обойтись - к услугам посетителя и новостные блоки, и ленты RSS, и погодные информеры, и поиск по сайту.
А, например, интернет-магазин уже по определению включает в себя наличие широкого функционала. Так, функциональными элементами в этом случае является покупательская корзина, оформление заказа онлайн, система оплаты за покупки – без этих элементов разработка интернет-магазин не возможна.
Ну и конечно же развлекательные сайты, в свою очередь, содержат уйму развлекательных функций: радиовещание онлайн, видео- и аудиоплееры, посетителям доступна работа с изображениями (загрузка на сайт и с сайта, обработка изображений он-лайн).
|
|
Кроме того, на любом веб-сайте, а в особенности, на сложном, разветвленном веб-проекте просто необходима для посетителей функция поиска по сайту. Без подобной функции посетителю сложно сориентироваться во множестве разделов, подразделов и категорий.
Таким образом, функциональный сайт глазами посетителя – это веб-сайт с поддержкой различных интерактивных возможностей, позволяющих воплотить любые требования и пожелания.
Теоретически, можно каждую функцию описать отдельно в виде скрипта (серверного или клиентского) и вставить в каждую конкретную страницу сайта. Однако такой подход долог, утомителен и нерационален. Поэтому лучшее средство для создания функционального сайта – разработать сайт на основе системы управления контентом (CMS). В CMS уже воплощен весь необходимый базовый функционал для качественного сайта, а благодаря высокой степени расширяемости большинства CMS основные функции сайта всегда можно дополнить с помощью специальных расширений – плагинов.
26.Технология AJAX. Реализация AJAX с использованием framework JQuery.
Технология AJAX позволяет перегружать некоторые элементы страницы не перегружая страницу целиком.
Пример.
Пусть у нас дана задача. Необходимо по щелчку по словам подсказка и ответ показать пользователю соответственно подсказку или ответ задачи
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script language='JavaScript'>
$(document).ready(function(){
$("#prompting,#answer").click(function(){ //когда был щелчек по элементу с идентификатором $("#prompting или,#answer
|
|
/*формируем id элемента в который надо вывести подзку или ответ. Он получается путем добавления show к текущему id. */
var id=eval("show"+$(this).attr("id"));
if(id.innerHTML==""){//если не показывали
/* посылаем запрос на сервер к скрипту за информацией show_help.php?what=…&part=…&id=…*/
$.post("show_help.php", { what:$(this).attr("id"), part: <? echo $_GET['part'];?>, id: <? echo $array['id'];?>},
function(data){// обрабатываем полученные данные
//alert("Data Loaded: " + data);
id.innerHTML=data;
}); //alert($(this).attr("id"));
}
});
})
</script>
</head>
<body>
<table>
<tr>
<td colspan=2 height="70" valign="top" >
<?echo $array['question'];?>
</td>
</tr>
<tr>
<td id=prompting valign="top" style=" cursor: pointer" > <b>Подсказка </b><br>
<span id=showprompting></span></td>
<td id=answer valign="top" style=" cursor: pointer" >
<b><big> Ответ </big></b><br>
<span id=showanswer></span></td>
</tr>
</table>
</body>
</html>