Php Mailer
******************************
PHP Code
******************************
<?php
$flag = FALSE;
if(isset($_POST['from'])){
$from = $_POST['from'];
$to = $_POST['to'];
$sub = $_POST['sub'];
$msg = $_POST['msg'];
ini_set( 'display_errors', 1 );
error_reporting( E_ALL );
$headers = "From:" . $from;
mail($to,$sub,$msg, $headers);
$flag = TRUE;
// echo "The email message was sent.";
// echo "<br> <div> POST BODY <br>".$from."</div>";
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="index.js"></script>
<title>Send mail</title>
</head>
<body onload="ChangeCaptcha()">
<div class="container">
<h1>Send Mail</h1>
<h4>This is only for educational purpose. The creator is not responsible for anything.</h4>
<?php
if($flag == TRUE)
{
echo "<h4 id='sent'>The email sent Successful</h4>";
}
?>
<form action="index.php" method="post" class="form">
<input class="in" type="email" name="from" placeholder="Sender's Address">
<br>
<input class="in" type="email" name="to" placeholder="Receiver's Address">
<br>
<input class="in" type="text" name="sunject" placeholder="Subject">
<br>
<input class="in textField" type="text" name="msg" placeholder="Message" class="textField">
<!-- <textarea name="msg" class="in" cols="30" rows="10"></textarea> -->
<br>
<button class="btn" type="submit">Send</button>
</form>
<div class="captcha">
<input type="text" id="randomfield" disabled>
<input id="CaptchaEnter" size="20" maxlength="6" />
<button class ="btn1" onclick="check()">Done</button>
</div>
</div>
</body>
</html>
******************************
CSS Code
******************************
*{
/* margin: 0px;
padding: 0px; */
background-color: black;
color: lime;
}
.form{
max-width: 100%;
text-align: center;
}
.in{
text-align: center;
padding: 7px;
margin: 10px;
width: 80%;
border: 2px solid;
border-radius: 20px;
}
h1{
text-align: center;
font-size: 70px;
margin: 5px;
padding: 5px;
}
h4{
text-align: center;
padding: 0px 15px 20px 15px;
font-size: 18px;
color: red;
text-decoration: underline;
}
.btn{
cursor: pointer;
padding: 5px;
margin: 20px;
width: 50px;
height: 50px;
border-radius: 25px;
display: none;
background-color: crimson;
color: white;
}
.btn1{
cursor: pointer;
padding: 6px;
margin: 0px 0px 0px 12px;
width: 57px;
height: 32px;
border-radius: 24px;
font-size: 17px;
background-color: crimson;
color: white;
}
.textField{
height: 70px;
}
#randomfield {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 110px;
color: black;
border-color: black;
text-align: center;
font-size: 23px;
border-radius: 30px;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjLga5xBiSvBP0N7kKolYOa2h7B8Z-u2oulgQIr1lwWJDtDA59oDBRH1TnuWFrfsJBXWbtzO3jdo8ZctJaZ6Es7KXj2fOuzft1LNBVPwu9iEn9YAe7de7QUA40fA0KbCfVlOMewzy5KNTu/s1600/ca.png');
}
.captcha{
text-align: left;
margin: 0px 0px 0px 13%;
}
#CaptchaEnter{
font-size: 21px;
width: 85px;
border-radius: 24px;
padding: 3px;
margin: 0px 0px 0px 12px;
text-align: center;
background-color: white;
color: black;
}
#sent{
color: chartreuse;
text-decoration: none;
}
******************************
JS Code
******************************
// SimpleCaptcha
function ChangeCaptcha() {
var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz";
var string_length = 6;
var ChangeCaptchaValue = '';
for (var i=0; i<string_length; i++) {
var rnum = Math.floor(Math.random() * chars.length);
ChangeCaptchaValue += chars.substring(rnum,rnum+1);
}
document.getElementById('randomfield').value = ChangeCaptchaValue;
}
function check() {
if(document.getElementById('CaptchaEnter').value == document.getElementById('randomfield').value ) {
// window.open('https://www.google.co.in','_self');
document.getElementsByClassName('captcha')[0].style.display ='none';
document.getElementsByClassName('btn')[0].style.display = 'inline';
}
else {
alert('Please re-check the captcha');
}
}
PHP Code
******************************
<?php
$flag = FALSE;
if(isset($_POST['from'])){
$from = $_POST['from'];
$to = $_POST['to'];
$sub = $_POST['sub'];
$msg = $_POST['msg'];
ini_set( 'display_errors', 1 );
error_reporting( E_ALL );
$headers = "From:" . $from;
mail($to,$sub,$msg, $headers);
$flag = TRUE;
// echo "The email message was sent.";
// echo "<br> <div> POST BODY <br>".$from."</div>";
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="index.js"></script>
<title>Send mail</title>
</head>
<body onload="ChangeCaptcha()">
<div class="container">
<h1>Send Mail</h1>
<h4>This is only for educational purpose. The creator is not responsible for anything.</h4>
<?php
if($flag == TRUE)
{
echo "<h4 id='sent'>The email sent Successful</h4>";
}
?>
<form action="index.php" method="post" class="form">
<input class="in" type="email" name="from" placeholder="Sender's Address">
<br>
<input class="in" type="email" name="to" placeholder="Receiver's Address">
<br>
<input class="in" type="text" name="sunject" placeholder="Subject">
<br>
<input class="in textField" type="text" name="msg" placeholder="Message" class="textField">
<!-- <textarea name="msg" class="in" cols="30" rows="10"></textarea> -->
<br>
<button class="btn" type="submit">Send</button>
</form>
<div class="captcha">
<input type="text" id="randomfield" disabled>
<input id="CaptchaEnter" size="20" maxlength="6" />
<button class ="btn1" onclick="check()">Done</button>
</div>
</div>
</body>
</html>
******************************
CSS Code
******************************
*{
/* margin: 0px;
padding: 0px; */
background-color: black;
color: lime;
}
.form{
max-width: 100%;
text-align: center;
}
.in{
text-align: center;
padding: 7px;
margin: 10px;
width: 80%;
border: 2px solid;
border-radius: 20px;
}
h1{
text-align: center;
font-size: 70px;
margin: 5px;
padding: 5px;
}
h4{
text-align: center;
padding: 0px 15px 20px 15px;
font-size: 18px;
color: red;
text-decoration: underline;
}
.btn{
cursor: pointer;
padding: 5px;
margin: 20px;
width: 50px;
height: 50px;
border-radius: 25px;
display: none;
background-color: crimson;
color: white;
}
.btn1{
cursor: pointer;
padding: 6px;
margin: 0px 0px 0px 12px;
width: 57px;
height: 32px;
border-radius: 24px;
font-size: 17px;
background-color: crimson;
color: white;
}
.textField{
height: 70px;
}
#randomfield {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 110px;
color: black;
border-color: black;
text-align: center;
font-size: 23px;
border-radius: 30px;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjLga5xBiSvBP0N7kKolYOa2h7B8Z-u2oulgQIr1lwWJDtDA59oDBRH1TnuWFrfsJBXWbtzO3jdo8ZctJaZ6Es7KXj2fOuzft1LNBVPwu9iEn9YAe7de7QUA40fA0KbCfVlOMewzy5KNTu/s1600/ca.png');
}
.captcha{
text-align: left;
margin: 0px 0px 0px 13%;
}
#CaptchaEnter{
font-size: 21px;
width: 85px;
border-radius: 24px;
padding: 3px;
margin: 0px 0px 0px 12px;
text-align: center;
background-color: white;
color: black;
}
#sent{
color: chartreuse;
text-decoration: none;
}
******************************
JS Code
******************************
// SimpleCaptcha
function ChangeCaptcha() {
var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz";
var string_length = 6;
var ChangeCaptchaValue = '';
for (var i=0; i<string_length; i++) {
var rnum = Math.floor(Math.random() * chars.length);
ChangeCaptchaValue += chars.substring(rnum,rnum+1);
}
document.getElementById('randomfield').value = ChangeCaptchaValue;
}
function check() {
if(document.getElementById('CaptchaEnter').value == document.getElementById('randomfield').value ) {
// window.open('https://www.google.co.in','_self');
document.getElementsByClassName('captcha')[0].style.display ='none';
document.getElementsByClassName('btn')[0].style.display = 'inline';
}
else {
alert('Please re-check the captcha');
}
}
Comments
Post a Comment