منتديات بروجروماتيك التعليمية

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

اذهب الى الأسفل

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

مُساهمة من طرف عابر سبيل في الأحد مايو 08, 2016 6:37 pm

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

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

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

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

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

نبدا الدرس على بركة الله



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



ثاني خطوة - نقود باضافة كود الخاص بهذه الصفحة التالي

رمز 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>







# صورة توضح شكل الكود في صفحة






ثالث خطوة - نقوم بنشاء صفحة استقبال نتائج المرسلة باسم send_form_email.php من نموذج الموجود داخل contact.php
بحيث تقوم بفحص اخطاء

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



رابع خطوة - نقود باضافة كود الخاص بهذه الصفحة التالي

رمز 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:

الكود:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]






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



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

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



1. صورة عند كتابه الرسالة





2. صورة بعد ضغط على زر ارسال Submit من اجل ارسال الرسالة





3. صورة بعد وصول الرسالة الى داخل index الخاص بيميل gmail الخاص بي قبل فتح الرسالة





4. صورة الرسالة بعد فتحها من داخل ايميل gmail الخاص بي





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

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

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

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




» ولا تنسى دعوة خالصة من القلب لي ولوالدي...~

» وبكذا انتهى موضوعي لليوم ...~

» تقبلو تحياتي انا اخوكم في الله ...~

» إيهاب...~



لست شخصا [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ..
لكننى لا [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] و لا [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ..
و لا [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] أحد بأشياء [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ..
avatar
عابر سبيل
مدير الموقع
مدير الموقع

الجنس : ذكر
الدوله : مصر
المهنه :
الهوايه :
نوع المتصفح :
الحاله :
عدد المساهمات : 270
نقاط : 754
السٌّمعَة : 9
تاريخ الميلاد : 01/01/1995
تاريخ التسجيل : 07/09/2015

معاينة صفحة البيانات الشخصي للعضو http://progromatic.ahlamontada.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى