[Ajax][jQuery]Przesyłanie danych do okna Fancybox

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
Stef@n
Nowy
Nowy
Posty: 40
Rejestracja: sob lut 15, 2003 12:33 pm
Lokalizacja: Nowy Targ
Kontakt:

[Ajax][jQuery]Przesyłanie danych do okna Fancybox

Post autor: Stef@n »

Witam,
mam pewien problem. Potrzebuje załadować dane z formularza do okienka FancyBox. Oto kod Formularza oraz JS:

Kod: Zaznacz cały

<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: Zaznacz cały

<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: Zaznacz cały

	$.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.
jamart
Nowy
Nowy
Posty: 23
Rejestracja: czw gru 16, 2010 2:10 pm

Re: [Ajax][jQuery]Przesyłanie danych do okna Fancybox

Post autor: jamart »

tak jak spojrzałem to fancybox ma filtr na zawartość którą wyświetla w okienku.

fancybox.js

Kod: Zaznacz cały

 ... imgRegExp = /\.(jpg|gif|png|bmp|jpeg)(.*)?$/i, swfRegExp = /[^\.]\.(swf)\s*$/i, ... 
z tego tu wynika, ze przyjmie tylko obrazki lub flash.

możesz spróbować zmienić tą regułę ale nie wiem czy wtedy prawidłowo wyświetli treść.

natomiast jak na przyszłość chcesz załadować coś za pomocą jquery w jakiś element bieżącej strony to polecam funkcje

Kod: Zaznacz cały

$.post(url, options[], callback)
lub

Kod: Zaznacz cały

$.get(url, options[], callback)
są prostsze i czytelniejsze wg mnie (opisane na stronie jquery api)
ODPOWIEDZ