ładowanie html w div

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
ducze
Nowy
Nowy
Posty: 20
Rejestracja: ndz cze 15, 2008 12:32 pm

ładowanie html w div

Post autor: ducze »

Mam jeszcze jeden problem. jak zrobić, żeby razem ze stroną wczytała mi się do div main zawartość startmain.html, a po naciśnieciu przycisku podmieniła się na np. o mnie.html? Przy czym chciałbym, żeby nie przeładowywała mi się cała strona a tylko div main.
Tu są linki do index i start main.
http://www.kubad.pl/index2; http://www.kubad.pl/start.html

Będę wdzięczy za każdą pomoc i tłumaczenie "łopatologiczne". Dzięki
szczypior
Nowy
Nowy
Posty: 46
Rejestracja: pn lut 26, 2007 1:38 pm
Kontakt:

Re: ładowanie html w div

Post autor: szczypior »

Twoja strona to czysty HTML, czy może używasz jakiegoś języka programowania, np php?
ducze
Nowy
Nowy
Posty: 20
Rejestracja: ndz cze 15, 2008 12:32 pm

Re: ładowanie html w div

Post autor: ducze »

strona główna to html i elementy php(licznik), wywołanie przycisków w js. podstrony bedą: start (która chciałbym, żeby ładowała się razem ze stroną główną) -html; o mnie - html; galeria - html z wywołaniem lightbox (js, css); formularz mailowy - php.
ducze
Nowy
Nowy
Posty: 20
Rejestracja: ndz cze 15, 2008 12:32 pm

Re: ładowanie html w div

Post autor: ducze »

Znalazłem na jednym z forów coś takiego i działa!!!!

Wklejamy na stonę główną do HEAD taki kod:

Kod: Zaznacz cały

<script type="text/javascript">
    var ObiektXMLHttp = false;
    if (window.XMLHttpRequest) {
        ObiektXMLHttp = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
        ObiektXMLHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    function getData(zrodlo) {
        if (ObiektXMLHttp) {
            ObiektXMLHttp.open("GET", zrodlo);
            ObiektXMLHttp.onreadystatechange = function() {
                if (ObiektXMLHttp.readyState == 4) {
                    document.getElementById('TRESC').innerHTML = ObiektXMLHttp.responseText;
                }
            }
            ObiektXMLHttp.send(null);
        }
    } 
</script>
gdzie 'Treść' zastępujemy nazwą docelowego Div-a w którym ta storna ma się pojawić.

Całośc wywołujemy z przyciski następującym kodem:

Kod: Zaznacz cały

<a href="" onclick="getData('strona.html'); return false">link1</a><br />
oczywiśie 'strona.html' zastępujemy nazwą strony, którą chemy wywołać.

pzdr.
ichweissnichtwas
Posty: 1
Rejestracja: sob sty 16, 2010 3:12 pm

Re: ładowanie html w div

Post autor: ichweissnichtwas »

Mam pytanie.
Jak spod załadowanej treści do DIV wywołać lightbox?
Bo tradycyjnym sposobem, z samej strony idzie, a z treści załadowywanej z zewnętrznej strony nie.
ducze
Nowy
Nowy
Posty: 20
Rejestracja: ndz cze 15, 2008 12:32 pm

Re: ładowanie html w div

Post autor: ducze »

Skkrypt lightbox'a musisz umieścić w kodzie strony głównej, a jego wywołanie jako linki w ładowanym div. u mnie działa.
pzdr.
Pretroch
Posty: 1
Rejestracja: wt kwie 13, 2010 10:08 pm

Re: ładowanie html w div

Post autor: Pretroch »

ducze pisze:Skkrypt lightbox'a musisz umieścić w kodzie strony głównej, a jego wywołanie jako linki w ładowanym div. u mnie działa.
pzdr.
Witam.
Również mam problem z lightbox-em z tym że w Firefox.
Za pośrednictwem ajaxa pobieram do div-a plik z podlinkowanymi zdjęciami:

Kod: Zaznacz cały

<div id="gallery">
    <ul>
        <li>
            <a href="photos/image1.jpg" title="" rel="lightbox" onClick="galeria()">
                <img src="photos/thumb_image1.jpg" width="72" height="72" alt="" />
            </a>
        </li>
        <li>
            <a href="photos/image2.jpg" title="" rel="lightbox" onClick="galeria()">
                <img src="photos/thumb_image2.jpg" width="72" height="72" alt="" />
            </a>
        </li>
.....
    </ul>
</div> 
Na stronie głównej mam dołączone pliki js i css lightbox-a.
Dodatkowo w jednym z plików js wywołuję:

Kod: Zaznacz cały

    function galeria() {  
    $(function() {
        $('#gallery a').lightBox();
    }); 
    }
I rzecz jest w tym, że w IE działa bez problemu a w FF pliki otwierają się w oknie FF. Kombinuje już pare dni na różne sposoby i niestety nic nie mogę wykombinować. Ma ktoś może jakiś pomysł lub wskazówkę, jak temu zaradzić??
ODPOWIEDZ