Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
[Ajax][jQuery]Przesyłanie danych do okna Fancybox - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: [Ajax][jQuery]Przesyłanie danych do okna Fancybox (/thread-ajax-jquery-przesylanie-danych-do-okna-fancybox)



[Ajax][jQuery]Przesyłanie danych do okna Fancybox - Stef@n - 22-01-2011

Witam,
mam pewien problem. Potrzebuje załadować dane z formularza do okienka FancyBox. Oto kod Formularza oraz JS:
Kod:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/fancybox_mousewheel.js"></script>
<script type="text/javascript" src="js/fancybox.js"></script>
<link rel="stylesheet" type="text/css" href="css/okienka.css" media="screen" />
<script type="text/javascript">
$(document).ready(
    function() {
        $(".zaladuj").fancybox({

        });
    }
);
</script>
<a href="do_okienka.php" class="zaladuj">załaduj</a><br /><br />

<input type="checkbox" name="nazwa[]" value="jakies dane1" /><br />
<input type="checkbox" name="nazwa[]" value="jakies dane2" /><br />
<input type="checkbox" name="nazwa[]" value="jakies dane3" /><br />
<input type="checkbox" name="nazwa[]" value="jakies dane4" /><br />
<input type="checkbox" name="nazwa[]" value="jakies dane5" /><br />
<input type="checkbox" name="nazwa[]" value="jakies dane6" /><br />

kod pliku do_okienka.php
Kod:
<div style="width:800px; overflow: auto; padding: 6px;">
    jakies dane
</div>

Nie mam zielonego pojęcia jak to zrobić. Jedynie co znalazłem to coś takiego
Kod:
    $.ajax({
        type        : "POST",
        cache    : false,
        url        : "do_okienka.php",
        data        : $(this).serializeArray(),
        success: function(data) {
            $.fancybox(data);
        }
    });
Niestety jak do wprowadzę to okienko nie działa. Przyznam się bez bicia, że pierwszy raz próbuje coś zrobić jQuery na funkcjach Ajax do tego dochodzi FancyBox. Szukałem na necie jakiś informacji, ale troszeczkę opornie opisane lub na przykładach mało związanych z powyższym przykładem.

Proszę was bardzo o pomoc.