الدرس الرابع عشر: تصميم صفحة التوقيع في سجل الزوار (صفحة sign_book.asp)
صفحة sign_book.asp لن يكون بها أي Code بلغة ASP . فستكون كاملة بلغة HTML ويمكنك تصميمها بالفرونت بيج (Microsoft Frontpage) بسهولة.
افتح صفحة guest.asp واحفظها باسم sign_book.asp حيث سنجري عليها التغييرات اللازمة. وإليك الـ Code لهذه الصفحة، وسنقوم بشرح أهم النقاط فيه بعد ذلك.
كود PHP:
<%@ Language=VBScript CodePage = "1256"%>
<html dir=rtl>
<!--#include file="pageheader.txt" -->
<p align="center"><font face="Simplified Arabic">مرحبا بكم في
سجل الزوار.. وملاحظاتكم تسعدنا</font></p>
<form method="POST" action="add_to_book.asp">
<b>الحقول التي أمامها علامة (<font color="#C11111">*</font>) مطلوبة.</b><p>
<b>الاسم: <font color="#C11111">*</font> <input type="text" name="name" size="20"></b></p>
<p><b>البريد الالكتروني: <input type="text" name="email" size="20"></b></p>
<p><b>الموقع الشخصي (URL):
<input type="text" name="website" size="20"></b></p>
<p><b>طريقة الاستدلال على الموقع: <select size="1" name="link">
<option>محرك بحث</option>
<option>رابط من موقع آخر</option>
<option>وسائل الإعلام</option>
<option>صديق</option>
<option>أخرى</option>
</select></b></p>
<p><b>تقييم الموقع: <input type="radio" value="ممتاز" checked name="ranking">
ممتاز <input type="radio" name="ranking" value="جيد">
جيد <input type="radio" name="ranking" value="ضعيف">
ضعيف</b></p>
<p><b>التعليق: <font color="#C11111">*</font></b></p>
<p><textarea rows="5" name="comment" cols="25"></textarea></p>
<p><input type="submit" value="إضافة التوقيع" name="B1"></p>
</form>
<!--#include file="pagefooter.txt" -->
ستكون الصفحة بالشكل التالي:
والآن ليكم بعض الملاحظات حول هذه الصفحة:
- <LI dir=rtl>طريفة إدراج الـ Forms تحدثنا عنها في الدرس الحادي عشر (تصميم صفحة البحث). وباختصار يمكنكم إدراجها من قائمة Insert وبعدها Form . وهنالك عدة أسماء وأشكال لها.
- <LI dir=rtl>في: الاسم، والبريد، والموقع الشخصي، تم استخدام الحقل الذي باسم Textbox .
<LI dir=rtl>في: طريقة الاستدلال على الموقع، تم استخدام Drop-Down Box .
<LI dir=rtl>في: تقييم الموقع، تم استخدام Option Button (ثلاث مرات). - في: التعليق، تم استخدام Text Area .
<LI dir=rtl>يجب علينا تحديد اسم لكل حقل، وذلك بالضغط بزر الفأرة الأيمن على الحقل المراد تحديد اسمه، واختيار Form Field Properties من القائمة. وكتابة الاسم في خانة Name . - الأسماء للحقول هي كالتالي:
الحقل
الاسم
الاسمnameالبريد الالكترونيemailالموقع الشخصيwebsiteطريقة الاستدلال على الموقعlinkالتقييم (الاختيارات الثلاثة لها نفس الاسم)rankingالتعليقcomment
- <LI dir=rtl>لكتابة الاختيارات في قائمة (طريقة الاستدلال على الموقع)، اضغط على القائمة بالزر اليمين، واختر Form Field Properties . من الشاشة التي ستظهر اضغط Add وأضف خياراتك واحدة تلو الأخرى.
<LI dir=rtl>وضعنا اسما واحدا لجميع الاختيارات في (التقييم) وللتميز بين هذه الخيارات، اضغط على الاختيار الأول بالزر اليمين، واختر Form Field Properties . ومنه حدد القيمة في خانة Value بكتابة ممتاز. وكرر العملية بالنسبة للخيارات الأخرى. - لتغيير كلمة Submit المكتوبة على الزر، اضغط عليه بالزر الأيمن واختر Form Field Properties . واكتب الكلمة التي تريد أن تظهر على الزر مكان Submit .
أخيرا، لإرسال هذه القيم لصفحة المعالجة والإضافة لقاعدة البيانات، اضغط على أي حقل بالزر اليمين، واختر Form Properties ، ستظهر لك الشاشة التالية:
اختر Send to Other ثم اضغط على زر Options . وفي الشاشة التالية اكتب اسم الصفحة التي تود إرسال هذه المدخلات إليها في خانة Action (اكتب هذا الاسم add_to_book.asp) واترك الحقل Method كما هو (لا تغير كلمة POST ).
في الدرس التالي، سنصمم صفحة إضافة هذه المدخلات إلى قاعدة البيانات.
إعداد: خالد الحر __________________

اقتباس:
| لكل كلمة أذن، ولعل أذنك ليست لكلماتي، فلا تتهمني بالغموض |
يقول الامام مالك رحمه الله:
إنما هؤلاء أقوام أرادوا القدح في
النبي صلى الله عليه وسلم فلم يمكنهم ذلك، فقدحوا في أصحابه حتى يقال رجل سوء ولو كان
رجلاً صالحاً لكان أصحابه صالحين.
وقال أبو الوفا بن عقيل رحمه الله:
انظر كيف اختار
لمرضه بيت البنت، واختار
لموضعه من الصلاة الأب، فما هذه الغفلة المستحوذة على قلوب الرافضة عن هذا الفضل والمنزلة التي لا تكاد تخفى عن البهيم فضلا عن الناطق.