مساعدة : تفعيل نموذج اتصل بنا

مرحبا عبدالواحد ..
 

بتاريخ 4 دقائق مضت قال عبد الواحد الحدادي:

مرحباً بكم إخواني / أخواتي؛

فضلاً منكم، كيف يمكنني تفعيل فورم اتصل بنا وما هي الخطوات لفعل ذلك ؟ 

بارك الله فيكم وشكراً جزيلاً عن دعمكم .

ماذا تقصد بالتفعيل ؟
الأمر يعتمد علي الطريقة التي تريد تفعيل التواصل فيها ,فان كان ما تحتاجه فقط أن يظهر فورم يقوم المستخدم بتعبئة بياناته مثل الإسم ورقم الهاتف والرسالة ومن يقوم بإرساله فكل ما عليك فعله هو بناء هذا الفورم وإضافة حدث عند الضغط على زر الإرسال بأن يقوم بجمع كل البيانات المدخلة ووضعها داخل object ومن ثم إرسالها الى نقطة نهائية endpoint تستقبل هذا الأمر ويتم إرسال هذه البيانات باستخدام AJAX من خلال طريقة POST لأنها أكثر حماية.

Endpoint هي باختصار الرابط الذي ستقوم بارسال البيانات عليه والتي قد تكون مجانية أو قد تكون مخصصة ويتم عملها من خلال Backend باستخدام nodejs مثلا.

شكرا لك

بتاريخ 5 دقائق مضت قال Hassan Elnajjar:

مرحبا عبدالواحد ..
 

ماذا تقصد بالتفعيل ؟
الأمر يعتمد علي الطريقة التي تريد تفعيل التواصل فيها ,فان كان ما تحتاجه فقط أن يظهر فورم يقوم المستخدم بتعبئة بياناته مثل الإسم ورقم الهاتف والرسالة ومن يقوم بإرساله فكل ما عليك فعله هو بناء هذا الفورم وإضافة حدث عند الضغط على زر الإرسال بأن يقوم بجمع كل البيانات المدخلة ووضعها داخل object ومن ثم إرسالها الى نقطة نهائية endpoint تستقبل هذا الأمر ويتم إرسال هذه البيانات باستخدام AJAX من خلال طريقة POST لأنها أكثر حماية.

Endpoint هي باختصار الرابط الذي ستقوم بارسال البيانات عليه والتي قد تكون مجانية أو قد تكون مخصصة ويتم عملها من خلال Backend باستخدام nodejs مثلا.

شكرا لك

 

 

مرحباً أستاذي، 

أقصد يعني يملء المستخدم البيانات ( اسمه / رقم الهاتف / الرسالة ... ) ويتم إرسالها إلى بريدي الالكتروني مثلاً !

هذا ما أقصده أستاذي الكريم .

بتاريخ 1 ساعة قال عبد الواحد الحدادي:

مرحباً أستاذي، 

أقصد يعني يملء المستخدم البيانات ( اسمه / رقم الهاتف / الرسالة ... ) ويتم إرسالها إلى بريدي الالكتروني مثلاً !

هذا ما أقصده أستاذي الكريم .

مرحبا عبد الواحد ..
جميل ما تفكر فيه - اليك الخطوات بشكل مختصر لكي تقوم باﻷمر :-

1. يجب عليك في البداية تجهيز ملف html بحيث يحتوى علي فورم لتعبئة البيانات مع إعطاء معرفات واضحة ومحددة لكل عنصر من المدخلات مثل مكان إدخال الإسم ومكان إدخال الرسالة وهكذا ويتم هنا تحديد مكان استقبال البيانات في action في البيانات الخاصة بالفورم.
2.يجب عليك تجهيز ملف الجافا سكربت الخاص بالموقع وتكون مسؤولية الملف هنا عمل تحقق على البيانات المدخلة والتأكد من أنها سليمة ولا يوجد بها أي أكواد مثلا أو معلومات مغلوطة.
مثلا يجب أن يدخل المستخدم البريد الالكتروني بشكل صحيح - أن يقوم بإدخال رسالة نصية - أن يقوم بإدخال كامل البيانات وعدم ترك عناصر فارغة.

بالإضافة الي ذلك يتم في هذه الخطوة تحديد وظيفة زر اﻹرسال بأن يقوم بجلب البيانات من عناصر الفورم ومن ثم وضعها في متغير ومن ثم ارسالها الي البرمجة الخلفية الخاصة بموقعك.
3.  يجب عليك هنا تجهيز ملف في البرمجة الخلفية والذي يعد مكان استقبال البيانات التى قمت بارسالها من خلال الجافا سكربت - يتم برمجة هذا الجزء عادة باستخدام لغة php مثلا او باستخدام لغة الجافا سكربت مثلا ان كنت تستخدم nodejs
وتتمثل وظيفة هذا المكان : باستقبال البيانات المرسلة ومن ثم فحصها مرة أخرى والتأكد من أنها سليمة ولا يوجد فيها أي عناصر غريبة أو أكواد مخربة وأن جميع العناصر تم تعبئتها بالبيانات المطلوبة.
وأيضا يتم هنا تعريف بروتوكول نقل البريد البسيط الي البريد وتعبئة عناصره الخاصة بالبريد التي تريد استعماله حيث كما تعلم فإن البريد الالكتروني التي ترغب في استقبال البيانات عليه لا يستقبل أي رسائل الا من بريد الكتروني اخر .
فكل ما نريد عمله هنا هو صنع بريد الكتروني خاص بالموقع ونعطيه المسؤولية لنقل الرسائل للبريد الأخر.

وتكون وظيفة هذا الملف بشكل مختصر باستقبال البيانات - التأكد من صحتها - من ثم إرسالها للبريد الإلكتروني الذي قمت بتحديده داخليا في الملف.

وشكرا .