Forum PHP.pl > [JavaScript]jquery i popup

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]jquery i popup

trucksweb

31.08.2008, 02:12:09

mecze sie od kilku godzin i nie moge sobie poradzic
,mam taki oto kod jquery, ktory tworzy okienko lightbox- otwiera w nim diva:

[HTML] pobierz, plaintext 
jQuery(function($) {
 
 
    // obsluga popupow -lightbox
    function test() {
        $.ajax({ url: 'wait.php', cache: false });
    } 
 
    // zamknij okna gdy zakonczy
    $().ajaxStop($.unblockUI);
 
 
    //
    // nowaWiadomosc
    //
    $('#pokazDialog').click(function() {
        $.blockUI({ message: $('#question'), css: { width: '350px' }});
    });
 
    $('#zamknij').bind('click', $.unblockUI);
 
 
});
[HTML] pobierz, plaintext

[HTML] pobierz, plaintext 
<div id="question" style="display:none; cursor: default"> 
    masz wiadomosc
    </div>
[HTML] pobierz, plaintext

i teraz jak przerobic ten kod, aby odpalal to okno zaraz po zaladowaniu elementu strony: <body onLoad="">
?

za pierona nie moge tego wymyslic

lord_t

31.08.2008, 12:09:44

Kod

$(window).load(function () {

// obsluga popupow -lightbox
function test() {
$.ajax({ url: 'wait.php', cache: false });
}

// zamknij okna gdy zakonczy
$().ajaxStop($.unblockUI);

//
// nowaWiadomosc
//
$('#pokazDialog').click(function() {
$.blockUI({ message: $('#question'), css: { width: '350px' }});
});

$('#zamknij').bind('click', $.unblockUI);

});

^To powinno być zgodne z Twoim opisem.

Mam jednak pewne wątpliwości. Mianowicie, ten kod sam z siebie nic nie uruchamia, więc to raczej bez znaczenia kiedy zostanie załadowany - tzn czy w onload czy w ready

trucksweb

31.08.2008, 12:36:10

no tak, bo w kodzie js jest akcja onclick, a w siedzi nie znalazlem okna popup, ktore mozna otwierac automatycznie po zaladowaniu strony wiec musze przerobic to co mam.

Ten skrypt dziala jak np. w linku umieszcze <a href="" id="pokazDialog">link</a>

lord_t

31.08.2008, 14:20:19

Obczaj ten pseudokod do otwierania popupa:

Kod

$(window).load(
function() {

open(...);

}

});

A deklaracje tych funkcji możesz sobie dać przed powyższym kodem.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.