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

wsr · 05.01.2005

Имеется дерево каталога товаров.
Строится на основе 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>

Di_Man · 05.01.2005

Строится на основе php запроса из базы данных mssql ....без перезагрузки страницы....без предварительной загрузки этих данных

боюсь что никак

...

???? · 05.01.2005

wsr
такие вещи однозначно есть. Для примера

Ссылка скрыта от гостей

. Там при навигации в левом фрейме динамически подгружаются данные. Смотри их скрипты и делай свои

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

Jkar · 06.01.2005

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

Input · 10.01.2005

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

wsr · 10.01.2005

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

В теории то может и просто, а на практике как?
Я решение нашел, но оно только для IE.
Если кому интересно, поделюсь

???? · 10.01.2005

wsr

Если кому интересно, поделюсь

Ну так кого ждёшь? Делись

wsr · 11.01.2005

По событию в 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>

Guest · 18.04.2005

DHTML

Все сервисы Codeby

Поиск

Поиск

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

wsr

Di_Man

????

Jkar

Input

wsr

????

wsr

Guest