Подгрузка нужной страницы в div содержимого

[HaveFun]

Здравствуйте. FAQ по JS прочитал, но такой проблемы не нашёл. В поиске толкового решения не оказалось.

Как и указано в названии, нужно организовать подгрузку нужной страницы в div содержимого при щелчке на одном из навигационнох дивов(по бокам на макете).

Вот примерный макет сайта:

По щелчке на "Урок 1" или "Тема 1" текст должен подгружаться из другой страницы в див содержимого.

Думаю организовать ajax'ом, но пока не получилось.

Вот тут накопал примерный вариант.

Фреймы не предлагать. Спасибо.

Edited August 26, 2011 by HaveFun

[Int]

Ну и? Берёшь функцию, которая реализует аякс, делаешь запрос, вставляешь ответ в div.

[HaveFun]

В этом вся и проблема, что аякс я знаю не очень, а чтобы его "проверить" требуется сервер.

[Быколай]

книга http://progbook.ru/ajax/866-bibo-jquery-podrobnoe-rukovodstvo-po-prodvinutomu.html

сервер http://denwer.ru/

если не поленитесь потратить пару часов, то всё получиться самостоятельно.

[Vlad]

Локальный веб-сервер на любом компе можно установить.

[HaveFun]

Я скачал себе вот эти исходники, вроде переделал под себя, но не знаю, как проверить, правильно ли я сделал.

Надо закупить хостинг сразу под него, наверное... Или есть способ протестить ajax на компьютере?

Вопрос с этим решился, спасибо!

Edited August 26, 2011 by HaveFun

[HaveFun]

Скачал отсюда исходники.

Снова возникла проблема:

Вот код скрипта, который подключается в html:

var AjaxContent = function(){
    var container_div = ''; 
	var content_div = ''; 
	return {
		getContent : function(url){
			$(container_div).animate({opacity:0}, //Turn the opacity to 0
					function(){ // the callback, loads the content with ajax
						$(container_div).load(url+" "+content_div, //only loads the selected portion
						function(){						   
						   $(container_div).animate({opacity:1}); //and finally bring back the opacity back to 1
					}
				);        
			});
		},
		ajaxify_links: function(elements){
			$(elements).click(function(){
				AjaxContent.getContent(this.href);
				return false; //prevents the link from beign followed
			});
		},
		init: function(params){ //sets the initial parameters
			container_div = params.containerDiv; 
			content_div = params.contentDiv;
			return this; //returns the object in order to make it chainable
		}
	}
}();

И вот этот:

<script type="text/javascript">
	$(function(){
		AjaxContent.init({containerDiv:"#ajax-wrap",contentDiv:"#text"}).ajaxify_links("#menu a");
	});
	</script>

Я понял так, что containerDiv:"#ajax-wrap" - оболочка дива, куда надо вставлять.

contentDiv:"#text" - контент, который надо выгрузить из другой страницы и загрузить в существующую.

ajaxify_links("#menu a") - при щелчке на этом селекторе будет срабатывать скрипт.

Но как только я переделал под себя менюшку и отодвинул её вбок (см. макет), то при щелчке содержимое меняет прозрачность и становиться маленькой и пустой, безо всякого содержимого.

В чём может быть проблема?

Заранее спасибо. Изначальный пример с Денвером прекрасно работает.

Edited August 28, 2011 by HaveFun

[Int]

Я не вдавался в детали, но разве не надо вызвать метод getContent(url) ?

[HaveFun]

Я не вдавался в детали, но разве не надо вызвать метод getContent(url) ?

Тогда ещё нужен метод "вгрузки" контента в определённый див.

getContent : function(url){ - посмотрите внимательно на код.

Edited August 29, 2011 by HaveFun

[Int]

Я не знаком с jquery, не знаю, что делает load(), может быть и кладёт куда надо. А это точно мне ответ-то был? Может и нужен метод, но это к разработчику.

[HaveFun]

Int,

Вот ссылка на сам урок: _http://ruseller.com/lessons.php?rub=32&id=569 .

var a = function() {}(); там задаётся функция которая сразу же выпонляется и возвращает объект.

Edited August 29, 2011 by HaveFun

[Int]

Объект вернулся, у него вызвали init(), а всё остальное вызвать? Функции, которые внутри return {}, не выполняются, это просто структура объекта. На выполнение запускается только создание этого объекта, а не все его методы.

[HaveFun]

Здравствуйте. Кто-нибудь смог решить эту проблему?

[Int]

Да это вообще не проблема, если честно.

[rus]

Здравствуйте. Кто-нибудь смог решить эту проблему?

Здравствуйте, а кому-нибудь кроме Вас нужна она?

[HaveFun]

Мне кажется, что на очень многих сайтах "стоит" подобная система подгрузки.

Да, сам нашёл 3 таких вопроса.

Мне кажется, что на очень многих сайтах "стоит" подобная система подгрузки.

Да, сам нашёл 3 таких вопроса.

[Int]

Так сложность-то в чём, в получении данных аяксом или в выводе их на страницу?

[HaveFun]

При выводе, да и времени книжку по js читать нету, универ начался...