Hi All,
I am trying to generate pdf file from given html file but i am facing problem with getting proper view of html ouput in pdf file so please help me
here is my html file
"input.html"
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript" src="formValidate.js" ></script>
<title>Employee Admission Details</title>
<link rel="stylesheet" href="css/jquery-ui.css">
<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery-ui.js"></script>
<link rel="stylesheet" href="css/style.css">
<script>
$(function() {
$( "#datepicker" ).datepicker({changeMonth:true,changeYear:true});
});
</script>
<script>
$(function() {
$( "#datepicker2" ).datepicker({changeMonth:true,changeYear:true});
});
</script>
</head>
<body>
<form action="/CollegeProject/EmpNewAdmission" name="empAdmission" method="post">
<h2>Employee Login Details</h2>
<hr />
<table border="0">
<tr>
<td>Login Name<font color="red">*</font></td>
<td><input type="text" name="loginName"></td>
</tr>
<tr>
<td>Password<font color="red">*</font></td>
<td><input type="password" name="password" onblur="validatePassword(this);"></td>
</tr>
<tr>
<td>Email<font color="red">*</font></td>
<td><input type="text" name="emailId" onblur="validateEmail(this);"></td>
</tr>
</table>
<h2>Employee General Details</h2>
<hr />
<table border="0">
<tr>
<td>Employee Number<font color="red">*</font></td>
<td><input type="text" name="empNo" value="1" readonly></td>
</tr>
<tr>
<td>Joining Date</td>
<td><input type="text" name="empJoinDate"id=datepicker></td><td><div class=temp></div></td>
</tr>
<tr>
<td>First Name<font color="red">*</font></td>
<td><input type="text" name="empFirstName"></td>
</tr>
<tr>
<td>Middle Name</td>
<td><input type="text" name="empMiddleName"></td>
</tr>
<tr>
<td>Last Name</td>
<td><input type="text" name="empLastName"></td>
</tr>
<tr>
<td>Gender</td>
<td><input type="radio" name="gender" value="Male">Male</td>
<td><input type="radio" name="gender" value="Female">Female</td>
</tr>
<tr>
<td>Date Of Birth<font color="red">*</font></td>
<td><input type="text" name="empDOB"id=datepicker2></td>
</tr>
<tr>
<td>Age</td>
<td><input type="text" name="empAge"></td>
</tr>
<tr>
<td>Department<font color="red">*</font></td>
<td><select name="empDepartment">
<option value="select">Select</option>
</select>
</td>
</tr>
<tr>
<td>Category<font color="red">*</font></td>
<td> <select name="empCategory">
<option value="select">Select</option>
<option value="teaching">Teaching Staff</option>
<option value="nonteaching">Non Teaching Staff</option>
</select>
</td>
</tr>
<tr>
<td>Position<font color="red">*</font></td>
<td><input type="text" name="empPosition"></td>
</tr>
<tr>
<td>Job Title</td>
<td><input type="text" name="empJobTitle"></td>
</tr>
<tr>
<td>Qualification</td>
<td><input type="text" name="empQualification"></td>
</tr>
<tr>
<td>Experience Info</td>
<td><textarea rows="5" cols="15" name="empExpInfo"></textarea></td>
</tr>
<tr>
<td>Total Experience</td>
<td><select name="year">
<option value="">Year</option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
</select>
</td>
<td><select name="month">
<option value="">Month</option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
</select>
</td>
</tr>
<tr>
<td>Status</td>
<td><input type="radio" name="status" value="active">Active</td>
<td><input type="radio" name="status" value="inactive">Inactive</td>
</tr>
</table>
<h2>Employee Personal Details</h2>
<hr/>
<table border="0">
<tr>
<td> Marital Status</td>
<td><select name="maritalStatus" onChange="enterChildDetails(this);">
<option value="single">Single</option>
<option value="married">Married</option>
<option value="divorced">Divorced</option>
</select>
</td>
<td> <div id="div"></div></td>
</tr>
<tr>
<td>Father / Husband Name</td>
<td><input type="text" name="FHName"></td>
</tr>
<tr>
<td>Mother Name</td>
<td><input type="text" name="motherName"></td>
</tr>
<tr>
<td>Blood Group</td>
<td><select name="bloodgrp">
<option value="select">Select</option>
<option value="A+ve">A+ve</option>
<option value="B+ve">B+ve</option>
<option value="O+ve">O+ve</option>
<option value="AB+ve">AB+ve</option>
<option value="A-ve">A-ve</option>
<option value="B-ve">B-ve</option>
<option value="O-ve">O-ve</option>
<option value="AB-ve">AB-ve</option>
</select>
</td>
</tr>
<tr>
<td>Nationality</td>
<td><input type="text" name="empNationality"></td>
</tr>
<tr>
<td>Upload Photo</td>
<td><input id="image-file" name="empPhoto" size="15" type="file"/></td>
</tr>
<tr>
<td><input type="submit" value="Save & Proceed" onClick="return empValidate();"></td>
<td><input type="reset" value="Reset"></td>
</tr>
</table>
</form>
</body>
</html>
help me to generate pdf of given file