<%@page contentType="text/html; charset=UTF-8"%> <%@page import="com.csc.library.system.*,com.csc.library.utilities.*"%> <%@ page import="com.csc.library.entry.*,com.csc.library.database.*,com.csc.library.session.*" %> <%@ page import="com.csc.library.databean.*" %> <jsp:useBean id="TRA012_PHATRA" class="com.csc.library.system.Task" scope="page"/> <% TRA012_PHATRA.setChannel(request,response); MultiEntry screen = (MultiEntry) TRA012_PHATRA.process("MultiEntry","TRA012_PHATRA"); CheckNull chk = new CheckNull(); screen.referLangOn(); String clean = chk.chkNullString(request.getParameter("__clean")); int thisyear = new CscCalendar().getYear(); if(!clean.equals("")){ screen.clean(); MultiLine multi = screen.getMultiLine("TTRAINRESP"); multi.getTable().clear(); multi = screen.getMultiLine("TTRAINTRNER"); multi.getTable().clear(); multi = screen.getMultiLine("TTRAINEXP"); multi.getTable().clear(); multi = screen.getMultiLine("TTRAINTOOL"); multi.getTable().clear(); multi = screen.getMultiLine("TTRAININGTIME"); multi.getTable().clear(); multi = screen.getMultiLine("TTRAINTRNEE"); multi.getTable().clear(); multi = screen.getMultiLine("TRESERVER"); multi.getTable().clear(); } %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html ng-app="myHR"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <link href="../CSS/TISCO.css" rel="stylesheet" type="text/css"/> <link href="CSS/TabControl.css" rel="stylesheet" type="text/css"/> <script type='text/javascript' src='../JS/SCREEN.js'></script> <script language='javascript'>setLang('<%=screen.getUProfile().get("lang")%>');</script> <script language="javascript">getTitleName();</script> <script src="../JS/VIEWCALENDAR.js"></script> <script language="JavaScript" src='../JS/ICONSMENU.js'></script> <script language='javascript' src='../JS/HOTKEY.js'></script> <script type="text/javascript" src='../JS/jquery-2.1.3.min.js'></script> <script type="text/javascript" src="../JS/angular-1.3.15/angular.js"></script> <script type="text/javascript" src="../JS/ANGULAR/SCREEN_ANGULAR.js"></script> <SCRIPT TYPE='text/JavaScript' SRC='../JS/CscBase.js'></SCRIPT> <SCRIPT TYPE='text/JavaScript' SRC='../JS/CscCalendarV3.js'></SCRIPT> <%-- <link rel="stylesheet" href="../CSS/EMPVIEW_LAYOUT.min.css"> --%> <script language="JavaScript" > var tabpage; //function GoSave(){confirmSave();} function GoSave(){ // confirmSave(); mframe.document.cscform.__cmd.value = "ack"; var con = document.cscform.__confirm; console.log(con); mframe.document.cscform.action = "../../hr/TRAINING/TRA0121_PHATRA.jsp?gosave=true"; try{ if(con.value =="0" || con.value =="1" || con.value =="2" || con.value =="5"){ mframe.document.cscform.submit(); }else if(con.value =="-99" || con.value =="-1" || con.value =="-2"){ con.value="0"; mframe.document.cscform.submit(); } }catch(e){ console.log(e); } //genTrainningID(); } function GoUpdate(){update();} function GoDelete(){edelete();} function GoSearch(){search();} function goHelp(helpName,inputName){ var helpReturn; var fcon=""; document.cscform.__crsid_select.value = ""; if(inputName=="__crsid" ){ document.cscform.__crsid_select.value = "1"; helpReturn="__crsid:crsid,MCOURSE@CRSEDESC,__instid:instid,MACADEMY@INSTEDESC,__roomid:roomid,MTRROOM@ROOMDESC,__locid:locid,MTRLOCATION@LOCEDESC,__property:property,__temp_rdo_recurrent:rdo_recurrent,__frequency:frequency,__every:every,__frequency_every:frequency_every"; } if(inputName=="__instid" ){ helpReturn="__instid:instid,MACADEMY@INSTEDESC"; } if(inputName=="__trtyid" ){ helpReturn="__trtyid:trtyid,MTRAINTYPE@TRTYDESC"; } if(inputName=="__locid" ){ helpReturn="__locid:locid,MTRLOCATION@LOCEDESC"; } if(inputName=="__roomid" ){ helpReturn="__roomid:roomid,MTRROOM@ROOMDESC,__locid:locid,MTRLOCATION@LOCEDESC"; } linkHelp_Return(helpName,helpReturn); } function goPage(pages){ if(notBlankOnThisPage()){ //restTabPages(); var trainingid = document.cscform.__trainingid.value; var crsid = document.cscform.__crsid.value; with(mframe.document.cscform){ action = pages+".jsp?__cmd=ack&__trainingid="+trainingid+"&__crsid="+crsid+"&__isOpen=true"; submit(); } } } function goGenRoomExp(){ if(notBlankOnThisPage()){ var trainingid = document.cscform.__trainingid.value; var roomid = document.cscform.__roomid.value; var locid = document.cscform.__locid.value; if(trainingid!=""&&roomid!=""&&locid!=""){ restTabPages(); with(mframe.document.cscform){ mframe.window.location = "TRA0122.jsp?__trainingid="+trainingid+"&__roomid="+roomid+"&__locid="+locid+"&__genexp=room"; __childMulti.value="TRA0122E"; __multiTable.value="TTRAINEXP"; __cmd.value="new"; __help.value="__trainingid#"+__trainingid.value+",__companyid#"+__companyid.value+","; } } } } function chkExp(){ with(document.cscform){ __chkExp.value="gen"; } } function chkTime(){ with(document.cscform){ __chkExp.value="gen"; } } function setBudyear(){ with(document.cscform){ if(__budyear.value==""){ __budyear.value = '<%=thisyear%>'; } } } function chkFreeTime(tar,start,stop){ with(document.cscform){ var tmp = parseFloat(stop.value) - parseFloat(start.value); if(parseFloat(tar.value)>=tmp){ if(getLang()=="tha"){ alert("เวลาพักมากกว่าชั่วโมงอบรม กรุณาตรวจสอบเวลาเริ่ม - สิ้นสุด"); }else{ alert("Relax Time is morethan Train Time. Please Check Start Time - End Time."); } tar.value = "0.00"; } } } function restTabPages(){ tabpage = document.getElementById("tabpages").innerHTML ; document.getElementById("tabpages").innerHTML = ""; document.getElementById("mframe").height = 0; document.getElementById("waittag").innerHTML = "กรุณารอสักครู่ ระบบกำลังทำงานอยู่"; } function setTabPages(){ with(document.cscform){ if(typeof tabpage != "undefined"){ document.getElementById("tabpages").innerHTML = tabpage; } } //document.getElementById("mframe").height = 200; document.getElementById("waittag").innerHTML = ""; } function getTypeTrain(){ w = 980; h = 600; var left = (screen.width/2)-(w/2); var top = (screen.height/2)-(h/2); var title; if(document.getElementsByName("__train_type")[0].checked == true){ pageURL = 'TRA012_P1_OPT.jsp?trainingid=<%=screen.getDataLabel("TRAININGID")%>'; }else{ pageURL = 'TRA012_P2_OPT.jsp?trainingid=<%=screen.getDataLabel("TRAININGID")%>'; } window.open (pageURL, '' , 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left); } function printReport(){ with(document.cscform){ var tempMethod = method; var tempTarget = target; var tempAction = action; method ="post"; target="_blank"; if(document.getElementsByName("__train_type")[0].checked == true){ action='TRA012_P1_OPT.jsp?trainingid=<%=screen.getDataLabel("TRAININGID")%>'; }else{ action='TRA012_P2_OPT.jsp?trainingid=<%=screen.getDataLabel("TRAININGID")%>'; } submit(); method = tempMethod; target = tempTarget; action = tempAction; } } function postReturn() { with(document.cscform){ if(__crsid_select.value === "1") { $('input:radio[name="__rdo_recurrent"][value="' + __temp_rdo_recurrent.value + '"]').prop('checked', true).change(); calDateFrequency(); } } } function showRecurrent() { var eleCert = $("#idFREQUENCY") var eleCert_ev = $("#idFREQUENCY_EVERY") var eleDate = $("#idRECURRENT") var valueRdo = $("input[name='__rdo_recurrent']:checked").val() if (valueRdo === "0") { eleCert.hide() eleCert_ev.hide() eleDate.hide() } else { eleCert.show() eleCert_ev.show() eleDate.show() } } function calDateFrequency() { var valueRdo = $("input[name='__rdo_recurrent']:checked").val() if (valueRdo === "1"){ with (document.cscform) { var date = new CscCalendar($("input[name='__classdatefrm']").val()); var frequency = $("input[name='__frequency']").val(); var every = $("input[name='__every']").val(); var frequency_every = __frequency_every.value; if (frequency_every === "D") { date.incDate(every); } else if (frequency_every === "M") { date.incMonth(every); } else if (frequency_every === "Y") { date.incYear(every); } __recurrent_startdate.value = date.getDDMMYYYY(); } } } </script> </head> <body leftmargin="0" topmargin="0" onLoad=""> <div id="toolTipLayer" style="position:absolute; visibility: hidden"></div> <script language="javascript">initToolTips();</script> <form name="cscform" method="post" action="TRA012_PHATRA.jsp"> <!----------BEGIN CSC INITIAL ZONE ------------------------> <%=screen.InitialVariable()%> <!----------END CSC INITIAL ZONE --------------------------> <script language="javascript">getInputFormatDate();</script> <input type="hidden" name="__cmd" value=""/> <input type="hidden" name="__screen" value="TRA012_PHATRA"/> <input type="hidden" name="__help" value=""/> <input type="hidden" name="__childMulti" value=""/> <input type="hidden" name="__gorec" value=""/> <input type="hidden" name="__screen_chk" value="TRA012_PHATRA"/> <input type="hidden" name="__ack" value=""/> <input type="hidden" name="__multiTable" value="TTRAINEXP,TTRAINRESP,TTRAINTRNER,TTRAINTOOL,TTRAININGTIME,TTRAINTRNEE,TRESERVER"/> <input type="hidden" name="__fixCon" value=""/> <input type="hidden" name="__calendar"/> <input type="hidden" name="__language" value="<%=screen.getUProfile().get("lang")%>"/> <input type="hidden" name="__helpReturn" value=""/> <input type="hidden" name="__companyid" value="<%=screen.getUProfile().get("companyid")%>"/> <input type="hidden" name="__notNull" value="<%=screen.getRequire()%>"/> <input type="hidden" name="__pages" value=""/> <input type="hidden" name="__process" value=""/> <input type="hidden" name="__qtyadd" value=""/> <input type="hidden" name="__qtyaccept" value=""/> <input type="hidden" name="__save2" value=""/> <input type="hidden" name="__removeRequest" value=""/> <input type="hidden" name="__chkExp" value=""/> <input type="hidden" name="__chkTime" value=""/> <input type="hidden" name="__tmpTab" value="<%=chk.chkNullString(request.getParameter("__tmpTab"))%>"/> <input type="hidden" name="__temp_rdo_recurrent" value=""/> <input type="hidden" name="__crsid_select" value=""/> <br/> <div align="center"> <script language="JavaScript" src="../JS/HOTKEY.js"></script> <script language="javascript"> var titlename=swap2String('Opening Training'); document.write(Icons("TRA012_PHATRA, "+titlename)); </script> <table cellpadding="0" cellspacing="0" class="maxsize"> <tr> <td class="header">TRA012_PHATRA_JETASIA, <script language="javascript">swapLang('Opening Training');</script> </td> </tr> <tr> <td class="blankspace"></td> </tr> <tr> <td> <div class="csc-tab"> <center> <div class="csc-tab-head"> <a id="tab1" class="csc-list-head csc-list-head-active" data-tab="tab1"> <span class="csc-head-detail" swlang code='SW012787'>Training Information</span> </a> <a id="tab2" class="csc-list-head" data-tab="tabs" data-pages="TRA0121_PHATRA" href="javascript:goPage('TRA0121_PHATRA');"> <span class="csc-head-detail" swlang code='SW013069'>Responsible person</span> </a> <a id="tab3" class="csc-list-head" data-tab="tabs" data-pages="TRA0122_PHATRA" href="javascript:goPage('TRA0122_PHATRA');"> <span class="csc-head-detail" swlang code='SW000622'>Expenses</span> </a> <a id="tab4" class="csc-list-head" data-tab="tabs" data-pages="TRA0123_PHATRA" href="javascript:goPage('TRA0123_PHATRA');"> <span class="csc-head-detail" swlang code='SW013067'>Instructor</span> </a> <a id="tab5" class="csc-list-head" data-tab="tabs" data-pages="TRA0124_PHATRA" href="javascript:goPage('TRA0124_PHATRA');"> <span class="csc-head-detail" swlang code='SW009153'>Equipment</span> </a> <a id="tab6" class="csc-list-head" data-tab="tabs" data-pages="TRA0125_PHATRA_JETASIA" href="javascript:goPage('TRA0125_PHATRA_JETASIA');"> <span class="csc-head-detail" swlang code='SW013068'>Training Timetable</span> </a> <a id="tab7" class="csc-list-head" data-tab="tabs" data-pages="TRA0130_PHATRA" href="javascript:goPage('TRA0130_PHATRA');"> <span class="csc-head-detail" swlang code='SW013070'>Target Group</span> </a> <a id="tab8" class="csc-list-head" data-tab="tabs" data-pages="TRA0126_PHATRA" href="javascript:goPage('TRA0126_PHATRA');"> <span class="csc-head-detail" swlang code='SW009109'>Participant</span> </a> <a id="tab9" class="csc-list-head" data-tab="tabs" data-pages="TRA0133" href="javascript:goPage('TRA0133');"> <span class="csc-head-detail" swlang code='SW012789'>Appraisal Form</span> </a> </div> </center> <div class="csc-tab-body csc-tab-body-active tab1"> <table border="0" align="center" cellpadding="0" cellspacing="0" class="maxsize" dwcopytype="CopyTableRow"> <tr> <td class="columnlabel"><div align="right"><%=screen.getLabel("TRAININGID")%> </div></td> <td colspan="2"><%=screen.getInput("TRAININGID")%></td> </tr> <tr> <td class="columnlabel"><div align="right"><%=screen.getLabel("TRTITLE")%> </div></td> <td colspan="2"><%=screen.getInput("TRTITLE")%></td> </tr> <tr> <td class="columnlabel"><%=screen.getLabel("CRSID")%> </td> <td colspan="2"><%=screen.getInput("CRSID")%><input name="MCOURSE@CRSEDESC" type="text" disabled="true" size="30" value="<%=screen.getDataLabel("MCOURSE","CRSEDESC")%>"> </td> </tr> <tr> <td nowrap class="columnlabel"><%=screen.getLabel("TRTYID")%> </td> <td colspan="2"><%=screen.getInput("TRTYID")%></td> </tr> <tr> <td nowrap class="columnlabel"><div align="right"><%=screen.getLabel("RESDATEFRM")%> </div></td> <td colspan="2"> <%=screen.getInput("RESDATEFRM")%> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','../IMAGES/BUTTON/SWAP/CALENDAR_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/CALENDAR20.gif" alt="calendar" name="Image4" border="0" align="absmiddle" id="Image154" onClick="viewCal('__resdatefrm')"></a> <%=screen.getLabel("RESDATETO")%> <%=screen.getInput("RESDATETO")%> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','../IMAGES/BUTTON/SWAP/CALENDAR_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/CALENDAR20.gif" alt="calendar" name="Image5" border="0" align="absmiddle" id="Image154" onClick="viewCal('__resdateto')"></a> </td> </tr> <tr> <td nowrap class="columnlabel"><div align="right"> <%=screen.getLabel("CLASSDATEFRM")%> </div></td> <td colspan="2"> <%=screen.getInput("CLASSDATEFRM")%> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image21','','../IMAGES/BUTTON/SWAP/CALENDAR_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/CALENDAR20.gif" alt="calendar" name="Image21" border="0" align="absmiddle" id="Image154" onClick="viewCal('__classdatefrm')"></a> <%=screen.getLabel("CLASSDATETO")%> <%=screen.getInput("CLASSDATETO")%> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','../IMAGES/BUTTON/SWAP/CALENDAR_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/CALENDAR20.gif" alt="calendar" name="Image3" border="0" align="absmiddle" id="Image154" onClick="viewCal('__classdateto')"></a> </td> </tr> <tr> <td class="columnlabel"><%=screen.getLabel("RDO_RECURRENT")%> </td> <td colspan="2"><%=screen.getInput("RDO_RECURRENT")%></td> </tr> <tr id="idFREQUENCY"> <td class="columnlabel"><%=screen.getLabel("FREQUENCY")%></td> <td colspan="2"> <%=screen.getInput("FREQUENCY")%> / <%=screen.getLabel("EVERY")%> <%=screen.getInput("EVERY")%> <%=screen.getInput("FREQUENCY_EVERY")%> </td> </tr> <tr id="idRECURRENT"> <td class="columnlabel"><%=screen.getLabel("RECURRENT_STARTDATE")%> </td> <td colspan="2"><%=screen.getInput("RECURRENT_STARTDATE")%></td> </tr> <tr> <td class="columnlabel"><div align="right"><%=screen.getLabel("TIMESTART")%> </div></td> <td colspan="2"><%=screen.getInput("TIMESTART")%> <%=screen.getLabel("TIMESTOP")%> <%=screen.getInput("TIMESTOP")%> <%=screen.getLabel("TIMEBREAK")%> <%=screen.getInput("TIMEBREAK")%></td> </tr> <tr> <td class="columnlabel"><%=screen.getLabel("INSTID")%> </td> <td colspan="2" nowrap><%=screen.getInput("INSTID")%><input name="MACADEMY@INSTEDESC" type="text" disabled="true" size="30" value="<%=screen.getDataLabel("MACADEMY","INSTEDESC")%>"></td> </tr> <tr> <td class="columnlabel"><%=screen.getLabel("ROOMID")%> </td> <td colspan="2"><%=screen.getInput("ROOMID")%><input name="MTRROOM@ROOMDESC" type="text" disabled="true" size="30" value="<%=screen.getDataLabel("MTRROOM","ROOMEDESC")%>"></td> </tr> <tr> <td class="columnlabel"><%=screen.getLabel("LOCID")%> </td> <td colspan="2"><input name="__locid" type="text" size="14" value="<%=screen.getDataLabel("LOCID")%>"> <input name="MTRLOCATION@LOCEDESC" type="text" disabled="true" size="30" value="<%=screen.getDataLabel("MTRLOCATION","LOCEDESC")%>"></td> </tr> <tr> <td class="columnlabel"><%=screen.getLabel("COUNTRYT")%> </td> <td colspan="2"><%=screen.getInput("COUNTRYT")%></td> </tr> <tr> <td class="columnlabel"><%=screen.getLabel("DURATION")%> </td> <td colspan="2"><%=screen.getInput("DURATION")%> <span swlang code='SW000002'>Day</span></td> </tr> <tr> <td class="columnlabel"><%=screen.getLabel("REVIEW")%> </td> <td colspan="2"><%=screen.getInput("REVIEW")%> <span swlang code='SW000717'>Year</span></td> </tr> <tr> <td align="right" class="columnlabel"><span swlang code='SW009102'>Reserved</span> </td> <td colspan="2"> <font class="normal"><%=screen.getDataLabel("TOTALRESERVER_RESERV")%></font> <span swlang code='SW002211'>Approved</span> <font class="normal"><input type="text" name="__reserve_approve" value="<%=screen.getDataLabel("TOTALTRAINEE")%>" size="6" readonly></font> <%=screen.getLabel("QTYVALID")%> <%=screen.getInput("QTYVALID")%> </td> </tr> <tr> <td class="columnlabel"><%=screen.getLabel("VALIDMIN")%> </td> <td colspan="2"><%=screen.getInput("VALIDMIN")%> <%=screen.getLabel("VALIDMAX")%> <%=screen.getInput("VALIDMAX")%> </td> </tr> <tr> <td class="columnlabel"><div align="right"><%=screen.getLabel("CLASSHOUR")%> </div></td> <td colspan="2"> <font class="normal"><span id="classhour"></span></font></td> </tr> <tr> <td class="columnlabel"><div align="right"><span swlang code='SW013257'>Budget Plan</span> </div></td> <td colspan="2"> <font class="normal"><%=screen.getDataLabel("BUDPLANED")%></font> <span swlang code='SW000796'>Baht</span> <span swlang code='SW013251'>Actual</span> <font class="normal"><%=screen.getDataLabel("BUDUSED")%></font> <span swlang code='SW000796'>Baht</span> </td> </tr> <tr> <td class="columnlabel"><div align="right"><span swlang code='SW013254'>Fiscal Year</span> </div></td> <td colspan="2"><%=screen.getInput("BUDYEAR")%></td> </tr> <script language="javascript">setBudyear();</script> <tr> <td class="columnlabel"><div align="right"><span swlang code='SW013255'>Participant Eligibility</span> </div></td> <td colspan="2"><%=screen.getInput("PROPERTY")%></td> </tr> <tr> <td class="columnlabel"><div align="right"><%=screen.getLabel("MEMO")%> </div></td> <td width="436"><%=screen.getInput("MEMO")%></td> <td width="94" rowspan="2" valign="bottom"><!-- <a href="javascript:printReport()"><img src="../IMAGES/BUTTON/PRINT.gif" border="0"/></a> --></td> </tr> <tr> <td align = "right"><%=screen.getLabel("ATFILE")%> </td> <td align = "left"> <%=screen.getInput("ATFILE")%> </td> </tr> <tr> <td class="columnlabel"><div align="right"><span swlang code='SW009476'>Expense to Average by</span> </div></td> <td><%=screen.getInput("ALLOCATE")%></td> </tr> <tr> <td class="blankspace"></td> </tr> </table> </div> <div class="csc-tab-body tabs"> <iframe class="myframe" frameborder="0" name="mframe" src="TRA0121_PHATRA.jsp?__cmd=ack"></iframe> </div> </div> </td> </tr> <tr> <td class="blankspace"></td> </tr> <tr> <td id="waittag" align="center"></td> </tr> <tr> <td class="blankspace"></td> </tr> <tr> <td class="bottom"></td> </tr> </table> </div> <!----------BEGIN CSC ENDING ZONE ------------------------> <%=screen.endJSP()%> <!----------END CSC ENDING ZONE --------------------------> <script type="text/javascript"> $(document).ready(function(){ showRecurrent(); $('input[name="__classdatefrm"]').attr("onblur",$('input[name="__classdatefrm"]').attr("onblur") + "calDateFrequency();"); if ($("input[name='__tmpTab']").val() != ''){ $(".csc-list-head").each(function(){ if ( $(this).attr("id") == $("input[name='__tmpTab']").val() ){ $(".csc-list-head").removeClass("csc-list-head-active"); if ($("input[name='__tmpTab']").val() != 'tab1'){ var mypage = ''; $(".tab1").removeClass("csc-tab-body-active"); $(".tabs").addClass("csc-tab-body-active"); mypage = $(this).data("pages"); trainingid = $("input[name='__trainingid']").val(); crsid = $("input[name='__crsid']").val(); $("iframe[name='mframe']").attr("src",mypage+".jsp?__cmd=ack&__trainingid="+trainingid+"&__crsid="+crsid+"&__isOpen=true&__refreshReady=1"); } $(this).addClass("csc-list-head-active"); } }); } $(".csc-list-head").click(function(){ var tabdata = ''; $(".csc-list-head").removeClass("csc-list-head-active"); $(".csc-tab-body").removeClass("csc-tab-body-active"); $(this).addClass("csc-list-head-active"); tabdata = $(this).data("tab"); $("."+tabdata).addClass("csc-tab-body-active"); $("input[name='__tmpTab']").val($(this).attr("id")); }); }); </script> </form> </body> </html>