SMTP Feedback Mail class with jQuery Slide Effect.
Wall Script
Follow Me:
Thursday, February 05, 2009

SMTP Feedback Mail class with jQuery Slide Effect.

This post about feedback mail with nice slide effect using php SMTP class and jQuery. It's very useful to add your php websites as like contact/feedback page.
I have downloaded this SMTP class from phpclasses.org. Include with jQuery Slide effect just you have to upload these files into hosting server.

Feedback page with slide effect.


Download Script     Live Demo

You have to add this jquery script in feedback.php:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/
1.3.0/jquery.min.js">type="text/javascript" </script>
 
<script type="text/javascript">
$(document).ready(function(){
 
 $(".button-slide").click(function(){

  $("#board").slideToggle("slow");
  $(this).toggleClass("active"); return false;

 });
  
});
</script>
feedback.php
Contains simple PHP and HTML script. You have to change feedback email id.
<?php
require ("smtpclass.php");
if($_SERVER["REQUEST_METHOD"] == "POST")
 {
$smtp=new SMTPMAIL;

$from=$_POST['email']; 
$body=$_POST['msg']; 
$to="Admin<admin@domain.com>";

$cc="";
$subject="Feedback Mail";
 
  if(!$smtp->send_smtp_mail($to,$subject,$body,$cc,$from))

 $error="Error in sending mail!<BR>Error: ".$smtp->error;
  else
 $report="Mail sent succesfully!";
}
?>
<div style="display: none;" id="board" align="center"><br />
<form id="form1" name="form1" method="post" action="">

  Your Email : <input type="text" name="email" size="25"/>
  Message :<textarea name="msg"  rows="5" cols="23"></textarea>

  <input type="submit" value=" Send " />
  <?php echo $report; echo $error; ?>

  </form></div>
<div align="center"><a href="#" class="button-slide">
Feedback </a></div>

SMTPclass.php
Upload this file into your hosting space. No need to touch this code it's automatically detects your website SMTP mail address.

Download Script

CSS Code :
Include this CSS code in feedback.php.
#board {
  background:#dedede;
 height: 205px;display: none;
  width: 300px;border-bottom: solid 4px #006699;
  position:absolute;
 }
.button-slide {
 text-align: center;background-color:#006699;
  width: 94px;height: 21px;
  padding: 6px 6px 0 0;margin: 0 auto;display: block;
  font: bold 120%/100% Arial, Helvetica, sans-serif;
  color: #fff;text-decoration: none;
 position:fixed;
}
Download Script     Live Demo
Note : I was hosting my demos is 110mb.com. Its a free php hosting area they are not providing any SMTP support.


Related Post :
Delete a Record with animation fade-out effect using jQuery and Ajax.
Twitter Like Flash Message with jQuery.
Perfect Javascript Form Validation using Regular Expressions.
Analyzing URLs as Links to the resource using a PHP function.
Exactly Twitter like Follow and Remove buttons with jQuery and Ajax
Was this article helpful?
Thanks! Your feedback helps us to improve 9lessons.info


13 comments:

  1. if this was using AJAX to send the email without reloading the page - it would be perfect!

    ReplyDelete
  2. Warning, the feedback page with slide effect doesn't wokr well in ie6.

    ReplyDelete
  3. Added to "tutlist.com":http://tutlist.com

    ReplyDelete
  4. getting 220-We do not authorize the use of this system to transport unsolicited,


    help!

    ReplyDelete
  5. These are rather nice pieces of code - I'll be looking the usefulness for some of this batch ;-)

    ReplyDelete
  6. Hello! your work is great but i am getting error on this script. please help me to solve this.
    thanks

    Error: 220-We do not authorize the use of this system to transport unsolicited,

    ReplyDelete
  7. SMTP feedback mail class not working,, it's shows error msg "Error in sending mail!
    Error: Error(111):Connection refused"

    ReplyDelete
  8. i try these but not send the mail plz help me

    ReplyDelete
  9. Thankyou for this tutorial..i need a help can we send different email attached with a link based upon the selection done from a dropdown field ??
    waiting for your reply ,Thankyou :)

    ReplyDelete

Make in India