[JS][FancyBox] Wysyłanie formularza do iframe Opcje

[yas]

Witam. Mam taki kod:

[HTML] pobierz, plaintext 
<form name="form" id="myForm" method=post action=test.php>    
<input type="hidden" name="xyz" value="123">
<input type="submit" value="REGISTER" id="button" class="button">
</form> 
[HTML] pobierz, plaintext 

Używam fancyboxa i chce by po wciśnięciu guzika register otwierał się pop-up a do niego by leciały dane z formularza. Jak to zrobić?

[PaFaT]

Drogi(a) yas,

Zakładam, że rzeczony pop-up jest ramką iframe.

Innymi słowy, zależy Ci na przesłaniu danych z formularza do ramki.

Kod formularza powinien być następujący:

[HTML] pobierz, plaintext 
<form name="form" id="myForm">    
<input type="hidden" name="xyz" value="123">
<input type="button" value="REGISTER" id="button" class="button" onclick="register(this.form); ">
</form>
[HTML] pobierz, plaintext 

Kod JS:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function register(form)
{
if(!form) return;
var xyz = form.elements["xyz"];
 
// tu sprawdzanie poprawności wprowadzonych danych
 
// teraz odwoływanie się do pop-up:
var iframe = document.getElementById("popup-iframe");
if(!iframe) return;
iframe.style.display = "block";
 
var doc = iframe.contentDocument; // wszystkie przeglądarki (oprócz IE)
doc = doc ? doc : iframe.contentWindow.document; // IE
var forms = doc.getElementsByTagName("form")[0];
 
// wpisywanie danych do pól input w pop-up
var xyz2 = forms.elements["xyz"];
xyz2.value = xyz.value;
 
// to samo dla pozostałych pól
 
// jeśli chcesz od razu wysłać formularz w pop-up, użyj formuły
// forms.submit();
 
}
</script>
[HTML] pobierz, plaintext 

W powyższym tekście założyłem, iż formularz w pop-up jest pierwszym formularzem w pliku.
W razie potrzeby zmień nr formularza (linia var forms = doc.getElementsByTagName("form")[0]; ).

Jeśli nie istnieje jeszcze kod ramki iframe, użyj mniej więcej takiego:

[HTML] pobierz, plaintext 
<iframe src="register-popup.php" style="height: 250px; width: 400px; BLA BLA BLA; z-index: 2500; position: absolute; display: none; " id="popup-iframe"></iframe>
[HTML] pobierz, plaintext 

Oczywiście w miejsce BLA BLA BLA wpisz jakieś inne wartości.

Powinno zadziałać...