To moje pierwsze zmagania z JS

Chce srobić PopUp z formularzem zapisu.

Wszystko działa z ale tylko wtedy jak z kodu wywale kod formularza: od <form> do </from>
Czy Pomogli byście mi? Jak to zrobić?


W pliku HTML:

[HTML] pobierz, plaintext 
<script type="text/javascript" src="popup.js"></script>
[HTML] pobierz, plaintext 

W pliku popup.js:

[PHP] pobierz, plaintext 
function WHCreateCookie(name, value, days) {
    var date = new Date();
    date.setTime(date.getTime() + (days*24*60*60*1000));
    var expires = "; expires=" + date.toGMTString();
	document.cookie = name+"="+value+expires+"; path=/";
}
function WHReadCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0; i < ca.length; i++) {
		var c = ca[i];
		while (c.charAt(0) == ' ') c = c.substring(1, c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
	}
	return null;
}
 
window.onload = WHCheckCookies;
 
function WHCheckCookies() {
    if(WHReadCookie('popup') != 'T') {
        var message_container = document.createElement('div');
        message_container.id = 'cookies-message-container';
        var html_code = '<div id="cookies-message" style="position: fixed; font-size: 14px; margin:0px; margin-left:0px; padding-top:100px; top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; height: 100%; width: 100%; clear: both; bottom:0px; background:url(bg.png); z-index:900;">
<div style=" margin-left:auto; margin-right:auto; background-color: #ffffff; width: 700px; height:550px; ">
<a href="java script:WHCloseCookiesWindow();" id="accept-cookies-checkbox" name="accept-cookies" style="background-color: #91BE07; margin-top:10px; padding: 5px 10px; color: #2C2C2C; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; margin-left: 540px; text-decoration: none; cursor: pointer;">Nie pokazuj / Zamknij</a><p><p>
<div style=" margin:25px;"><img src="popup.jpg" /></div><div style="background:#91BE07; height:100px; padding-top:25px;"><center>
<form class="netmailer_form" accept-charset="UTF-8" method="POST" action="http://XXXXXXXXXXXXXXX/subscribe.php">
<table class="netmailer_table"><tbody><tr><td valign="top"><input style="margin-left:20px; padding-left:10px; padding-right:10px; height:36px; width:153px; border:0px; font-size:18px; font-weight:bold; color:#363636;" class="netmailer_input netmailer_input_text" value="Tu wpisz E-mail..." onfocus="if(this.value=='' || this.value == 'Tu wpisz E-mail...') this.value=''" onblur="if(this.value == '') {this.value=this.defaultValue}" onkeyup="keyUp();" name="email" type="text"></td>
<td valign="top"><input style="background-image:url(zaprenumeruj-przycisk.jpg); width:269px; height:41px; border:0px; cursor: pointer; margin-left:50px;" class="netmailer_input netmailer_input_submit" value="" type="submit"></td></tr>
<tr><td colspan="2"><p><center><input class="netmailer_input netmailer_input_checkbox" name="policy" value="1" type="checkbox"><i><font color="#545453">Oświadczam, że zapoznałem się i akceptuję</font> <a style="color:#545453; text-decoration: none;" target="_blank" href="http://ADRES-POLITYKI-PRYWATNOSCI.pl">Politykę prywatności</a></i>
<input name="policyReq" value="1" type="hidden"></center></p></td></tr></tbody></table>
<input name="mlid" value="14" type="hidden"><input name="req" value="email" type="hidden"><input name="coregister" value="" type="hidden"></form></center></div></div></div>';
        message_container.innerHTML = html_code;
        document.body.appendChild(message_container);
    }
}
 
function WHCloseCookiesWindow() {
    WHCreateCookie('popup', 'T', 365);
    document.getElementById('cookies-message-container').removeChild(document.getElementById('cookies-message'));
}
 
 
 
 
function WHCloseCookiesWindow() {
    WHCreateCookie('popup', 'T', 365);
    document.getElementById('cookies-message-container').removeChild(document.getElementById('cookies-message'));
}
 
 
[PHP] pobierz, plaintext