1. Спонсор публикаций Marketplace codeby. Сервис, который так долго ждали. При расчетах используем биткоин. Первый товар уже в продаже: Консультация на тему ИБ от Ondrik8

    Скрыть объявление
  2. Спонсор публикаций Marketplace codeby. Сервис, который так долго ждали. При расчетах используем биткоин. Второй товар маркетплейса: Надёжная обфускация вашей программы от PingVinich

    Скрыть объявление

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

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем wsr, 5 янв 2005.

Статус темы:
Закрыта.
  1. wsr

    wsr Гость

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

    Di_Man Гость

    боюсь что никак :) ...
     
  3. ????

    ???? Гость

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

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

    Jkar Гость

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

    Input Гость

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

    wsr Гость

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

    ???? Гость

    wsr
    Ну так кого ждёшь? Делись ;)
     
  8. wsr

    wsr Гость

    По событию в div загоняем любую инфу, начиная тегами и кончая вставкой ifram-a:
    1. Решение только под ИЕ, с догрузкой нужной страницы:
    Код (Text):
    <!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. Решение вроде как для всего, без ИЕ-шной фенкции догрузки:
    Код (Text):
    <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>
     
  9. Гость

    DHTML
     
Загрузка...
Статус темы:
Закрыта.

Поделиться этой страницей