Viewing file:  application.php (51.9 KB) -rw-rw-r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<?php
include 'header_new_login.php';
?>
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.min.css">
<style type="text/css">
.details a button{
border: 1px solid #1654b4;
color: #1654b4;
font-size: 17px;
}
.details a button:hover{
border: 1px solid #1654b4;
background-color: #0e45b3;
font-size: 17px;
}
.my-packages{
height: 99%;
}
</style>
<section class="project-banner">
<div class="container">
<div class="banner-sec">
<div class="projectheading btn_right">
<h3>PROFILE UPDATE</h3>
<!-- <button class="btn backbtn" onclick="history.go(-1);">Back </button> -->
</div>
</div>
</div>
</section>
<section class="dashboard">
<div class="container">
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<!-- <button type="button" class="close" data-dismiss="modal">×</button> -->
<h4 class="modal-title">Core Competency</h4>
</div>
<div class="modal-body">
<table>
<tr>
<td> C </td>
<td>
<input type="checkbox" name="" value="C">
</td>
</tr>
<tr>
<td> C++ </td>
<td>
<input type="checkbox" name="C++" value="C++">
</td>
</tr><tr>
<td> C# </td>
<td>
<input type="checkbox" name="" value="C#">
</td>
</tr><tr>
<td> Java </td>
<td>
<input type="checkbox" name="" value="Java">
</td>
</tr><tr>
<td> Python </td>
<td>
<input type="checkbox" name="" value="Python">
</td>
</tr>
<tr>
<td> PHP </td>
<td>
<input type="checkbox" name="" value="PHP">
</td>
</tr>
<tr>
<td> ASP.NET </td>
<td>
<input type="checkbox" name="" value="ASP.NET">
</td>
</tr>
<tr>
<td> Ruby </td>
<td>
<input type="checkbox" name="" value="Ruby">
</td>
</tr>
<tr>
<td> SQL </td>
<td>
<input type="checkbox" name="" value="SQL">
</td>
</tr>
<tr>
<td> HTML </td>
<td>
<input type="checkbox" name="" value="HTML">
</td>
</tr>
<tr>
<td> CSS </td>
<td>
<input type="checkbox" name="" value="CSS">
</td>
</tr>
<tr>
<td> Javascript </td>
<td>
<input type="checkbox" name="" value="Javascript">
</td>
</tr>
<tr>
<td> Acrobat </td>
<td>
<input type="checkbox" name="" value="Acrobat">
</td>
</tr>
<tr>
<td> Corel Draw </td>
<td>
<input type="checkbox" name="" value="Corel Draw">
</td>
</tr>
<tr>
<td> Photoshop </td>
<td>
<input type="checkbox" name="" value="Photoshop">
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center;">
<input type="hidden" name="skills_added" id="skills_added" >
<button style="margin-left: 200px;" class="add" id="skills_add" data-dismiss="modal">ADD</button>
</td>
</tr>
</table>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal_1" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<!-- <button type="button" class="close" data-dismiss="modal">×</button> -->
<h4 class="modal-title">Strengths</h4>
</div>
<div class="modal-body">
<table>
<tr>
<td> Punctuality </td>
<td>
<input type="checkbox" value="Punctuality">
</td>
</tr>
<tr>
<td> Work Ethic </td>
<td>
<input type="checkbox" value="Work Ethic">
</td>
</tr><tr>
<td> Flexibility </td>
<td>
<input type="checkbox" value="Flexibility">
</td>
</tr><tr>
<td> Adaptability </td>
<td>
<input type="checkbox" value="Adaptability">
</td>
</tr><tr>
<td> Time management </td>
<td>
<input type="checkbox" value="Time management ">
</td>
</tr>
<tr>
<td> Teamwork </td>
<td>
<input type="checkbox" value="Teamwork">
</td>
</tr>
<tr>
<td> Effective communication </td>
<td>
<input type="checkbox" value="Effective communication">
</td>
</tr>
<tr>
<td> Problem solving </td>
<td>
<input type="checkbox" value="Problem solving">
</td>
</tr>
<tr>
<td> Critical thinking </td>
<td>
<input type="checkbox" value="Critical thinking">
</td>
</tr>
<tr>
<td> Decision making </td>
<td>
<input type="checkbox" value="Decision making">
</td>
</tr>
<tr>
<td> Quick Learner </td>
<td>
<input type="checkbox" value="Quick Learner">
</td>
</tr>
<tr>
<td> Leadership </td>
<td>
<input type="checkbox" value="Leadership">
</td>
</tr>
<tr>
<td> Goal Oriented </td>
<td>
<input type="checkbox" value="Goal Oriented">
</td>
</tr>
<tr>
<td> Prioritizing Task </td>
<td>
<input type="checkbox" value="Prioritizing Task">
</td>
</tr>
<tr>
<td> Accuracy </td>
<td>
<input type="checkbox" value="Accuracy">
</td>
</tr>
<tr>
<td> Loyality </td>
<td>
<input type="checkbox" value="Loyality">
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center;">
<input type="hidden" name="skills_added" id="strength_added" >
<button style="margin-left: 200px;" class="add" id="strength_add" data-dismiss="modal">ADD</button>
</td>
</tr>
</table>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal_2" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<!-- <button type="button" class="close" data-dismiss="modal">×</button> -->
<h4 class="modal-title">Interests</h4>
</div>
<div class="modal-body">
<table>
<tr>
<td> Volunteering and community involvement </td>
<td>
<input type="checkbox" value="Volunteering and community involvement">
</td>
</tr>
<tr>
<td> Writing </td>
<td>
<input type="checkbox" value="Writing">
</td>
</tr><tr>
<td> Blogging </td>
<td>
<input type="checkbox" value="Blogging">
</td>
</tr><tr>
<td> Podcasting </td>
<td>
<input type="checkbox" value="Podcasting">
</td>
</tr><tr>
<td> Marketing </td>
<td>
<input type="checkbox" value="Marketing">
</td>
</tr>
<tr>
<td> Learning languages </td>
<td>
<input type="checkbox" value="Learning languages">
</td>
</tr>
<tr>
<td> Photography </td>
<td>
<input type="checkbox" value="Photography">
</td>
</tr>
<tr>
<td> Cooking </td>
<td>
<input type="checkbox" value="Cooking">
</td>
</tr>
<tr>
<td> Reading </td>
<td>
<input type="checkbox" value="Reading">
</td>
</tr>
<tr>
<td> Music </td>
<td>
<input type="checkbox" value="Music">
</td>
</tr>
<tr>
<td> Javascript </td>
<td>
<input type="checkbox" value="Javascript">
</td>
</tr>
<tr>
<td> Art </td>
<td>
<input type="checkbox" value="Art">
</td>
</tr>
<tr>
<td> Sports </td>
<td>
<input type="checkbox" value="Sports">
</td>
</tr>
<tr>
<td> Dancing </td>
<td>
<input type="checkbox" value="Dancing">
</td>
</tr>
<tr>
<td> Gardening </td>
<td>
<input type="checkbox" value="Gardening">
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center;">
<input type="hidden" name="skills_added" id="interest_added" >
<button style="margin-left: 200px;" class="add" id="interest_add" data-dismiss="modal">ADD</button>
</td>
</tr>
</table>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal_3" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<!-- <button type="button" class="close" data-dismiss="modal">×</button> -->
<h4 class="modal-title">Experience</h4>
</div>
<div class="modal-body">
<table >
<thead>
<tr><th>Company Name</th>
<th>Position</th>
<th>Duration</th>
</tr>
</thead>
<tbody>
<tr>
<td>Srishti Innovative</td>
<td>Internship</td>
<td>6 Months</td>
</tr>
<tr>
<td colspan="2" style="text-align: center;">
<input type="hidden" name="skills_added" id="interest_added" >
<button style="margin-left: 200px;margin-top: 30px;" class="add" id="Experience_add" data-dismiss="modal">ADD</button>
</td>
</tr>
</tbody>
</table>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="details" style="margin-left: 93%;padding: 0% 1% 1%;">
<!-- <a href="dashboard.php" class="view-training"><button type="button" class="btn btn-outline-primary">Skip</button></a> -->
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="my-packages">
<section>
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-md-10 col-lg-10 col-xl-8">
<form action="application_action.php" method="post" autocomplete="off" class="form-horizontal">
<?php
$sql="select * from user_details where user_id='$u_id'";
$result=$con->query($sql);
$row=$result->fetch_assoc();
?>
<div class="row align-items-center mt-4">
<!-- <div class="col" style="background-image: linear-gradient(90deg, #2b0e8a, white);color: white">
<label style="font-size: 24px;font-weight: 20px;font-family:'Times New Roman', Times, serif;">Personal Details</label>
</div> -->
<div class="col" style="color: #2d64b7;border-bottom: dotted 1px #2d64b7;">
<label style="font-size: 24px;font-weight: 20px;font-family:'Times New Roman', Times, serif;">Personal Details<span style="color:red;" id="span2" >*</span></label>
</div>
</div>
<div class="row align-items-center">
<div class="col mt-4">
<input type="text" class="form-control" placeholder="Name" name="studName" id="studName" value="<?php echo $row['name'];?>">
</div>
</div>
<!-- <div class="row align-items-center mt-4">
<div class="col ">
<input type="text" class="form-control" placeholder="Date of Birth" name="dob" id="dob">
</div>
<div class="col">
<input type="text" class="form-control" placeholder="Age" name="age" id="age">
</div>
</div> -->
<div class="row align-items-center mt-4">
<div class="col">
<input type="email" class="form-control" placeholder="Email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$" name="email" id="email" value="<?php echo $row['email'];?>">
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<input type="text" class="form-control" maxlength="10" pattern="[0-9]+" placeholder="Mobile Number" name="mobile" name="mobile" value="<?php echo $row['phone'];?>">
</div>
<div class="col">
<input type="text" class="form-control" placeholder="Alternate Mobile Number" maxlength="10" pattern="[0-9]+" name="altmobile" id="altmobile">
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<label style="font-size: 18px;font-weight: 20px;font-family:'Times New Roman', Times, serif;">Permanent Address</label>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<input type="text" class="form-control" placeholder="Address Line1" name="address1" id="address1" required="">
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<input type="text" class="form-control" placeholder="Address Line2" name="address2" id="address2">
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<input type="text" class="form-control" placeholder="Address Line3" name="address3" id="address3">
</div>
<div class="col">
<input type="text" class="form-control" placeholder="Pincode" maxlength="6" pattern="[0-9]+" name="pincode" id="pincode">
</div>
</div>
<input type="hidden" name="tips_num" id="tips_num">
<!-- <div class="row align-items-center mt-4">
<div class="col">
<input type="checkbox" class="checkbox" name="check" id="check" value="1">
<label>Same as Permanent Address</label>
</div>
</div> -->
<!-- <div class="row align-items-center mt-4">
<div class="col">
<label style="font-size: 18px;font-weight: 20px;font-family:'Times New Roman', Times, serif;">Present Address</label>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<input type="text" class="form-control" placeholder="Address Line 1" name="paddress1" id="paddress1">
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<input type="text" class="form-control" placeholder="Address Line 2" name="paddress2" id="paddress2">
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<input type="text" class="form-control" placeholder="Address Line 3" name="paddress3" id="paddress3">
</div>
<div class="col">
<input type="text" class="form-control" maxlength="6" pattern="[0-9]+" placeholder="Pincode" name="ppincode" id="ppincode">
</div>
</div> -->
<div class="row align-items-center mt-4">
<div class="col" style="color: #2d64b7;border-bottom: dotted 1px #2d64b7;">
<label style="font-size: 24px;font-weight: 20px;font-family:'Times New Roman', Times, serif;">Education Details<span style="color:red;" id="span2" >*</span></label>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="field_wrapper col ">
<div class="table-responsive">
<table class="table table-bordered table-striped table-highlight" style="margin-left: 0px;width: 100%">
<thead>
<tr>
<th>Course</th>
<th>Board</th>
<th>Year</th>
<th>Specification</th>
<th>Mark</th>
<th>Add</th>
</tr>
</thead>
<tbody>
<tr>
<td> <input type="text" name="course[]" value="" id='course1' class="form-control" placeholder="Course/Examination" size="10" required /></td>
<td><input type="text" name="board[]" value="" id='board1' class="form-control" placeholder="Board/University" size="10" required /></td>
<td><input type="text" name="passyear[]" value="" id='passyear1' class="form-control" placeholder="Year of Passing" size="10" required /></td>
<td><input type="text" name="specification[]" value="" id='specification1' class="form-control" placeholder="Specification" size="10" required /></td>
<td><input type="text" name="mark[]" value="" id='mark1' class="form-control" placeholder="% if marks" size="10" required /></td>
<td><a href="javascript:void(0);" class="add_button" title="Add field" style="font-size: 29px;color: black;text-align: center;">+</a></td>
</tr></tbody></table>
</div>
</div>
</div>
<!-- <div class="row align-items-center mt-4">
<div class="field_wrapper">
<input type="text" name="field_name[]" value="" id='textbox1' placeholder="Member " />
<input type="text" name="designation[]" value="" id='designation1' placeholder="Designation" />
<input type="text" name="responsibility[]" value="" id='responsibility1' placeholder="Responsibility" />
<input type="text" name="employeeid[]" value="" id='employee1' placeholder="Employee Id" />
<a href="javascript:void(0);" class="add_button" title="Add field"><img src="https://img.icons8.com/android/24/000000/plus.png"/></a>
</div>
</div> -->
<div class="row align-items-center mt-4">
<div class="col" style="color: #2d64b7;border-bottom: dotted 1px #2d64b7;">
<label style="font-size: 24px;font-weight: 20px; font-family:'Times New Roman', Times, serif;"> Core Competency</label>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<span class="tips" data-toggle="modal" id="tips1" data-target="#myModal" style="cursor: pointer;">Tips</span>
<input type="text" class="form-control" placeholder="Eg:PHP,MYSql" name="skills" id="skills">
</div>
</div>
<!-- <div class="row align-items-center mt-4">
<div class="col">
<input type="checkbox" class="checkbox" name="exp" id="exp">
<label>Any Experience</label>
</div>
</div> -->
<div id="exp1">
<div class="row align-items-center mt-4" >
<div class="col" style="color: #2d64b7;border-bottom: dotted 1px #2d64b7;">
<label style="font-size: 24px;font-weight: 20px; font-family:'Times New Roman', Times, serif;"> Experience</label>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="field_wrapper1 col">
<span class="tips" data-toggle="modal" id="tips4" data-target="#myModal_3" >Tips</span>
<div class="table-responsive">
<table class="table table-bordered table-striped table-highlight" style="margin-left: 0px;width: 100%">
<thead>
<tr><th>Company Name</th>
<th>Position</th>
<th>Duration</th>
<th>Add</th></tr>
</thead>
<tbody>
<tr>
<td> <input type="text" name="companyname[]" value="" id='companyname1' class="form-control" placeholder="Company Name" size="10" />
</td><td><input type="text" name="position[]" value="" id='position2' class="form-control" placeholder="Position" size="10" /></td><td><input type="text" name="duration[]" value="" id='duration3' class="form-control" placeholder="Duration" size="10" /></td><td><a href="javascript:void(0);" class="add_button1" title="Add field" style="font-size: 29px;color: black;text-align: center;">+</a></td>
</tr></tbody></table></div>
</div>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col" style="color: #2d64b7;border-bottom: dotted 1px #2d64b7;">
<label style="font-size: 24px;font-weight: 20px;font-family:'Times New Roman', Times, serif;"> Acadamic Projects
</label>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="field_wrapper2 col">
<div class="table-responsive">
<table class="table table-bordered table-striped table-highlight" style="margin-left: 0px;width: 100%">
<thead><tr><th>Project Name</th>
<th>Description</th>
<th>Technology</th>
<th>Acadamic/Not</th><th>Add</th></tr></thead>
<tbody>
<tr>
<td> <input type="text" name="projectName[]" value="" id='projectName1' class="form-control" placeholder="Project Name" size="10" />
</td><td><input type="text" name="description[]" value="" id='description1' class="form-control" placeholder="Description" size="10" /></td><td><input type="text" name="technology[]" value="" id='technology1' class="form-control" placeholder="Technology" size="10" /></td><td><input type="checkbox" name="acadamic[]" value="" id='acadamic1' class="checkbox" value="Acadamic" size="10" />Academic</td><td><a href="javascript:void(0);" class="add_button2" title="Add field" style="font-size: 29px;color: black;text-align: center;">+</a></td>
</tr></tbody></table>
</div>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col" style="color: #2d64b7;border-bottom: dotted 1px #2d64b7;">
<label style="font-size: 24px;font-weight: 20px; font-family:'Times New Roman', Times, serif;"> Achievements
</label>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="field_wrapper3 col">
<div class="table-responsive">
<table class="table table-bordered table-striped table-highlight" style="margin-left: 0px;width: 100%">
<thead><tr><th>Achievement</th><th>Add</th></tr></thead>
<tbody>
<tr>
<td> <input type="text" name="achievements[]" value="" id='achievements1' class="form-control" placeholder="Achievements" />
</td><td><a href="javascript:void(0);" class="add_button3" title="Add field" style="font-size: 29px;color: black;text-align: center;">+</a></td>
</tr></tbody></table>
</div>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col" style="color: #2d64b7;border-bottom: dotted 1px #2d64b7;">
<label style="font-size: 24px;font-weight: 20px; font-family:'Times New Roman', Times, serif;">Strengths
</label>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<span class="tips" data-toggle="modal" id="tips2" data-target="#myModal_1" style="cursor: pointer;">Tips</span>
<input type="text" class="form-control" placeholder="Eg:Hardworking,Good Leadership" name="strengths" id="strengths">
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col" style="color: #2d64b7;border-bottom: dotted 1px #2d64b7;">
<label style="font-size: 24px;font-weight: 20px;font-family:'Times New Roman', Times, serif;"> Interests
</label>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<span class="tips" data-toggle="modal" id="tips3" data-target="#myModal_2" style="cursor: pointer;" >Tips</span>
<input type="text" class="form-control" placeholder="Eg:Music,Cooking" name="interests" id="interests">
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col" style="color: #2d64b7;border-bottom: dotted 1px #2d64b7;">
<label style="font-size: 24px;font-weight: 20px;font-family:'Times New Roman', Times, serif;">Career Objective
</label>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<!-- <input type="text" class="form-control" placeholder="" name="career_objective" id="career_objective" value="<?php //echo $row['career_objective']; ?>"> -->
<textarea class="form-control" placeholder="" value="<?php echo $row['career_objective']; ?>" name="career_objective" id="career_objective"><?php echo $row['career_objective']; ?></textarea>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<input type="checkbox" onclick="myFunction()" id="public_profile" checked name="public_profile" > I hereby agree to make my profile public for future interview purpose
<input type="hidden" name="public_profile_val" id="public_profile_val" name="public_profile_val" value="true">
</div>
</div>
<div class="row justify-content-start mt-4">
<div class="col">
<button class="btn btn-primary mt-4" style="background-color: #2d64b7; border:2px solid #2d64b7; margin-bottom:25px; ">Submit</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</section>
<?php include 'footer_new_login.php'; ?>
<script>
function myFunction(){
var result = document.getElementById("public_profile").checked;
//alert(result);
$("#public_profile_val").val(result);
// if(result=='true')
// {
// $("#public_profile_val").val(result);
// }
}
$('.edu1').click(function(){
var del_id= $(this).attr('id');
$.ajax({
url:"delete_edu.php",
type:"get",
data:{id:del_id},
success:function(n){
window.location.reload();
}
});
});
$('.exp').click(function(){
var del_id= $(this).attr('id');
$.ajax({
url:"delete_experience.php",
type:"get",
data:{id:del_id},
success:function(n){
window.location.reload();
}
});
});
$('.pro').click(function(){
var del_id= $(this).attr('id');
$.ajax({
url:"delete_project.php",
type:"get",
data:{id:del_id},
success:function(n){
window.location.reload();
}
});
});
$(document).ready(function(){
var x = 1;
var maxField = 6;
//Input fields increment limitation
var addButton = $('.add_button'); //Add button selector
var wrapper = $('.field_wrapper'); //Input field wrapper
var c=2
//New input field html
//Initial field counter is 1
//Once add button is clicked
$(addButton).click(function(){
//Check maximum number of input fields
var fieldHTML = '<div class="table-responsive"><table class="table table-bordered table-striped table-highlight" style="margin-left: 0px;width: 100%"><tbody> <tr><td><input type="text" name="course[]" class="form-control" placeholder="Course/Examination" id="course' + c + '" size="10"/></td><td><input type="text" name="board[]" class="form-control" id="board' + c + '" value="" placeholder="Board/University" size="10"/></td><td><input type="text" name="passyear[]" value="" class="form-control" id="passyear' + c + '" placeholder="Year of Passing" size="10"/></td><td> <input type="text" name="specification[]" class="form-control" value="" id="specification' + c + '" placeholder="Specification" size="10"></td><td> <input type="text" name="mark[]" class="form-control" value="" id="mark' + c + '" placeholder="% of Marks" size="10"></td><td><a href="javascript:void(0);" class="remove_button" style="font-size: 29px;color: black;text-align: center;">-</a></td></tr></tbody></table></div>';
if(x <= maxField){
x=x+1;
c++; //Increment field counter
$(wrapper).append(fieldHTML); //Add field html
}
});
//Once remove button is clicked
$(wrapper).on('click', '.remove_button', function(e){
e.preventDefault();
$(this).parents('table').remove(); //Remove field html
x--;
//Decrement field counter
});
var x1 = 1;
var maxField1 = 3;
//Input fields increment limitation
var addButton1 = $('.add_button1'); //Add button selector
var wrapper1 = $('.field_wrapper1'); //Input field wrapper
var c1=4
//New input field html
//Initial field counter is 1
//Once add button is clicked
$(addButton1).click(function(){
//Check maximum number of input fields
var fieldHTML1 = '<div class="table-responsive"><table class="table table-bordered table-striped table-highlight" style="margin-left: 0px;width: 100%"></tbody> <tr><td><input type="text" name="companyname[]" class="form-control" placeholder="Company Name" id="companyname' + c1 + '" size="10"/></td><td><input type="text" name="position[]" class="form-control" id="position' + c1 + '" value="" placeholder="Position" size="10"/></td><td><input type="text" name="duration[]" value="" class="form-control" id="duration' + c1 + '" placeholder="Duration" size="10"/></td><td> <a href="javascript:void(0);" class="remove_button1" style="font-size: 29px;color: black;text-align: center;">-</a></td></tr></tbody></table></div>';
if(x1 != maxField1){
x1=x1+1;
c1++; //Increment field counter
$(wrapper1).append(fieldHTML1); //Add field html
}
});
//Once remove button is clicked
$(wrapper1).on('click', '.remove_button1', function(e){
e.preventDefault();
$(this).parents('table').remove(); //Remove field html
x1--;
c1--; //Decrement field counter
});
var x2 = 1;
var maxField2 = 60;
//Input fields increment limitation
var addButton2 = $('.add_button2'); //Add button selector
var wrapper2 = $('.field_wrapper2'); //Input field wrapper
var c2=2
//New input field html
//Initial field counter is 1
//Once add button is clicked
$(addButton2).click(function(){
//Check maximum number of input fields
var fieldHTML2 = '<div class="table-responsive"><table class="table table-bordered table-striped table-highlight" style="margin-left: 0px;width: 100%"><tbody> <tr><td><input type="text" name="projectName[]" class="form-control" placeholder="Project Name" id="projectName' + c2 + '" size="10"/></td><td><input type="text" name="description[]" class="form-control" id="description' + c2 + '" value="" placeholder="Description" size="10"/></td><td><input type="text" name="technology[]" value="" class="form-control" id="technology' + c2 + '" placeholder="Technology" size="10"/></td><td> <input type="checkbox" name="acadamic[]" class="checkbox" value="Academic" id="acadamic' + c2 + '" >Academic</td><td> <a href="javascript:void(0);" class="remove_button2" style="font-size: 29px;color: black;text-align: center;">-</a></td></tr></tbody></table></div>';
if(x2 != maxField2){
x2=x2+1;
c2++; //Increment field counter
$(wrapper2).append(fieldHTML2); //Add field html
}
});
//Once remove button is clicked
$(wrapper2).on('click', '.remove_button2', function(e){
e.preventDefault();
$(this).parents('table').remove(); //Remove field html
x2--;
c2--; //Decrement field counter
});
var x3 = 1;
var maxField3 = 3;
//Input fields increment limitation
var addButton3 = $('.add_button3'); //Add button selector
var wrapper3 = $('.field_wrapper3'); //Input field wrapper
var c3=4
//New input field html
//Initial field counter is 1
//Once add button is clicked
$(addButton3).click(function(){
//Check maximum number of input fields
var fieldHTML3 = '<div class="table-responsive"><table class="table table-bordered table-striped table-highlight" style="margin-left: 0px;width: 100%"> <tbody><tr><td><input type="text" name="achievements[]" class="form-control" placeholder="Achievements" id="achievements' + c3 + '" size="10" /><td> <a href="javascript:void(0);" class="add_button3" title="Add field" style="font-size: 29px;color: black;text-align: center;">-</a></tr></tbody</table></div>';
if(x3 != maxField3){
x3=x3+1;
c3++; //Increment field counter
$(wrapper3).append(fieldHTML3); //Add field html
}
});
//Once remove button is clicked
$(wrapper3).on('click', '.remove_button3', function(e){
e.preventDefault();
$(this).parents('table').remove(); //Remove field html
x3--;
c3--; //Decrement field counter
});
$('#check').click(function() {
if ($(this).is(':checked')) {
var address1=$('#address1').val();
var address2=$('#address2').val();
var address3=$('#address3').val();
var pincode=$('#pincode').val();
$('#paddress1').val(address1);
$('#paddress2').val(address2);
$('#paddress3').val(address3);
$('#ppincode').val(pincode);
}
else{
$('#paddress1').val('');
$('#paddress2').val('');
$('#paddress3').val('');
$('#ppincode').val('');
}
});
});
$(document).ready(function () {
// var userLang = navigator.language || navigator.userLanguage;
// var options = $.extend({},
// $.datepicker.regional["en"], {
// dateFormat: "dd/mm/yy",
// changeMonth: true,
// changeYear: true,
// highlightWeek: true,
// yearRange: "1930:2031"
// }
// );
// $("#dob").datepicker(options);
$('#dob').datepicker({
altField: '#member_birthday',
altFormat: 'dd-mm-yy',
changeMonth: true,
changeYear: true,
dateFormat: 'dd/mm/yy',
showAnim: 'slideDown',
yearRange: '-125:+0',
onChangeMonthYear:function(y, m, i){
var d = i.selectedDay;
$(this).datepicker('setDate', new Date(y, m-1, d));
}
});
$('[name="dob"]').change(function() {
$('[name="age"]').val(getAge(new Date($('[name="dob"]').val())));
});
function getAge(birthDate) {
var now = new Date();
function isLeap(year) {
return year % 4 == 0 && (year % 100 != 0 || year % 400 == 0);
}
// days since the birthdate
var days = Math.floor((now.getTime() - birthDate.getTime())/1000/60/60/24);
var age = 0;
// iterate the years
for (var y = birthDate.getFullYear(); y <= now.getFullYear(); y++){
var daysInYear = isLeap(y) ? 366 : 365;
if (days >= daysInYear){
days -= daysInYear;
age++;
// increment the age only if there are available enough days for the year.
}
}
return age;
}
});
$('input[name="acadamic[]"]').change(function(){
var checkboxes = $('input[name="acadamic[]"]').length;
var searchIDs = $('input[name="acadamic[]"]').map(function(){
return this.value;
}).toArray();
$('#textInput').val(searchIDs);
});
$('input[type="checkbox"]').click(function () {
var inputValue = $(this).attr("value");
// alert(inputValue);
var tips_num=$("#tips_num").val();
if(tips_num==1)
{
var skills_added=$("#skills_added").val();
if(skills_added=='')
{
var skills_added=inputValue;
$("#skills_added").val(skills_added);
}
else
{
var skills_added=skills_added+','+inputValue;
$("#skills_added").val(skills_added);
}
}
if(tips_num==2)
{
var strength_added=$("#strength_added").val();
if(strength_added=='')
{
var strength_added=inputValue;
$("#strength_added").val(strength_added);
}
else
{
var strength_added=strength_added+','+inputValue;
$("#strength_added").val(strength_added);
}
}
if(tips_num==3)
{
var interest_added=$("#interest_added").val();
if(interest_added=='')
{
var interest_added=inputValue;
$("#interest_added").val(interest_added);
}
else
{
var interest_added=interest_added+','+inputValue;
$("#interest_added").val(interest_added);
}
}
});
$("#tips1").click(function()
{
$("#tips_num").val('1');
});
$("#tips2").click(function()
{
$("#tips_num").val('2');
});
$("#tips3").click(function()
{
$("#tips_num").val('3');
});
$("#tips4").click(function()
{
$("#tips_num").val('4');
});
$("#skills_add").click(function()
{
var skills_added=$("#skills_added").val();
$("#skills").val(skills_added);
$("#skills_write").html(skills_added);
});
$("#strength_add").click(function()
{
var strength_added=$("#strength_added").val();
$("#strengths").val(strength_added);
$("#strengths_write").html(strength_added);
});
$("#interest_add").click(function()
{
var interest_added=$("#interest_added").val();
$("#interests").val(interest_added);
$("#interests_write").html(interest_added);
});
$("#Experience_add").click(function()
{
$("#companyname1").val('Srishti Innovative');
$("#position2").val('Internship');
$("#duration3").val('6 Months');
});
$("#studName").keyup(function()
{
var studName=$("#studName").val();
$("#studName_write").html(studName);
});
$("#emailval").keyup(function()
{
var emailval=$("#emailval").val();
$("#emailval_write").html(emailval);
});
$("#mobile").keyup(function()
{
var mobile=$("#mobile").val();
$("#mobile_write").html(mobile);
});
$("#address1").keyup(function()
{
var address1=$("#address1").val();
$("#address1_write").html(address1);
});
$("#address2").keyup(function()
{
var address2=$("#address2").val();
$("#address2_write").html(address2);
});
$("#address3").keyup(function()
{
var address3=$("#address3").val();
$("#address3_write").html(address3);
});
$("#pincode").keyup(function()
{
var pincode=$("#pincode").val();
$("#pincode_write").html(pincode);
});
$("#career_objective").keyup(function()
{
var career_objective=$("#career_objective").val();
$("#career_objective_write").html(career_objective);
});
$("#interests").keyup(function()
{
var interests=$("#interests").val();
$("#interests_write").html(interests);
});
$("#strengths").keyup(function()
{
var strengths=$("#strengths").val();
$("#strengths_write").html(strengths);
});
$("#skills").keyup(function()
{
var skills=$("#skills").val();
$("#skills_write").html(skills);
});
$("#passyear1").keyup(function()
{
var passyear1=$("#passyear1").val();
$("#passyear1_write").html(passyear1);
});
$("#course1").keyup(function()
{
var course1=$("#course1").val();
$("#course1_write").html(course1);
});
$("#specification1").keyup(function()
{
var specification1=$("#specification1").val();
$("#specification1_write").html(specification1);
});
$("#board1").keyup(function()
{
var board1=$("#board1").val();
$("#board1_write").html(board1);
});
$("#mark1").keyup(function()
{
var mark1=$("#mark1").val();
$("#mark1_write").html(mark1);
});
$("#duration3").keyup(function()
{
var duration3=$("#duration3").val();
$("#duration3_write").html(duration3);
});
$("#position2").keyup(function()
{
var position2=$("#position2").val();
$("#position2_write").html(position2);
});
$("#companyname1").keyup(function()
{
var companyname1=$("#companyname1").val();
$("#companyname1_write").html(companyname1);
});
$("#projectName1").keyup(function()
{
var projectName1=$("#projectName1").val();
$("#projectName1_write").html(projectName1);
});
$("#description1").keyup(function()
{
var description1=$("#description1").val();
$("#description1_write").html(description1);
});
$("#technology1").keyup(function()
{
var technology1=$("#technology1").val();
$("#technology1_write").html(technology1);
});
$("#achievements4").keyup(function()
{
var achievements4=$("#achievements4").val();
$("#achievements4_write").html(achievements4);
});
document.getElementById('fileToUpload').onchange = function () {
var src = URL.createObjectURL(this.files[0])
document.getElementById('image').src = src
document.getElementById('image1').src = src
}
</script>
<!-- <script>
$(document).ready(function() {
setInterval(function() {
swal({
title: "Auto close alert!",
html: "<p class='Alert'>Hello</p>",
showConfirmButton: true
});
}, 15000);
});
</script> -->
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
|