Загрузка новой таблицы на странице, не перегружая ее.

[SCHNITZER]

Есть страница, скажем, сделанная на каркасе таблицы.

Одна из ячеек - таблица с картинками, разной информацией и т.д.

Еще одна ячейка главной таблицы-ссылки.

Как сделать, что бы при вызове в ячейку загружалась новая таблица?

Как это лучше реализовать, какой скрипт искать, по поисковику найти не могу, т.к. сложно сформулировать вопрос.

[psywalker]

А зачем загружать? Сделай просто 3 разных таблицы, две выключай, одну включай. При нажатии на кнопку делай тоже самое, нужную врубай, остальные вырубай.

[SCHNITZER]

to psywalker: да таких таблиц будет очень много, загружены изображениями, так что грузить их все сразу вариант не подходит, да и странный какой-то.

Я тут совершенно случайно наткнулся на интересную статью.

Кому интересно, опишу.

1. Подгрузить скрипт.

# function showContent(link) {  
#   
#		 var cont = document.getElementById('contentBody');  
#		 var loading = document.getElementById('loading');  
#   
#		 cont.innerHTML = loading.innerHTML;  
#   
#		 var http = createRequestObject();  
#		 if( http )   
#		 {  
#			 http.open('get', link);  
#			 http.onreadystatechange = function ()   
#			 {  
#				 if(http.readyState == 4)   
#				 {  
#					 cont.innerHTML = http.responseText;  
#				 }  
#			 }  
#			 http.send(null);	  
#		 }  
#		 else   
#		 {  
#			 document.location = link;  
#		 }  
#	 }  
#   
#	 // создание ajax объекта  
#	 function createRequestObject()   
#	 {  
#		 try { return new XMLHttpRequest() }  
#		 catch(e)   
#		 {  
#			 try { return new ActiveXObject('Msxml2.XMLHTTP') }  
#			 catch(e)   
#			 {  
#				 try { return new ActiveXObject('Microsoft.XMLHTTP') }  
#				 catch(e) { return null; }  
#			 }  
#		 }  
#	 }

2. Добавить тэгу параметры загрузки (практически любому).

onclick="showContent('page1.html')" value="Страница 1" style='cursor: pointer'

Пример:<img src='pic04.JPG' onclick="showContent('page1.html')" style='cursor: pointer'></p>

3. Назначить, где будет подгружаемый элемент:

<div id="contentBody"></div>

4. Далее написать:

<div id="loading" style="display: none">

Идет загрузка...

</div>

[psywalker]

to psywalker: да таких таблиц будет очень много, загружены изображениями, так что грузить их все сразу вариант не подходит, да и странный какой-то.

Почему странный, смотри. Берёшь массив, далее делаешь фрагменты document.creatFragment() , в него запихиваешь одну таблицу, далее делаешь таких фрагментов сколько угодно, запихиваешь в них нужнок кол-во таблиц короче. А потом все эти фрагменты вставляешь в массив, как индексы. При наведении мыши на ссылку, вынимаешь из массива нужный индекс и вставляешь его в твой див контейнер. Всё.

[sap1ens]

to psywalker: да таких таблиц будет очень много

если их реально очень много, то вариант с динамической подгрузкой имхо лучше, т.к. он позволяет не ждать пока загрузятся все таблицы.

В общем это вопрос контента, который будет грузиться в начале страницы + какая в среднем скорость у посетителей (например Штаты или Россия, в случае с нашей отчизной я бы не стал грузить много контента сразу, ибо про инет в регионах стоит помнить) + с какой целью они вообще загружаются, если это какой-то сервис, то человек хочет работать сразу, если это больше справочная информация, то возможно и подождет.

[psywalker]

to psywalker: да таких таблиц будет очень много

Да и массив знаетели тоже не из 10 номеров состоит)

[sap1ens]

Да и массив знаетели тоже не из 10 номеров состоит)

Я не про количество индексов в массиве, а про скорость загрузки всех данных сразу...

[psywalker]

Я не про количество индексов в массиве, а про скорость загрузки всех данных сразу...

Тут конеш согласен.