Показать сообщение отдельно
  #1 (permalink)  
Старый 30.06.2013, 00:15
Интересующийся
Отправить личное сообщение для MasterDmx Посмотреть профиль Найти все сообщения от MasterDmx
 
Регистрация: 16.02.2013
Сообщений: 21

Подрузка контента из нескольких файлов по клику.
Доброго времени суток.
Есть скрипт:
$(document).ready(function(){
    getLoad('/documentation.htm' , '#documentation');
    getLoad('/top_predlojeiy.htm' , '#top_predlojeiy');
    getLoad('/tpl/topmenu23.htm' , '#topmenu23');
    getLoad('/text_na_static.htm' , '#text_na_static');
});

function getLoad (urlLoad, container) {
$.ajax({
	url: urlLoad,
	cache: false,
	beforeSend: function() {
	$(container).html('');
	},
	success: function(html){
	$(container).html(html);
	}
});
}


Он динамически подгружает контент из файлов в определенные дивы. К примеру, в div id="documentation" будет подгружен контент из файла "documentation.htm" и так далее. Причем все это происходит при загрузке страницы.

Необходимо модернизировать скрипт таким образом, что бы скрипт подгружал контент в один див (Пусть это будет div id="centent") но с разных файлов и по клику по ссылке.

К примеру, есть вот такое меню:

<a href="#" id="documentation">Документация</a>
<a href="#" id="top_predlojeiy">Топ предложений</a>
<a href="#" id="topmenu23">Том меню</a>
<a href="#" id="text_na_static">Текст на статику</a>


У каждого пункта есть свой ID. При нажатии на ссылку "Документация" скрипт подружает контент в div id="content" из файла documentation.htm
И так далее.

Перерыл кучу сайтов и форумов, но безрезультатно. Очень надеюсь на вашу помощь. Заранее благодарен.
Ответить с цитированием