eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwJS - jak kontrolować załadowanie się contentu?Re: JS - jak kontrolować załadowanie się contentu?
  • Path: news-archive.icm.edu.pl!agh.edu.pl!news.agh.edu.pl!news.cyf-kr.edu.pl!news.nask
    .pl!news.nask.org.pl!news.unit0.net!feeder.erje.net!us.feeder.erje.net!usenet.b
    lueworldhosting.com!feeder01.blueworldhosting.com!nntpswitch.blueworldhosting.c
    om!not-for-mail
    Date: Wed, 11 Jun 2014 23:39:55 +0200
    From: Cezary Tomczyk <c...@g...com>
    User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:24.0) Gecko/20100101
    Thunderbird/24.5.0
    MIME-Version: 1.0
    Newsgroups: pl.comp.www
    Subject: Re: JS - jak kontrolować załadowanie się contentu?
    References: <ln9fef$l89$1@node1.news.atman.pl>
    In-Reply-To: <ln9fef$l89$1@node1.news.atman.pl>
    Content-Type: text/plain; charset=UTF-8; format=flowed
    Content-Transfer-Encoding: 8bit
    Message-ID: <9e462$5398ccaf$6def49ce$30487@nntpswitch.blueworldhosting.com>
    X-Complaints-To: a...@b...com
    Organization: BWH Usenet NNTPSwitch-Cluster
    Lines: 48
    NNTP-Posting-Date: Wed, 11 Jun 2014 16:39:59 -0500
    X-Trace: 9e4625398ccafc84aec6b30487
    Xref: news-archive.icm.edu.pl pl.comp.www:402728
    [ ukryj nagłówki ]

    W dniu 2014-06-11 13:43, Marek pisze:
    > Witam,
    >
    > Mamy stronę HTML. Ładuje się ona i na koniec odpalane jest zdarzenie
    > onLoad. Teraz zaczyna działać JS, który powiedzmy ładuje jeszcze ze 3
    > obrazki osadzając dynamicznie <img> w treści strony. Czy znów onLoad w
    > takim przypadku uruchomi się? Jeśli nie, to jak wykryć kiedy wszystkie
    > obrazki zostaną załadowane przez przeglądarkę aby móc pobrać np. nowy
    > rozmiar pikselowy strony WWW?

    window.onload jest wywoływany:

    "
    [...] at the end of the document loading process. At this point, all of
    the objects in the document are in the DOM, and all the images, scripts,
    links and sub-frames have finished loading.
    "

    Źródło:
    https://developer.mozilla.org/en-US/docs/Web/API/Glo
    balEventHandlers.onload

    Jak już załadujesz stronę to możesz przykładowo tak załadować 3 obrazki
    i wywołać na końcu funkcję callback:

    (Przykład, niekoniecznie zoptymalizowany!)

    var iloscObrazkow = 0;

    function update() {
    iloscObrazków += 1;
    if (iloscObrazków === 3) { // przykladowo gdy 3 obrazki chcemy
    załadować
    callback(); // wywołanie funkcji gdy wszystkie 3 obrazki są
    załadowane
    }
    }

    function loadImg(url) {
    var img = document.createElement('img');
    img.onload = function () {
    update();
    };
    img.src = url;
    }

    --
    Cezary Tomczyk
    http://www.ctomczyk.pl/

Podziel się

Poleć ten post znajomemu poleć

Wydrukuj ten post drukuj


Następne wpisy z tego wątku

Najnowsze wątki z tej grupy


Najnowsze wątki

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: