Как отобр. данные div без прдв.загрузки (упрощено)

  • Автор темы wsr
  • Дата начала
Статус
Закрыто для дальнейших ответов.
W

wsr

Гость
#1
Имеется дерево каталога товаров.
Строится на основе php запроса из базы данных mssql + javascript для построения дерева.
Дерево изначально создается двухуровневое, вида:
1. Процессоры
1.1 Athlon
1.2 Sempron
1.3 Duron
1.4 Celeron
1.5 Pentium
и т.д.
Так вот. Как можно реализовать, чтобы по нажатию на подкатегорию, без перезагрузки страницы, создавался еще один блок, с содержимым, полученным по запросу из базы данных, т.е. без предварительной загрузки этих данных?

Вот что мы получаем после обработки запросов и построения дерева:
<div id="el0Parent" onclick="el0Children visible='true'>1. Процессоры</div><br>
<div id="el0Children" class="Hidden">
1.1 Athlon<br>
1.2 Sempron<br>
1.3 Duron<br>
1.4 Celeron<br>
1.5 Pentium<br>
</div>
 
D

Di_Man

Гость
#2
Строится на основе php запроса из базы данных mssql ....без перезагрузки страницы....без предварительной загрузки этих данных
боюсь что никак :) ...
 
?

????

Гость
#3
wsr
такие вещи однозначно есть. Для примера MSDN. Там при навигации в левом фрейме динамически подгружаются данные. Смотри их скрипты и делай свои :)

П.С. Смотри сайт в IE. В других браузерах может быть иначе!
 
J

Jkar

Гость
#4
На php такое однозначно не сделать... Разве что намутить чего-нить с iframe'ами... Тоесть при клике появляется ифрэйм, а в нём начинает грузиться менюшка...
 
I

Input

Гость
#5
джаваскрпит....... обращение скриптом на пхп файл (страница не перегружается) получение инфы и её дальнейшая обработка.... в теории просто...
 
W

wsr

Гость
#6
джаваскрпит....... обращение скриптом на пхп файл (страница не перегружается) получение инфы и её дальнейшая обработка.... в теории просто...
В теории то может и просто, а на практике как?
Я решение нашел, но оно только для IE.
Если кому интересно, поделюсь
 
W

wsr

Гость
#8
По событию в div загоняем любую инфу, начиная тегами и кончая вставкой ifram-a:
1. Решение только под ИЕ, с догрузкой нужной страницы:
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML XMLNS:IE>
<HEAD>
<script>

function onDownloadDone(s) {
oScratch.innerHTML = s;
}



function fnCopyHTML(){
 oScratch.innerHTML = 'Пожалуйста, подождите...';
 var oWorkItem = event.srcElement;
 oDownload.startDownload('download.php', onDownloadDone);
}	
</SCRIPT>
</HEAD>
<BODY>
<IE:DOWNLOAD ID="oDownload" STYLE="behavior:url(#default#download)" />
<UL onclick = "fnCopyHTML()">
<LI><A href="#"><B>CLICK ME!...</B></a>
</UL>
<P>
<DIV ID = "oScratch" >
</DIV>
<BODY>
</HTML>
2. Решение вроде как для всего, без ИЕ-шной фенкции догрузки:
Код:
<HTML>
<HEAD>
<script>

function onDownloadDone(s) {
oScratch.innerHTML = s;
}



function fnCopyHTML(){
 oScratch.innerHTML = 'Пожалуйста, подождите...';
 oScratch.innerHTML = '<iframe src=\"http://www.libraline.zp.ua/index.php?p=1\" frameborder=\"0\" scrolling=\"no\" width=\"100%\"></iframe>';
}	
</SCRIPT>
</HEAD>
<BODY>
<!--<IE:DOWNLOAD ID="oDownload" STYLE="behavior:url(#default#download)" />-->
<UL onclick = "fnCopyHTML()">
<LI><A href="#"><B>CLICK ME!...</B></a>
</UL>
<P>
<DIV ID = "oScratch" >
</DIV>
<BODY>
</HTML>
 
Статус
Закрыто для дальнейших ответов.