/**
* Includes a Form with javascript
* @param {Object} formId
* @param {Object} initialHeight
* @param {Object} iframeCode
*/
function FrameBuilder (formId, initialHeight, iframeCode){
this.formId = formId;
this.initialHeight = initialHeight;
this.iframeCode = iframeCode;
this.frame = null;
this.timeInterval= 200;
// initialize function for object
this.init = function(){
this.createFrame();
this.addFrameContent(this.iframeCode);
};
// Create the frame
this.createFrame = function(){
var htmlCode = "<"+"iframe src=\"\" allowtransparency=\"true\" frameborder=\"0\" name=\""+this.formId+"\" id=\""+this.formId+"\" style=\"width:100%; height:"+this.initialHeight+"px; border:none;\" scrolling=\"no\">";
document.write(htmlCode);
// also get the frame for future use.
this.frame = document.getElementById(this.formId);
// set the time on the on load event of the frame
this.addEvent (this.frame, 'load', this.bindMethod(this.setTimer, this));
};
// add event function for different browsers
this.addEvent = function( obj, type, fn ) {
if ( obj.attachEvent ) {
obj["e"+type+fn] = fn;
obj[type+fn] = function() { obj["e"+type+fn]( window.event ); };
obj.attachEvent( "on"+type, obj[type+fn] );
}
else{
obj.addEventListener( type, fn, false );
}
};
this.addFrameContent = function (string){
string = string.replace(new RegExp('src\=\"[^"]*captcha.php\"><\/scr'+'ipt>', 'gim'), 'src="http://api.recaptcha.net/js/recaptcha_ajax.js"><'+'div id="recaptcha_div"><'+'/div>'+
'<'+'style>#recaptcha_logo{ display:none;} #recaptcha_tagline{display:none;} #recaptcha_table{border:none !important;} .recaptchatable .recaptcha_image_cell, #recaptcha_table{ background-color:transparent !important; } <'+'/style>'+
'<'+'script defer="defer"> window.onload = function(){ Recaptcha.create("6Ld9UAgAAAAAAMon8zjt30tEZiGQZ4IIuWXLt1ky", "recaptcha_div", {theme: "clean",tabindex: 0,callback: function (){'+
'if (document.getElementById("uword")) { document.getElementById("uword").parentNode.removeChild(document.getElementById("uword")); } if (window["validate"] !== undefined) { if (document.getElementById("recaptcha_response_field")){ document.getElementById("recaptcha_response_field").onblur = function(){ validate(document.getElementById("recaptcha_response_field"), "Required"); } } } if (document.getElementById("recaptcha_response_field")){ document.getElementsByName("recaptcha_challenge_field")[0].setAttribute("name", "anum"); } if (document.getElementById("recaptcha_response_field")){ document.getElementsByName("recaptcha_response_field")[0].setAttribute("name", "qCap"); }}})'+
' }<'+'/script>');
string = string.replace(/(type="text\/javascript">)\s+(validate\(\"[^"]*"\);)/, '$1 jTime = setInterval(function(){if("validate" in window){$2clearTimeout(jTime);}}, 1000);');
var frameDocument = (this.frame.contentWindow) ? this.frame.contentWindow : (this.frame.contentDocument.document) ? this.frame.contentDocument.document : this.frame.contentDocument;
frameDocument.document.open();
frameDocument.document.write(string);
setTimeout( function(){frameDocument.document.close();},200);
};
this.setTimer = function(){
var self = this;
this.interval = setTimeout(function(){self.changeHeight();},this.timeInterval);
};
this.changeHeight = function (){
var actualHeight = this.getBodyHeight();
var currentHeight = this.getViewPortHeight();
if(actualHeight === undefined){
this.frame.style.height = "100%";
this.frame.style.minHeight = "300px";
}else if (Math.abs(actualHeight - currentHeight) > 18){
this.frame.style.height = (actualHeight)+"px";
}
this.setTimer();
};
this.bindMethod = function(method, scope) {
return function() {
method.apply(scope,arguments);
};
};
this.getBodyHeight = function (){
var height;
var scrollHeight;
var offsetHeight;
try{ // Prevent IE from throw errors
if (this.frame.contentWindow.document.height){
height = this.frame.contentWindow.document.height;
} else if (this.frame.contentWindow.document.body){
if (this.frame.contentWindow.document.body.scrollHeight){
height = scrollHeight = this.frame.contentWindow.document.body.scrollHeight;
}
if (this.frame.contentWindow.document.body.offsetHeight){
height = offsetHeight = this.frame.contentWindow.document.body.offsetHeight;
}
if (scrollHeight && offsetHeight){
height = Math.max(scrollHeight, offsetHeight);
}
}
}catch(e){ }
return height;
};
this.getViewPortHeight = function(){
var height = 0;
try{ // Prevent IE from throw errors
if (this.frame.contentWindow.window.innerHeight)
{
height = this.frame.contentWindow.window.innerHeight - 18;
}
else if ((this.frame.contentWindow.document.documentElement)
&& (this.frame.contentWindow.document.documentElement.clientHeight))
{
height = this.frame.contentWindow.document.documentElement.clientHeight;
}
else if ((this.frame.contentWindow.document.body)
&& (this.frame.contentWindow.document.body.clientHeight))
{
height = this.frame.contentWindow.document.body.clientHeight;
}
}catch(e){ }
return height;
};
this.init();
}
new FrameBuilder("1783152983" ,"", "\n\n\n\n\nForm<\/title>\n<link type=\"text\/css\" rel=\"stylesheet\" href=\"http:\/\/www.jotform.com\/css\/styles\/form.css?v3\"\/>\n<link href=\"http:\/\/www.jotform.com\/css\/calendarview.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\n<style type=\"text\/css\">\n .form-label{\n width:200px !important;\n }\n .form-label-left{\n width:200px !important;\n }\n .form-line{\n padding:10px;\n }\n .form-label-right{\n width:200px !important;\n }\n body, html{\n margin:0;\n padding:0;\n background:false;\n }\n\n .form-all{\n margin:0px auto;\n padding-top:20px;\n width:850px;\n color:Black !important;\n font-family:Verdana;\n font-size:12px;\n }\n<\/style>\n\n<script src=\"http:\/\/www.jotform.com\/min\/g=jotform&3.1.1\" type=\"text\/javascript\"><\/script>\n<script type=\"text\/javascript\">\nvar jsTime = setInterval(function(){try{JotForm.jsForm = true;\n JotForm.init(function(){\n JotForm.setCalendar(\"12\");\n $('input_11').hint('ex: myname@example.com');\n JotForm.initCaptcha('input_14');\n $('input_14').hint('Type the above text');\n });\nclearInterval(jsTime);}catch(e){}}, 1000);<\/script>\n<\/head>\n<body>\n<form class=\"jotform-form\" action=\"http:\/\/www.jotform.com\/submit.php\" method=\"post\" enctype=\"multipart\/form-data\" name=\"form_1783152983\" id=\"1783152983\" accept-charset=\"utf-8\">\n <input type=\"hidden\" name=\"formID\" value=\"1783152983\" \/>\n <div class=\"form-all\">\n <ul class=\"form-section\">\n <li class=\"form-line\" id=\"id_3\">\n <label class=\"form-label-left\" id=\"label_3\" for=\"input_3\">\n Forma De pago:<span class=\"form-required\">*<\/span>\n <\/label>\n <div id=\"id_3\" class=\"form-input\">\n <select class=\"form-dropdown validate[required]\" style=\"width:200px\" id=\"input_3\" name=\"q3_formaDe3\">\n <option> <\/option>\n <option value=\"Deposito Banamex\"> Deposito Banamex <\/option>\n <option value=\"Deposito Bancomer BBVA\"> Deposito Bancomer BBVA <\/option>\n <option value=\"Deposito Scotiabank\"> Deposito Scotiabank <\/option>\n <option value=\"Deposito Santander\"> Deposito Santander <\/option>\n <option value=\"Deposito BancoWalmart\"> Deposito BancoWalmart <\/option>\n <option value=\"Deposito BanCoppel\"> Deposito BanCoppel <\/option>\n <option value=\"Transferencia Scotiabank\"> Transferencia Scotiabank <\/option>\n <option value=\"Transferencia Santander\"> Transferencia Santander <\/option>\n <option value=\"Telecom\"> Telecom <\/option>\n <option value=\"Paypal\"> Paypal <\/option>\n <option value=\"Dinero mail\"> Dinero mail <\/option>\n <option value=\"Wester Union\"> Wester Union <\/option>\n <\/select>\n <\/div>\n <\/li>\n <li class=\"form-line\" id=\"id_12\">\n <label class=\"form-label-left\" id=\"label_12\" for=\"input_12\">\n Fecha y Hora De Pago<span class=\"form-required\">*<\/span>\n <\/label>\n <div id=\"id_12\" class=\"form-input\"><span class=\"form-sub-label-container\"><input class=\"form-textbox validate[required]\" id=\"month_12\" name=\"q12_fechaY12[month]\" type=\"text\" size=\"2\" maxlength=\"2\" value=\"09\" \/>\n -\n <label class=\"form-sub-label\" for=\"month_12\" id=\"sublabel_month\"> Month <\/label><\/span><span class=\"form-sub-label-container\"><input class=\"noDefault form-textbox validate[required]\" id=\"day_12\" name=\"q12_fechaY12[day]\" type=\"text\" size=\"2\" maxlength=\"2\" value=\"09\" \/>\n -\n <label class=\"form-sub-label\" for=\"day_12\" id=\"sublabel_day\"> Day <\/label><\/span><span class=\"form-sub-label-container\"><input class=\"form-textbox validate[required]\" id=\"year_12\" name=\"q12_fechaY12[year]\" type=\"text\" size=\"4\" maxlength=\"4\" value=\"2010\" \/>\n at\n <label class=\"form-sub-label\" for=\"year_12\" id=\"sublabel_year\"> Year <\/label><\/span><span class=\"form-sub-label-container\"><input class=\"form-textbox validate[required]\" id=\"hour_12\" name=\"q12_fechaY12[hour]\" type=\"text\" size=\"2\" maxlength=\"2\" value=\"02\" \/>\n \/\n <label class=\"form-sub-label\" for=\"hour_12\" id=\"sublabel_hour\"> Hour <\/label><\/span><span class=\"form-sub-label-container\"><input class=\"form-textbox validate[required]\" id=\"min_12\" name=\"q12_fechaY12[min]\" type=\"text\" size=\"2\" maxlength=\"2\" value=\"58\" \/>\n <label class=\"form-sub-label\" for=\"min_12\" id=\"sublabel_minutes\"> Minutes <\/label><\/span><span class=\"form-sub-label-container\"><select class=\"form-dropdown validate[required]\" id=\"ampm_12\" name=\"q12_fechaY12[ampm]\">\n <option value=\"AM\"> AM <\/option>\n <option value=\"PM\"> PM <\/option>\n <\/select>\n <label class=\"form-sub-label\" for=\"ampm_12\"> <\/label><\/span><span class=\"form-sub-label-container\"><img alt=\"Pick a Date\" id=\"input_12_pick\" src=\"http:\/\/www.jotform.com\/images\/calendar.png\" align=\"absmiddle\" \/>\n <label class=\"form-sub-label\" for=\"input_12_pick\"> <\/label><\/span>\n <\/div>\n <\/li>\n <li class=\"form-line\" id=\"id_15\">\n <label class=\"form-label-left\" id=\"label_15\" for=\"input_15\"> Adjunta Tu Comprobante De pago <\/label>\n <div id=\"id_15\" class=\"form-input\">\n <input class=\"form-upload\" type=\"file\" name=\"q15_adjuntaTu\" id=\"input_15\" accept=\"pdf, doc, docx, xls, csv, txt, rtf, html, zip, mp3, wma, mpg, flv, avi, jpg, jpeg, png, gif\" maxsize=\"500\" \/>\n <\/div>\n <\/li>\n <li class=\"form-line\" id=\"id_13\">\n <label class=\"form-label-left\" id=\"label_13\" for=\"input_13\">\n Nombre Completo<span class=\"form-required\">*<\/span>\n <\/label>\n <div id=\"id_13\" class=\"form-input\"><span class=\"form-sub-label-container\"><input class=\"form-textbox validate[required]\" type=\"text\" size=\"10\" name=\"q13_nombreCompleto[first]\" id=\"first_13\" \/>\n <label class=\"form-sub-label\" for=\"first_13\" id=\"sublabel_first\"> First Name <\/label><\/span><span class=\"form-sub-label-container\"><input class=\"form-textbox validate[required]\" type=\"text\" size=\"15\" name=\"q13_nombreCompleto[last]\" id=\"last_13\" \/>\n <label class=\"form-sub-label\" for=\"last_13\" id=\"sublabel_last\"> Last Name <\/label><\/span>\n <\/div>\n <\/li>\n <li class=\"form-line\" id=\"id_11\">\n <label class=\"form-label-left\" id=\"label_11\" for=\"input_11\">\n E-mail<span class=\"form-required\">*<\/span>\n <\/label>\n <div id=\"id_11\" class=\"form-input\">\n <input type=\"text\" class=\"form-textbox validate[required, Email]\" id=\"input_11\" name=\"q11_email\" size=\"30\" \/>\n <\/div>\n <\/li>\n <li class=\"form-line\" id=\"id_8\">\n <label class=\"form-label-left\" id=\"label_8\" for=\"input_8\">\n Numero De Orden y\/o Nombre Dominio:<span class=\"form-required\">*<\/span>\n <\/label>\n <div id=\"id_8\" class=\"form-input\">\n <input type=\"text\" class=\"form-textbox validate[required]\" id=\"input_8\" name=\"q8_numeroDe8\" size=\"20\" \/>\n <\/div>\n <\/li>\n <li class=\"form-line\" id=\"id_14\">\n <label class=\"form-label-left\" id=\"label_14\" for=\"input_14\">\n Ingresa El Texto Del Cuadro<span class=\"form-required\">*<\/span>\n <\/label>\n <div id=\"id_14\" class=\"form-input\">\n <div class=\"form-captcha\">\n <label for=\"input_14\"> <img alt=\"Captcha - Reload if it's not displayed\" id=\"input_14_captcha\" class=\"form-captcha-image\" style=\"background:url(http:\/\/www.jotform.com\/images\/loader-big.gif) no-repeat center;\" src=\"http:\/\/www.jotform.com\/images\/blank.gif\" width=\"150\" height=\"41\" \/> <\/label>\n <div style=\"white-space:nowrap;\">\n <input type=\"text\" id=\"input_14\" name=\"captcha\" style=\"width:130px;\" \/>\n <img src=\"http:\/\/www.jotform.com\/images\/reload.png\" alt=\"Reload\" align=\"absmiddle\" style=\"cursor:pointer\" onclick=\"JotForm.reloadCaptcha('input_14');\" \/>\n <input type=\"hidden\" name=\"captcha_id\" id=\"input_14_captcha_id\" value=\"0\">\n <\/div>\n <\/div>\n <\/div>\n <\/li>\n <li class=\"form-line\" id=\"id_2\">\n <div id=\"id_2\" class=\"form-input-wide\">\n <div style=\"margin-left:206px\" class=\"form-buttons-wrapper\">\n <button id=\"input_2\" type=\"submit\" class=\"form-submit-button\">\n Enviar Formulario\n <\/button>\n <\/div>\n <\/div>\n <\/li>\n <li style=\"display:none\">\n Should be Empty:\n <input type=\"text\" name=\"website\" value=\"\" \/>\n <\/li>\n <\/ul>\n <\/div>\n <input type=\"hidden\" id=\"simple_spc\" name=\"simple_spc\" value=\"1783152983\" \/>\n <script type=\"text\/javascript\">\n document.getElementById(\"si\" + \"mple\" + \"_spc\").value = \"1783152983-1783152983\";\n <\/script>\n<\/form><\/body>\n<\/html>\n");