تبليغات

Contactable یک پلاگین jQuery است که به شما کمک می کند به سادگی و سرعت ، فرم تماس مورد نظرتان را ایجاد کنید . مشخصه اصلی پلاگین این است که به آسانی می توان آن را به صفحات اضافه کرد با کمترین تغییر در کدها . این فرم در سمت چپ صفحه قرار خواهد گرفت و دارای قابلیت validation یا اعتبار سنجی ورودی کاربر نیز هست و سپس تماس را به ایمیل شما ارسال می کند.

contactable

 

نحوه استفاده

نحوه استفاده از این افزونه ساده است ، برای شروع باید یک Div با id زیر ایجاد کنید

<div id="contact">
</div>

همچنین باید خود کتابخانه jQuery و پلاگین Validator را به صفحه الحاق کنید

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery.validate.pack.js"></script>
<script type="text/javascript" src="jquery.contactable.min.js"></script>

برای شروع کار پلاگین کافیست آن را به id تگ اولی فراخوانی کنید .همچنین اگر فایل سورس را دانلود کنید یک فایل بنام mail.php خواهید دید که برای کارکردن صحیح فرم لازم است . کد زیر را داخل تگ scriptو در بخش head صفحه قرار دهید

$(function(){
$('#contact').contactable({
subject: 'A Feeback Message'
});
});

نکته مهم : بعد از دانلود پروژه از پایین ، فایل mail.php را باز کرده در خط ۱۸ آن عبارت /*RECIPIENTS EMAIL ADDRESS HERE*/ ، را پاک کرده و ایمیل خود را به جای آن وارد کنید و فایل را ذخیره کنید.دقت کنید که تماس ها به این ایمیل ارسال خواهند شد.

mail('/*RECIPIENTS EMAIL ADDRESS HERE*/', $subject, $contactMessage);

 

تنظیمات Contactable

این پلاگین یک سری تنظیمات در داخل فایل jquery.contactable.js دارد که مثلا مسیر فایل mail.php ، عناوین فیلدها و … را می توانید در آن تغییر دهید

 

13
var defaults = {
name: 'نام',
email: 'ایمیل',
message : 'پیام',
subject : 'متن تماس',
submit : 'ارسال',
recievedMsg : 'از تماس شما ممنونم . در صورت نیاز ،در اولین فرصت پاسخ خواهم داد.متشکرم :)',
notRecievedMsg : 'متاسفانه پیام شما ارسال نشد .لطفا مدتی بعد تلاش کنید .',
disclaimer: 'ایمیل تماس : info@fotolia.ir',
hideOnSubmit: false
};
منبع: fotolia.ir

مقالات - برنامه نویسی تحت وب PHP

تبلیغات

مقالات

تبلیغات

ورود و خروج