Beautiful Free Sliding Feedback Form

This is a Plug & Play Script for adding sliding feedback form on your website and ya you need jQuery too 🙂

Script & Style

<!-- Files For mRova Feedback Form [Dependency: jQuery] -->
	<script src="mrova-feedback-form.js" type="text/javascript"></script>
	<link rel="stylesheet" href="mrova-feedback-form.css" type="text/css"/>
	<!-- END -->

HTML

<!--Feedback Form HTML START -->
	<div id="mrova-feedback">
		<div id="mrova-contact-thankyou" style="display: none;">
			Thank you.  We'hv received your feedback.
		</div>
		<div id="mrova-form">
			<form id="mrova-contactform" action="#" method="post">
				<ul >
					<li>
						<label for="mrova-name">Your Name*</label> <input type="text" name="mrova-name" class="required" id="mrova-name" value="">
					</li>
					<li>
						<label for="mrova-email">Email*</label> <input type="text" name="mrova-email" class="required" id="mrova-email" value="">
					</li>
					<li>
						<label for="mrova-message">Message*</label>
						<textarea class="required" id="mrova-message" name="mrova-message"  rows="8" cols="30"></textarea>
					</li>
				</ul>
				<input type="submit" value="Send" id="mrova-sendbutton" name="mrova-sendbutton">
			</form>
		</div>
		<div id="mrova-img-control"></div>
	</div>
	<!-- Feedback Form HTML END -->

PHP For Sending Mail

<?php
header('content-type: application/json; charset=utf-8');
 
if (isset($_GET["mrova-name"])) {
	$name = strip_tags($_GET['mrova-name']);
	$email = strip_tags($_GET['mrova-email']);
	$message = strip_tags($_GET['mrova-message']);
	$header = "From: ". $name . " <" . $email . ">rn"; 
 
	$ip = $_SERVER['REMOTE_ADDR'];
	$httpref = $_SERVER['HTTP_REFERER'];
	$httpagent = $_SERVER['HTTP_USER_AGENT'];
	$today = date("F j, Y, g:i a");    
 
	$recipient = 'sunny@mrova.com';
	$subject = 'Contact Form';
	$mailbody = "
First Name: $name
Email: $email
Message: $message
 
IP: $ip
Browser info: $httpagent
Referral: $httpref
Sent: $today
";
	$result = 'success';
 
	if (mail($recipient, $subject, $mailbody, $header)) {
		echo json_encode($result);
	}
}
?>

Screenshots

We ask only for a Tweet (a small thank you for our work). Please tweet to unlock and get your link to Download! 🙂

Demo