اذهب إلى المحتوى
  • 0

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

عبد الواحد الحدادي

السؤال

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

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

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

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

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

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

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

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

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

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

 

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

وشكرا .

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

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

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

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

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

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

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

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

شكرا لك

 

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

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

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

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

شكرا لك

 

 

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

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

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...