R
rchaseMay 24, 2016
Hi Thank you for making this awesome theme!
I removed some of the fields from the job application in both HTML + PHP, and I added a file upload to it that I took from one of your contact form examples, but made sure it matched up in PHP + HTML
Everything works great, just one problem, there is no success message for some reason so the page keeps spinning after you hit submit
I had the exact same problem with the Contact Form but I read a post here and fixed it by changing SMTP debug = 0, but it didnt work this time on job application form.
Site:
http://dev.homemountain.com/jobs.php
Here's my code
PHP
<?php
require_once('phpmailer/PHPMailerAutoload.php');
$toemails = array();
$toemails[] = array(
'email' => 'rchase@homemountain.com', // Your Email Address
'name' => 'Reilly Chase' // Your Name
);
// Form Processing Messages
$message_success = 'We have <strong>successfully</strong> received your Application and will get Back to you as soon as possible.';
// Add this only if you use reCaptcha with your Contact Forms
$recaptcha_secret = '6LeZyyATAAAAAL18NQLGiXmEY22GEVVqaG5HCQXn'; // Your reCaptcha Secret
$mail = new PHPMailer();
$mail->IsSMTP();
$mail->Sender = 'rchase@homemountain.com';
$mail->Host = "myserver";
$mail->SMTPSecure = "ssl";
$mail->SMTPDebug = 0;
$mail->SMTPAuth = true;
$mail->Port = 465;
$mail->Username = "rchase@homemountain.com";
$mail->Password = "mypassword";
// If you intend you use SMTP, add your SMTP Code after this Line
if( $_SERVER['REQUEST_METHOD'] == 'POST' ) {
$fname = $_POST['template-jobform-fname'];
$lname = $_POST['template-jobform-lname'];
$email = $_POST['template-jobform-email'];
$position = $_POST['template-jobform-position'];
$website = $_POST['template-jobform-website'];
$application = $_POST['template-jobform-application'];
$name = $fname . ' ' . $lname;
$subject = 'New Job Application';
$botcheck = $_POST['template-jobform-botcheck'];
if( $botcheck == '' ) {
$mail->SetFrom( $email , $name );
$mail->AddReplyTo( $email , $name );
foreach( $toemails as $toemail ) {
$mail->AddAddress( $toemail['email'] , $toemail['name'] );
}
$mail->Subject = $subject;
$name = isset($name) ? "Name: $name
" : '';
$email = isset($email) ? "Email: $email
" : '';
$position = isset($position) ? "Position: $position
" : '';
$website = isset($website) ? "Website: $website
" : '';
$application = isset($application) ? "Application: $application
" : '';
$referrer = $_SERVER['HTTP_REFERER'] ? '
This Form was submitted from: ' . $_SERVER['HTTP_REFERER'] : '';
$body = "$name $email $position $website $application $referrer";
// Runs only when File Field is present in the Contact Form
if ( isset( $_FILES['template-jobform-cvfile'] ) && $_FILES['template-jobform-cvfile']['error'] == UPLOAD_ERR_OK ) {
$mail->IsHTML(true);
$mail->AddAttachment( $_FILES['template-jobform-cvfile']['tmp_name'], $_FILES['template-jobform-cvfile']['name'] );
}
// Runs only when reCaptcha is present in the Contact Form
if( isset( $_POST['g-recaptcha-response'] ) ) {
$recaptcha_response = $_POST['g-recaptcha-response'];
$response = file_get_contents( "https://www.google.com/recaptcha/api/siteverify?secret=" . $recaptcha_secret . "&response=" . $recaptcha_response );
$g_response = json_decode( $response );
if ( $g_response->success !== true ) {
echo '{ "alert": "error", "message": "Captcha not Validated! Please try again." }';
die;
}
}
$mail->MsgHTML( $body );
$sendEmail = $mail->Send();
if( $sendEmail == true ):
echo 'We have <strong>successfully</strong> received your application and will get back to you as soon as possible.';
else:
echo 'Email <strong>could not</strong> be sent due to some Unexpected Error. Please try again later.
<strong>Reason:</strong>
' . $mail->ErrorInfo . '';
endif;
} else {
echo '<strong>Bot Detected</strong>. Email not sent.';
}
} else {
echo 'An <strong>Unexpected Error</strong> occured. Please try again later.';
}
?>HTML
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="SemiColonWeb" />
<!-- Stylesheets
============================================= -->
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,400italic,600,700|Raleway:300,400,500,600,700|Crete+Round:400italic" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" href="css/swiper.css" type="text/css" />
<link rel="stylesheet" href="css/dark.css" type="text/css" />
<link rel="stylesheet" href="css/font-icons.css" type="text/css" />
<link rel="stylesheet" href="css/animate.css" type="text/css" />
<link rel="stylesheet" href="css/magnific-popup.css" type="text/css" />
<link rel="stylesheet" href="css/responsive.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<!-- Document Title
============================================= -->
<link rel="stylesheet" href="css/custom.css" type="text/css" />
<link rel="stylesheet" href="css/colors.css" type="text/css" />
<script type="text/javascript" src="js/plugins.js"></script>
<title>Jobs - Home Mountain Printing | Valparaiso, IN</title>
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper" class="clearfix">
<!-- Header
============================================= -->
<header id="header">
<div id="header-wrap">
<div class="container clearfix">
<div id="primary-menu-trigger"><i class="icon-reorder"></i></div>
<!-- Logo
============================================= -->
<div id="logo">
<a href="index.php" class="standard-logo" data-dark-logo="images/logo-dark.png"><img src="images/logo.png" alt="Canvas Logo"></a>
<a href="index.php" class="retina-logo" data-dark-logo="images/logo-dark@2x.png"><img src="images/logo@2x.png" alt="Canvas Logo"></a>
</div><!-- #logo end -->
<!-- Primary Navigation
============================================= -->
<nav id="primary-menu" class="style-2">
<ul>
<li><a href="/index.php"><div>Home</div></a></li>
<li><a href="/about.php"><div>About</div></a></li>
<li><a href="/index.php#products"><div>Products</div></a>
<ul>
<li><a href="/business_cards.php"><div>Business Cards</div></a>
<ul>
<li><a href="#"><div>Design Online</div></a></li>
<li><a href="#"><div>Upload Your Design</div></a></li>
<li><a href="#"><div>Browse Our Templates</div></a></li>
</ul>
</li>
<li><a href="/flyers.php"><div>Flyers</div></a>
<ul>
<li><a href="#"><div>Design Online</div></a></li>
<li><a href="#"><div>Upload Your Design</div></a></li>
<li><a href="#"><div>Browse Our Templates</div></a></li>
</ul>
</li>
<li><a href="/brochures.php"><div>Brochures</div></a>
<ul>
<li><a href="#"><div>Design Online</div></a></li>
<li><a href="#"><div>Upload Your Design</div></a></li>
<li><a href="#"><div>Browse Our Templates</div></a></li>
</ul>
</li>
<li><a href="/postcards.php"><div>Postcards</div></a>
<ul>
<li><a href="#"><div>Design Online</div></a></li>
<li><a href="#"><div>Upload Your Design</div></a></li>
<li><a href="#"><div>Browse Our Templates</div></a></li>
</ul>
</li>
<li><a href="/letterhead.php"><div>Letterhead</div></a>
<ul>
<li><a href="#"><div>Design Online</div></a></li>
<li><a href="#"><div>Upload Your Design</div></a></li>
<li><a href="#"><div>Browse Our Templates</div></a></li>
</ul>
</li>
<li><a href="/posters.php"><div>Posters</div></a>
<ul>
<li><a href="#"><div>Design Online</div></a></li>
<li><a href="#"><div>Upload Your Design</div></a></li>
<li><a href="#"><div>Browse Our Templates</div></a></li>
</ul>
</li>
<li><a href="/invitations.php"><div>Invitations</div></a>
<ul>
<li><a href="#"><div>Design Online</div></a></li>
<li><a href="#"><div>Upload Your Design</div></a></li>
<li><a href="#"><div>Browse Our Templates</div></a></li>
</ul>
</li>
<li><a href="/greeting_cards.php"><div>Greeting Cards</div></a>
<ul>
<li><a href="#"><div>Design Online</div></a></li>
<li><a href="#"><div>Upload Your Design</div></a></li>
<li><a href="#"><div>Browse Our Templates</div></a></li>
</ul>
</li>
<li><a href="/magazines.php"><div>Magazines</div></a>
<li><a href="/newspapers.php"><div>Newspapers</div></a>
<li><a href="/calendars.php"><div>Calendars</div></a>
<li><a href="/newsletters.php"><div>Newsletters</div></a>
<li><a href="/invitations.php"><div>Envelopes</div></a>
</ul>
</li>
<li><a href="/index.php#solutions"><div>Solutions</div></a>
<ul>
<li><a href="direct_mail.php"><div><i class="icon-line2-envelope"></i>Direct Mail</div></a></li>
<li><a href="web_to_print.php"><div><i class="icon-line2-screen-desktop"></i>Web to Print</div></a></li>
<li><a href="distribution.php"><div><i class="icon-line-box"></i>Distribution</div></a></li>
</ul>
</li>
<li class="current"><a href="jobs.php"><div>Jobs</div></a>
<li><a href="contact.php"><div>Contact</div></a></li>
<li><a href="https://devhomemountain.myprintdesk.net/DSF/SmartStore.aspx?6xni2of2cF1F4WjmMihQepexf8hiNmebcdCtBG4QNsUf8enAFRcNKVDsuUDKsgC0#!/CategoryHome/-1"><div>Shop</div></a></li>
</ul>
<!-- Top Cart
============================================= -->
<div id="top-cart">
<a href="https://devhomemountain.myprintdesk.net/DSF/SmartStore.aspx?6xni2of2cF1F4WjmMihQepexf8hiNmebcdCtBG4QNsUf8enAFRcNKVDsuUDKsgC0#!/DefaultLogin/" target="_blank"><i class="icon-user"></i></a>
<a href="https://devhomemountain.myprintdesk.net/DSF/SmartStore.aspx?6xni2of2cF1F4WjmMihQepexf8hiNmebcdCtBG4QNsUf8enAFRcNKVDsuUDKsgC0#!/ShoppingCart" target="_blank"><i class="icon-shopping-cart"></i></a>
</div><!-- #top-cart end -->
<!-- Top Search
============================================= -->
<div id="top-search">
<a href="#" id="top-search-trigger"><i class="icon-search3"></i><i class="icon-line-cross"></i></a>
<form action="search.html" method="get">
<input type="text" name="q" class="form-control" value="" placeholder="Type & Hit Enter..">
</form>
</div><!-- #top-search end -->
</nav><!-- #primary-menu end -->
</div>
</div>
</header><!-- #header end -->
<!-- Page Title
============================================= -->
<section id="page-title" class="page-title-mini">
<div class="container clearfix">
<h1>Jobs</h1>
<ol class="breadcrumb">
<li><a href="index.php">Home</a></li>
<li class="current">Jobs</li>
</ol>
</div>
</section><!-- #page-title end -->
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap">
<div class="container clearfix">
<div class="col_three_fifth nobottommargin">
<div class="fancy-title title-bottom-border">
<h3>Customer Service Representative</h3>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo, natus voluptatibus adipisci porro magni dolore eos eius ducimus corporis quos perspiciatis quis iste, vitae autem libero ullam omnis cupiditate quam.</p>
<div class="accordion accordion-bg clearfix">
<div class="acctitle"><i class="acc-closed icon-ok-circle"></i><i class="acc-open icon-remove-circle"></i>Requirements</div>
<div class="acc_content clearfix">
<ul class="iconlist iconlist-color nobottommargin">
<li><i class="icon-ok"></i>B.Tech./ B.E / MCA degree in Computer Science, Engineering or a related stream.</li>
<li><i class="icon-ok"></i>3+ years of software development experience.</li>
<li><i class="icon-ok"></i>3+ years of Python / Java development projects experience.</li>
<li><i class="icon-ok"></i>Minimum of 4 live project roll outs.</li>
<li><i class="icon-ok"></i>Experience with third-party libraries and APIs.</li>
<li><i class="icon-ok"></i>In depth understanding and experience of either SDLC or PDLC.</li>
<li><i class="icon-ok"></i>Good Communication Skills</li>
<li><i class="icon-ok"></i>Team Player</li>
</ul>
</div>
<div class="acctitle"><i class="acc-closed icon-ok-circle"></i><i class="acc-open icon-remove-circle"></i>What we Expect from you?</div>
<div class="acc_content clearfix">
<ul class="iconlist iconlist-color nobottommargin">
<li><i class="icon-plus-sign"></i>Design and build applications/ components using open source technology.</li>
<li><i class="icon-plus-sign"></i>Taking complete ownership of the deliveries assigned.</li>
<li><i class="icon-plus-sign"></i>Collaborate with cross-functional teams to define, design, and ship new features.</li>
<li><i class="icon-plus-sign"></i>Work with outside data sources and API's.</li>
<li><i class="icon-plus-sign"></i>Unit-test code for robustness, including edge cases, usability, and general reliability.</li>
<li><i class="icon-plus-sign"></i>Work on bug fixing and improving application performance.</li>
</ul>
</div>
<div class="acctitle"><i class="acc-closed icon-ok-circle"></i><i class="acc-open icon-remove-circle"></i>What you've got?</div>
<div class="acc_content clearfix">You'll be familiar with agile practices and have a highly technical background, comfortable discussing detailed technical aspects of system design and implementation, whilst remaining business driven. With 5+ years of systems analysis, technical analysis or business analysis experience, you'll have an expansive toolkit of communication techniques to enable shared, deep understanding of financial and technical concepts by diverse stakeholders with varying backgrounds and needs. In addition, you will have exposure to financial systems or accounting knowledge.</div>
</div>
<a href="#" data-scrollto="#job-apply" data-highlight="yellow" class="button button-3d button-black nomargin">Apply Now</a>
<div class="divider divider-short"><i class="icon-star3"></i></div>
<div class="fancy-title title-bottom-border">
<h3>Sales Representative</h3>
</div>
<p>Repudiandae quasi perspiciatis ea placeat nobis asperiores quod fuga ipsa facere enim ipsum expedita debitis, sit quia adipisci deserunt vitae hic obcaecati voluptates rerum nihil.</p>
<div class="accordion accordion-bg clearfix">
<div class="acctitle"><i class="acc-closed icon-ok-circle"></i><i class="acc-open icon-remove-circle"></i>Requirements</div>
<div class="acc_content clearfix">
<ul class="iconlist iconlist-color nobottommargin">
<li><i class="icon-ok"></i>B.Tech./ B.E / MCA degree in Computer Science, Engineering or a related stream.</li>
<li><i class="icon-ok"></i>3+ years of software development experience.</li>
<li><i class="icon-ok"></i>3+ years of Python / Java development projects experience.</li>
<li><i class="icon-ok"></i>Minimum of 4 live project roll outs.</li>
<li><i class="icon-ok"></i>Experience with third-party libraries and APIs.</li>
<li><i class="icon-ok"></i>In depth understanding and experience of either SDLC or PDLC.</li>
<li><i class="icon-ok"></i>Good Communication Skills</li>
<li><i class="icon-ok"></i>Team Player</li>
</ul>
</div>
<div class="acctitle"><i class="acc-closed icon-ok-circle"></i><i class="acc-open icon-remove-circle"></i>What we Expect from you?</div>
<div class="acc_content clearfix">
<ul class="iconlist iconlist-color nobottommargin">
<li><i class="icon-plus-sign"></i>Design and build applications/ components using open source technology.</li>
<li><i class="icon-plus-sign"></i>Taking complete ownership of the deliveries assigned.</li>
<li><i class="icon-plus-sign"></i>Collaborate with cross-functional teams to define, design, and ship new features.</li>
<li><i class="icon-plus-sign"></i>Work with outside data sources and API's.</li>
<li><i class="icon-plus-sign"></i>Unit-test code for robustness, including edge cases, usability, and general reliability.</li>
<li><i class="icon-plus-sign"></i>Work on bug fixing and improving application performance.</li>
</ul>
</div>
<div class="acctitle"><i class="acc-closed icon-ok-circle"></i><i class="acc-open icon-remove-circle"></i>What you've got?</div>
<div class="acc_content clearfix">You'll be familiar with agile practices and have a highly technical background, comfortable discussing detailed technical aspects of system design and implementation, whilst remaining business driven. With 5+ years of systems analysis, technical analysis or business analysis experience, you'll have an expansive toolkit of communication techniques to enable shared, deep understanding of financial and technical concepts by diverse stakeholders with varying backgrounds and needs. In addition, you will have exposure to financial systems or accounting knowledge.</div>
</div>
<a href="#" data-scrollto="#job-apply" data-highlight="yellow" class="button button-3d button-black nomargin">Apply Now</a>
<div class="divider divider-short"><i class="icon-star3"></i></div>
<div class="fancy-title title-bottom-border">
<h3>Graphic Designer</h3>
</div>
<p>Repudiandae quasi perspiciatis ea placeat nobis asperiores quod fuga ipsa facere enim ipsum expedita debitis, sit quia adipisci deserunt vitae hic obcaecati voluptates rerum nihil.</p>
<div class="accordion accordion-bg clearfix">
<div class="acctitle"><i class="acc-closed icon-ok-circle"></i><i class="acc-open icon-remove-circle"></i>Requirements</div>
<div class="acc_content clearfix">
<ul class="iconlist iconlist-color nobottommargin">
<li><i class="icon-ok"></i>B.Tech./ B.E / MCA degree in Computer Science, Engineering or a related stream.</li>
<li><i class="icon-ok"></i>3+ years of software development experience.</li>
<li><i class="icon-ok"></i>3+ years of Python / Java development projects experience.</li>
<li><i class="icon-ok"></i>Minimum of 4 live project roll outs.</li>
<li><i class="icon-ok"></i>Experience with third-party libraries and APIs.</li>
<li><i class="icon-ok"></i>In depth understanding and experience of either SDLC or PDLC.</li>
<li><i class="icon-ok"></i>Good Communication Skills</li>
<li><i class="icon-ok"></i>Team Player</li>
</ul>
</div>
<div class="acctitle"><i class="acc-closed icon-ok-circle"></i><i class="acc-open icon-remove-circle"></i>What we Expect from you?</div>
<div class="acc_content clearfix">
<ul class="iconlist iconlist-color nobottommargin">
<li><i class="icon-plus-sign"></i>Design and build applications/ components using open source technology.</li>
<li><i class="icon-plus-sign"></i>Taking complete ownership of the deliveries assigned.</li>
<li><i class="icon-plus-sign"></i>Collaborate with cross-functional teams to define, design, and ship new features.</li>
<li><i class="icon-plus-sign"></i>Work with outside data sources and API's.</li>
<li><i class="icon-plus-sign"></i>Unit-test code for robustness, including edge cases, usability, and general reliability.</li>
<li><i class="icon-plus-sign"></i>Work on bug fixing and improving application performance.</li>
</ul>
</div>
<div class="acctitle"><i class="acc-closed icon-ok-circle"></i><i class="acc-open icon-remove-circle"></i>What you've got?</div>
<div class="acc_content clearfix">You'll be familiar with agile practices and have a highly technical background, comfortable discussing detailed technical aspects of system design and implementation, whilst remaining business driven. With 5+ years of systems analysis, technical analysis or business analysis experience, you'll have an expansive toolkit of communication techniques to enable shared, deep understanding of financial and technical concepts by diverse stakeholders with varying backgrounds and needs. In addition, you will have exposure to financial systems or accounting knowledge.</div>
</div>
<a href="#" data-scrollto="#job-apply" data-highlight="yellow" class="button button-3d button-black nomargin">Apply Now</a>
</div>
<div class="col_two_fifth nobottommargin col_last">
<div id="job-apply" class="heading-block highlight-me">
<h2>Apply Now</h2>
</div>
<div class="contact-widget">
<div class="contact-form-result"></div>
<form action="include/jobs.php" id="template-jobform" name="template-jobform" method="post" role="form">
<div class="form-process"></div>
<div class="col_half">
<label for="template-jobform-fname">First Name <small>*</small></label>
<input type="text" id="template-jobform-fname" name="template-jobform-fname" value="" class="sm-form-control required" />
</div>
<div class="col_half col_last">
<label for="template-jobform-lname">Last Name <small>*</small></label>
<input type="text" id="template-jobform-lname" name="template-jobform-lname" value="" class="sm-form-control required" />
</div>
<div class="clear"></div>
<div class="col_full">
<label for="template-jobform-email">Email <small>*</small></label>
<input type="email" id="template-jobform-email" name="template-jobform-email" value="" class="required email sm-form-control" />
</div>
<div class="clear"></div>
<div class="col_full">
<label for="template-jobform-service">Position <small>*</small></label>
<select name="template-jobform-position" id="template-jobform-position" class="sm-form-control required">
<option value="">-- Select Position --</option>
<option value="Customer Service Representative">Customer Service Representative</option>
<option value="Sales Representative">Sales Representative</option>
<option value="Graphic Designer">Graphic Designer</option>
</select>
</div>
<div class="clear"></div>
<div class="col_full">
<label for="template-jobform-website">Website (if any)</label>
<input type="text" name="template-jobform-website" id="template-jobform-website" value="" size="22" class="sm-form-control" />
</div>
<div class="col_full">
<label for="template-jobform-application">Application <small>*</small></label>
<textarea name="template-jobform-application" id="template-jobform-application" rows="6" class="sm-form-control required"></textarea>
</div>
<div class="col_full">
<label for="template-jobform-cvfile">Upload CV</label>
<input type="file" id="template-jobform-cvfile" name="template-jobform-cvfile" value="" class="sm-form-control" />
</div>
<div class="col_full">
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<div class="g-recaptcha" data-sitekey="6LeZyyATAAAAAHwD68xJ6XAZA9G0pGT3CWQpB7ub"></div>
</div>
<div class="col_full hidden">
<input type="text" id="template-jobform-botcheck" name="template-jobform-botcheck" value="" class="sm-form-control" />
</div>
<div class="col_full">
<button class="button button-3d button-large btn-block nomargin button-black" name="template-jobform-apply" type="submit" value="apply">Send Application</button>
</div>
</form>
</div>
</div>
</div>
<?php require 'footer.php' ?>
</section><!-- #content end -->