منتديات تراتيل شاعر

منتديات تراتيل شاعر (http://tra-sh.com/vb/index.php)
-   تطوير المواقع والمنتديات ▪● (http://tra-sh.com/vb/forumdisplay.php?f=44)
-   -   درس عمل صفحة الأتصال بنا - contactus لموقعك وصول الرسالة الى الايميل مباشرة (http://tra-sh.com/vb/showthread.php?t=115559)

رحيل المشاعر 10-15-2018 08:50 PM

درس عمل صفحة الأتصال بنا - contactus لموقعك وصول الرسالة الى الايميل مباشرة
 

درس اليوم سهل جدا وما يوجد فيه اي نوع من صعوبه

بسبب كثرة الاسئلة عن هذه الخاصية وهي الاتصال بنا

ويوجود الكثير من الاسئلة حول كثرة الاكواد وعدم نجاح عملية الاتصال بنا باستعمال هذه الاكواد سوف اقوم اليوم بتقديم الكود

لكم ومع شرح خصائص وشرح طريقة تركيب في الموقع الخاص بك بشكل سهوله ويسرر

نبدا الدرس على بركة الله http://www.traidnt.net/vb/images/emoji/emoji37.png


اول خطوة - نقوم بنشاء صفحة الاتصال بنا باسم contact.php



ثاني خطوة - نقود باضافة كود الخاص بهذه الصفحة التالي http://www.traidnt.net/vb/images/emoji/emoji13.png




كود PHP:

<form name="contactform" method="post" action="send_form_email.php"> <table width="450px"> <tr> <td valign="top"> <label for="first_name">First Name *</label> </td> <td valign="top"> <input type="text" name="first_name" maxlength="50" size="30"> </td> </tr> <tr> <td valign="top""> <label for="last_name">Last Name *</label> </td> <td valign="top"> <input type="text" name="last_name" maxlength="50" size="30"> </td> </tr> <tr> <td valign="top"> <label for="email">Email Address *</label> </td> <td valign="top"> <input type="text" name="email" maxlength="80" size="30"> </td> </tr> <tr> <td valign="top"> <label for="telephone">Telephone Number</label> </td> <td valign="top"> <input type="text" name="telephone" maxlength="30" size="30"> </td> </tr> <tr> <td valign="top"> <label for="comments">Comments *</label> </td> <td valign="top"> <textarea name="comments" maxlength="1000" cols="25" rows="6"></textarea> </td> </tr> <tr> <td colspan="2" style="text-align:center"> <input type="submit" value="Submit"> </td> </tr> </table> </form>






# صورة توضح شكل الكود في صفحةhttp://www.traidnt.net/vb/images/emoji/emoji35.png

http://tra-sh.com/vb/



ثالث خطوة - نقوم بنشاء صفحة استقبال نتائج المرسلة باسم send_form_email.php من نموذج الموجود داخلcontact.php
بحيث تقوم بفحص اخطاء http://www.traidnt.net/vb/images/emoji/emoji14.png

1. فحص المعلومات الموجوده داخل النموذج.

2.
عرض رسائل الاخطاء.
3.
عرض ايضا الحقل الاجباري ان قام العضو بعدم تعبئة المعلومات بشكل الصحيح.
4.
ايضا تاكد من كتابة الايميل بشكل الصحح.



رابع خطوة - نقود باضافة كود الخاص بهذه الصفحة التالي http://www.traidnt.net/vb/images/emoji/emoji13.png




كود PHP:

<?php if(isset($_POST['email'])) { // EDIT THE 2 LINES BELOW AS REQUIRED $email_to = "you@yourdomain.com"; $email_subject = "Your email subject line"; function died($error) { // your error code can go here echo "We are very sorry, but there were error(s) found with the form you submitted. "; echo "These errors appear below.<br /><br />"; echo $error."<br /><br />"; echo "Please go back and fix these errors.<br /><br />"; die(); } // validation expected data exists if(!isset($_POST['first_name']) || !isset($_POST['last_name']) || !isset($_POST['email']) || !isset($_POST['telephone']) || !isset($_POST['comments'])) { died('We are sorry, but there appears to be a problem with the form you submitted.'); } $first_name = $_POST['first_name']; // required $last_name = $_POST['last_name']; // required $email_from = $_POST['email']; // required $telephone = $_POST['telephone']; // not required $comments = $_POST['comments']; // required $error_message = ""; $email_exp = '/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/'; if(!preg_match($email_exp,$email_from)) { $error_message .= 'The Email Address you entered does not appear to be valid.<br />'; } $string_exp = "/^[A-Za-z .'-]+$/"; if(!preg_match($string_exp,$first_name)) { $error_message .= 'The First Name you entered does not appear to be valid.<br />'; } if(!preg_match($string_exp,$last_name)) { $error_message .= 'The Last Name you entered does not appear to be valid.<br />'; } if(strlen($comments) < 2) { $error_message .= 'The Comments you entered do not appear to be valid.<br />'; } if(strlen($error_message) > 0) { died($error_message); } $email_message = "Form details below.\n\n"; function clean_string($string) { $bad = array("content-type","bcc:","to:","cc:","href"); return str_replace($bad,"",$string); } $email_message .= "First Name: ".clean_string($first_name)."\n"; $email_message .= "Last Name: ".clean_string($last_name)."\n"; $email_message .= "Email: ".clean_string($email_from)."\n"; $email_message .= "Telephone: ".clean_string($telephone)."\n"; $email_message .= "Comments: ".clean_string($comments)."\n"; // create email headers $headers = 'From: '.$email_from."\r\n". 'Reply-To: '.$email_from."\r\n" . 'X-Mailer: PHP/' . phpversion(); @mail($email_to, $email_subject, $email_message, $headers); ?> <!-- include your own success html here --> Thank you for contacting us. We will be in touch with you very soon. <?php } ?>


ملاحظة : لا تنسى تغير الايميل الموجود داخل كود صفحة send_form_email.php


كود PHP:

$email_to = "you@yourdomain.com";




قم بتغير




كود PHP:

you@yourdomain.com



بايميل الخاص بك لكي تظمن وصول الرسالة ليه عند استعمال نموذج الاتصال بنا الخاص بك



الكود شغال ميه ميه وانا مجرب الكود شخصين وقمت بستعمال ايميل الجميل الخاص بي

وهذه صوره توضحية خطوات من بداية حتى نهاية



1. صورة عند كتابه الرسالة http://www.traidnt.net/vb/images/emoji/emoji13.png

http://tra-sh.com/vb/



2. صورة بعد ضغط على زر ارسال Submit من اجل ارسال الرسالة http://www.traidnt.net/vb/images/emoji/emoji13.png

http://tra-sh.com/vb/



3. صورة بعد وصول الرسالة الى داخل index الخاص بيميل gmail الخاص بي قبل فتح الرسالة http://www.traidnt.net/vb/images/emoji/emoji32.png

http://tra-sh.com/vb/

http://tra-sh.com/vb/

4. صورة الرسالة بعد فتحها من داخل ايميل gmail الخاص بي http://www.traidnt.net/vb/images/emoji/emoji34.png

http://tra-sh.com/vb/

http://tra-sh.com/vb/

هيك بكون كود سليم ميه ميه ما فيه اي مشاكل في الكود وايضا تم كتابة الكلمات الموجودة داخل الكود بلغة الانجليزية

من يريد الكلمات الموجودة في الكود بالعربية ولم يستطيع غيرها سوف اقوم بتعريبة الكلمات لة

تاكد من اضافة الكود بشكل الصحيح داخل التصميم الخاص بك

ملاحظة : الكود بسيط جدا ولا يوجد فيه دوال حماية اكواد Html وايضا يجب اضافة كود صورة التحقق التى تسمى Captcha او اى طريقة اخرى تكون قوية من اجل الحماية من Spam
وعدم دخول المتطفلين وتكرار عملية ارسال رسالة الاتصال بنا اكثر من مره واحدة




الخل الوفي 10-15-2018 09:19 PM

رد: درس عمل صفحة الأتصال بنا - contactus لموقعك وصول الرسالة الى الايميل مباشرة
 
فخاااامة وابداااع
الله يسعد قلبك
يعطيك العافية

رحيل المشاعر 10-16-2018 05:01 PM

رد: درس عمل صفحة الأتصال بنا - contactus لموقعك وصول الرسالة الى الايميل مباشرة
 
تسلم الايادي يعطيك العافيه
لروحك الجوري
وودي

صاحبة السمو 10-16-2018 05:03 PM

رد: درس عمل صفحة الأتصال بنا - contactus لموقعك وصول الرسالة الى الايميل مباشرة
 
.
طرح متميز
يعطيك العافية على ماقدمت
لقلبك السعادة
.

رحيل المشاعر 10-21-2018 10:24 PM

رد: درس عمل صفحة الأتصال بنا - contactus لموقعك وصول الرسالة الى الايميل مباشرة
 
اوكس
تسلم الايادي يعطيك العافيه
لروحك الجوري
وودي

رحيل المشاعر 10-21-2018 10:24 PM

رد: درس عمل صفحة الأتصال بنا - contactus لموقعك وصول الرسالة الى الايميل مباشرة
 
الخل
تسلم الايادي يعطيك العافيه
لروحك الجوري
وودي

رحيل المشاعر 10-21-2018 10:25 PM

رد: درس عمل صفحة الأتصال بنا - contactus لموقعك وصول الرسالة الى الايميل مباشرة
 
صاحبه
تسلم الايادي يعطيك العافيه
لروحك الجوري
وودي

aksGin 10-21-2018 10:25 PM

رد: درس عمل صفحة الأتصال بنا - contactus لموقعك وصول الرسالة الى الايميل مباشرة
 
يعطيك العافية إنتقاء راقي إبداع تلو إبداع ق1

بحـر 10-21-2018 10:26 PM

رد: درس عمل صفحة الأتصال بنا - contactus لموقعك وصول الرسالة الى الايميل مباشرة
 
معلومه قيمه ومفيده يعطيك العافيه

رحيل المشاعر 10-22-2018 10:29 PM

رد: درس عمل صفحة الأتصال بنا - contactus لموقعك وصول الرسالة الى الايميل مباشرة
 
اوكس تسلم الايادي يعطيك العافيه
لروحك الجوري
وودي

رحيل المشاعر 10-22-2018 10:29 PM

رد: درس عمل صفحة الأتصال بنا - contactus لموقعك وصول الرسالة الى الايميل مباشرة
 
جنتل
تسلم الايادي يعطيك العافيه
لروحك الجوري
وودي

ضوء القمر 10-23-2018 03:11 AM

رد: درس عمل صفحة الأتصال بنا - contactus لموقعك وصول الرسالة الى الايميل مباشرة
 
*,


سلمت الآكف ومَاجلبت
إبداع دآئم وتميز مُستمر
لا عدمنَاك /
:137:

MS HMS 10-28-2018 07:51 PM

رد: درس عمل صفحة الأتصال بنا - contactus لموقعك وصول الرسالة الى الايميل مباشرة
 
*,
، /،
طرح رآئع وراقي
تحية عطرة ل روحك الجميلة
شكراً لك من القلب على هذآ العطاء
وردة1

رحيل المشاعر 10-30-2018 06:25 PM

رد: درس عمل صفحة الأتصال بنا - contactus لموقعك وصول الرسالة الى الايميل مباشرة
 
تسسسلم الايـآدي
الله يعطيك الف عافيه يـآرب
لروحك الجوري
وودي

شموع الحب 10-31-2018 10:55 AM

رد: درس عمل صفحة الأتصال بنا - contactus لموقعك وصول الرسالة الى الايميل مباشرة
 
تسلم الآيادي لهذ الطرح المميز
دام بحر عطائك ونبض قلبك
مودتي

رحيل المشاعر 11-07-2018 07:25 PM

رد: درس عمل صفحة الأتصال بنا - contactus لموقعك وصول الرسالة الى الايميل مباشرة
 
يعطيك العافيه يسلم يدينك
لروحك الجورري
وودي

القيصر 12-21-2018 04:08 PM

رد: درس عمل صفحة الأتصال بنا - contactus لموقعك وصول الرسالة الى الايميل مباشرة
 
,
















سلمت يداك على الطرح الجميل
ننتظر القادم بكل شوق
ودي وتقديري ,

رحيل المشاعر 01-16-2019 10:16 PM

رد: درس عمل صفحة الأتصال بنا - contactus لموقعك وصول الرسالة الى الايميل مباشرة
 
تسِلم ايُديكْ يــآربَ ..
ولاعَدمنا جمُآل إطِلالتك
تقِديُري ِ ،’
..~

هيبة مشاعر 01-22-2019 06:57 PM

رد: درس عمل صفحة الأتصال بنا - contactus لموقعك وصول الرسالة الى الايميل مباشرة
 
طرح رائع
الف شكر لك ع جهودك المميزه
يعطيك العافيه

رحيل المشاعر 01-22-2019 07:12 PM

رد: درس عمل صفحة الأتصال بنا - contactus لموقعك وصول الرسالة الى الايميل مباشرة
 
يعطيك العافيه يسلم يدينك
لروحك الجورري
وودي

a7ases 02-15-2019 11:02 PM

رد: درس عمل صفحة الأتصال بنا - contactus لموقعك وصول الرسالة الى الايميل مباشرة
 
سلمت يدآك..على جميل طرحك وحسن ذآئقتك
يعطيك ربي ألف عافيه..
بإنتظار جديدك بكل شوق.
لك مني جزيل الشكر والتقدير لاعدمناك...

رحيل المشاعر 03-04-2019 09:42 PM

رد: درس عمل صفحة الأتصال بنا - contactus لموقعك وصول الرسالة الى الايميل مباشرة
 
تسِلم ايُديكْ يــآربَ ..
ولاعَدمنا جمُآل إطِلالتك
تقِديُري ِ

حنو 05-10-2023 01:54 AM

رد: درس عمل صفحة الأتصال بنا - contactus لموقعك وصول الرسالة الى الايميل مباشرة
 
طرح رآقي گ روحـگ
لآعدمنا جمآل ذآئقتگ
تحية صادقه من الاعماق
وبآنتظار جديد آبداعكگ دائمآ
ودي لگ
http://i.imgur.com/iopMqmx.png




الساعة الآن 11:41 PM

Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd. TranZ By Almuhajir
HêĽм √ 3.2 OPS BY: ! ωαнαм ! © 2010
new notificatio by 9adq_ala7sas
User Alert System provided by Advanced User Tagging (Lite) - vBulletin Mods & Addons Copyright © 2025 DragonByte Technologies Ltd.

Security team

mamnoa 4.0 by DAHOM