/home/mip/public_html_/old-website/employer/new_joborder.php
<?
session_start();
require_once("func_all.php");

do_html_header("New Job Order");
$principal = getdata_one("*","principals","principal_id",$myprincipalid); 
?>
<script type="text/javascript" src="../irisonline/jquery.1.3.js"></script>
<script type="text/javascript">
 
$(document).ready(function(){
 
    var counter = 2;
 
    $("#addButton").click(function () {
 
	if(counter>10){
            alert("Only 10 textboxes allow");
            return false;
	}   
 
	var newTextBoxDiv = $(document.createElement('div'))
	     .attr("id", 'TextBoxDiv' + counter);
 
	newTextBoxDiv.after().html('<hr><table width="100%"><tr><td><b>Date Needed:</b></td><td><input type=text name="month' + counter + 
	      '" id="month' + counter + 
	      '" value="" size=2 maxlength=2 onKeyUp="return autoTab(this, 2, event);" onfocus="select()" onkeypress="return isNumberKey(event);">/ <input type=text name="day' + counter + 
	      '" id="day' + counter + 
	      '" value="" size=2 maxlength=2 onKeyUp="return autoTab(this, 2, event);" onfocus="select()" onkeypress="return isNumberKey(event);">/ <input type=text name="year' + counter + 
	      '" id="year' + counter + 
	      '" value="" size=4 maxlength=4 onfocus="select()" onkeypress="return isNumberKey(event);"><font size=1>(MM/DD/YYYY)</font></td></tr><tr><td><b>Position: ' +
	      '</b></td><td><input type="text" name="position' + counter + 
	      '" id="position' + counter + '" value="" size="40"></td></tr><tr><td><b>Number of workers: ' +
	      '</b></td><td><input type="text" name="workers' + counter + 
	      '" id="workers' + counter + '" value="" size="5" onkeypress="return isNumberKey(event);"></td></tr><tr><td><b>Worksite: ' +
	      '</b></td><td><input type="text" name="worksite' + counter + 
	      '" id="worksite' + counter + '" value="" size="45"></td></tr><tr><td valign="top"><b>Job Requirement: ' +
	      '</b></td><td><textarea name="jobreq' + counter + 
	      '" id="jobreq' + counter + '" cols="45" rows="5"></textarea></td></tr></table>');
 
	newTextBoxDiv.appendTo("#TextBoxesGroup");
 	document.getElementById("counter").value = counter;
 
	counter++;
     });
 
     $("#removeButton").click(function () {
	if(counter==1){
          alert("Cant remove. At least 1 form required");
          return false;
       }
	 if(document.getElementById("counter").value==1){
          alert("Cant remove. At least 1 form required");
          return false;
       }     
 
	counter--;
 	document.getElementById("counter").value = document.getElementById("counter").value - 1;
        $("#TextBoxDiv" + counter).remove();
 
     });
 
     $("#getButtonValue").click(function () {
 
	var msg = '';
	for(i=1; i<counter; i++){
   	  //msg += "\n Textbox #" + i + " : " + $('#position' + i).val();
	  msg += "QXQX" + i + $('#month' + i).val();
	  msg += "QXQX" + i + $('#day' + i).val();
	  msg += "QXQX" + i + $('#year' + i).val();	  
	  msg += "QXQX" + i + $('#position' + i).val();
	  msg += "QXQX" + i + $('#workers' + i).val();
	  msg += "QXQX" + i + $('#worksite' + i).val();	  
	  msg += "QXQX" + i + $('#jobreq' + i).val();	  	  
	}
	  document.getElementById("mymesage").value = msg;
	  //alert(msg);
     });
  });
