Ajax чат

Модератор: admin | На главную 26 Октябрь

Сегодня искал в интернете плагин или скрипт календаря событий, вроде как в контакте, если кто знает что-то подобное, то поделитесь, и
наткнулся я на Ajax чат. Очень забавная штука оказалась со множеством настроек и фишек приятных. Думаю как только выпадет свободное время обязательно поковыряю этот чат. Конечно не сказать, что это что-то необычное, аналогов встречал много, но почему-то другие меня не привлекали так сильно как этот. Вообщем все переходим по ссылке выше на демо страницу чата и тестируем. Пишем свои впечатления и мнения по этому поводу.
На стороне пользователя не плохое количество настроек: визуальные эффекты, настройка даты, звука и др. Вообщем, всем рекомендую посмотреть, хотя бы ради забавы ) Есть также возможность отправки приватных сообщений.
чат на аяксе

Тэги:

Подгружаем контент

Модератор: admin | На главную 6 Сентябрь

Давно искал урок как можно подгрузить какую-то информацию без перезагрузки страницы... и тут пришел на помощь ajax.

Итак в этой статье учимся подгружать контент на сайте, а также учим основы jQuery. После прочтения статьи вы научитесь составлять несложные скрипты на аяксе. Прежде чем получил такой результат попробывал много меннее удачных вариантов. Где-то скрипт работал не корректно, где не менялся URL в строке браузера, где-то на код просто не взглянуть и т.д.

Если что не так написал, то прошу поправить. Для начала нам нужно скачать AJAX-библиотеку JQuery. Сделать это можно здесь. Затем копируем библиотеку ajax в папку с сайтом куда-нибудь и подгружаем ее. Для этого между пишем следующее
<script src="...путь.../jquery.js" type="text/javascript">

Теперь пишем сам ajax скрипт для подгрузки контента (его можно вынести во внешний файл)

<script type="text/javascript" language="javascript">

$(document).ready(function() { // ждем пока документ не будет готов

var hash = window.location.hash.substr(1);
var href = $('что-то пишем').each(function(){
var href = $(this).attr('href');
if(hash==href.substr(0,href.length-5)){
var toLoad = hash+'.html #content';
$('#content').load(toLoad)
}
});

$('#menu a').click(function(){ //скрипт будет срабатывать на все ссылки в <div id="menu"> по щелчку левой кнопкой
var toLoad = $(this).attr('href')+' #content';
$('#content').hide(1,loadContent); // див с id="content" прячется

$('#load').remove();
$('#navbarright').append('<span id="load"></span>');
$('#load').show(200); // отображаем анимацию ожидания
window.location.hash = $(this).attr('href').substr(0,attr('href').length-0); //подставляем новый url для веб страницы
function loadContent() {
$('#hour').hide(0);
$('#content').load(toLoad,'',showNewContent()) //загружаем содержимое новой страницы <div id="content">, остальное остается неизменным
}
function showNewContent() { //отображаем новый блок
$('#content').show(999999);

}
function hideLoader() { //прячем анимацию
$('#load').fadeOut(0);
}
return false;
});
});

</script>

Написал, конечно, как всегда )), но кто хочет тот разберется или пишите мне я помогу привернуть данный скрипт. С помощью данного скрипта страница больше не будет перезагружаться, url в строке браузера меняется корректно, не надо повторно загружать повторяющиеся части страницы (хоть они обычно и кэшируются). Думаю вам будет полезен данный ajax скрипт на jQuery.

Тэги: , ,


load