</script>
<script>
function validate_joborder() {
	if(document.thisonly.month1.value=="") {
		alert("Date Needed is requied.");
		document.getElementById("month1").focus();
		return false;
	}
	if(document.thisonly.day1.value=="") {
		alert("Date Needed is requied.");
		document.getElementById("day1").focus();
		return false;
	}
	if(document.thisonly.year1.value=="") {
		alert("Date Needed is requied.");
		document.getElementById("year1").focus();
		return false;
	}
	if(document.thisonly.position1.value=="") {
		alert("Position is requied.");
		document.getElementById("position1").focus();
		return false;
	}
	if(document.thisonly.workers1.value=="") {
		alert("No. of Workers is requied.");
		document.getElementById("workers1").focus();
		return false;
	}
	if(document.thisonly.worksite1.value=="") {
		alert("Worksite is requied.");
		document.getElementById("worksite1").focus();
		return false;
	}
	if(document.thisonly.jobreq1.value=="") {
		alert("Job Requirement is requied.");
		document.getElementById("jobreq1").focus();
		return false;
	}
}
</script>
<form method="post" action="sqladd.php?what=newjoborder" name="thisonly" onsubmit="return validate_joborder();"><input type="hidden" id="counter" name="counter" value="1" />
<tr><td height="100%" align=center valign="top">
	<table align=center cellpadding='0' cellspacing='0' width="40%">
 	<tr><td valign="top"><br>
		<table border=0 cellpadding='0' cellspacing='0' width="100%">
		<tr><td valign="top"><img src="img/addleft.gif" border="0"></td>
		<td background="img/addtile.gif" width="100%"><b>New Job Order</b></a></td>					
		<td valign="top"><img src="img/addright.gif" border="0"></td></tr>
		</table>
    </td></tr>
	<tr><td colspan=2>
 		<table border="0" cellpadding="0" cellspacing="0" width=100%>
		<tr><td><img src="img/topleft-login.gif" border="0"></td>
		<td background="img/toptile-login.gif"><img src="img/toptile-login.gif" border="0"></td>
		<td><img src="img/topright-login.gif" border="0"></td></tr>
		<tr><td background="img/midleft-login.gif"><img src="img/midleft-login.gif" border="0"></td>
		<td width="100%" align="center" bgcolor="#dbdee3">
			<table width="100%" cellpadding='3' cellspacing='3'>
			<tr><td class="box">
			<div id='TextBoxesGroup'>
			<div id="TextBoxDiv1">
				<table width="100%">
				<tr><td><b>Date Needed:</b></td><td>
				<input type=text name="month1" id="month1" value="" size=2 maxlength=2 onKeyUp="return autoTab(this, 2, event);" onfocus="select()" onkeypress="return isNumberKey(event);">/ <input type=text name="day1" id="day1" value="" size=2 maxlength=2 onKeyUp="return autoTab(this, 2, event);" onfocus="select()" onkeypress="return isNumberKey(event);">/ <input type=text name="year1" id="year1" value="" size=4 maxlength=4 onfocus="select()" onkeypress="return isNumberKey(event);"><font size=1>(MM/DD/YYYY)</font>
				</td></tr>				
				<tr><td><b>Position:</b></td><td><input type='textbox' id='position1' name='position1' size="40"></td></tr>
				<tr><td><b>Number of workers:</b></td><td><input type='textbox' id='workers1' name='workers1' size="5" onkeypress="return isNumberKey(event);"></td></tr>
				<tr><td><b>Worksite:</b></td><td><input type='textbox' id='worksite1' name='worksite1' size="45"></td></tr>				
				<tr><td valign="top"><b>Job Requirement:</b></td><td><textarea id="jobreq1" name="jobreq1" cols="45" rows="5"></textarea></td></tr>				
				</table>
			</div>
			</div>
			</td></tr>					
			<tr><td class="box" align="center">
			<div style="display:none;"><textarea id="mymesage" name="mymesage" cols="30" rows="3"></textarea></div>
			<input type='button' value='Add Another' id='addButton' class="button">
			<input type='button' value='Remove' id='removeButton' class="button">
			<!--<input type='button' value='Get TextBox Value' id='getButtonValue' class="button">-->
			<input type='submit' value='Send' id='getButtonValue' class="button">			
			</td></tr>												
			</table>
		</td>
		<td background="img/midright-login.gif"><img src="img/midright-login.gif" border="0"></td></tr>
		<tr><td><img src="img/botleft-login.gif" border="0"></td>
		<td background="img/bottile-login.gif"><img src="img/bottile-login.gif" border="0"></td>
		<td><img src="img/botright-login.gif" border="0"></td></tr>
		</table>
	<br /><Br /></td></tr>
	</table>
</td></tr>
</form>
<?		
do_html_footer();
if($msg) echo "<script>alert('$msg')</script>";
?>