الدرس الحادي عشر: تصميم صفحة search.asp

الدرس الحادي عشر: تصميم صفحة search.asp

تصميم صفحة search.asp لن يأخذ الكثير من الوقت. افتح صفحة tech.asp وقم بحفظها باسم search.asp. ثم امسح الأوامر التي بداخلها. أي اسمح من الصفحة التالي:

<%@ Language=VBScript CodePage = “1256”%>
<html dir=rtl>
<!–#include file=”pageheader.txt” –>
<p align=“center”><font face=“Simplified Arabic”>إليكم آخر
المستجدات في الساحة التقنية
</font></p><!–#include file=”connection.txt” –>

<%

‘أوامر اختيار الجدول واستدعاء البيانات منه

selectSQL=”select * from tech_news order by add_dat desc”

set rs=ADO.execute(selectSQL)

‘أوامر استعراض البيانات

if not rs.eof then
do while not rs.eof
%>
<div align=“center”>
<b><a href=
“body.asp?field=tech_news&id=<%=rs(“id”)%>><%response.write rs(“subject”)%></a></b>
</div>
<hr color=
“#DFDFFF” width=“90%”>
<%
rs.movenext
loop
else
end if

ADO.close

%>

ثم ارجع لنمط التصميم العادي في الفرونت بيج (Normal). وقم بعمل التالي:
اختر قائمة Insert ومنها Form ومنها Textbox.
سيظهر لك التالي:

امسح زر Reset فنحن لسنا بحاجة له  وبإمكانك وضع المربع في منتصف الصفحة. وذلك بالضغط عليه واختيار (توسيط) من شريط الأدوات في الفرونت بيج. ثم اتبع الخطوات التالية:
اضغط على مربع النص بزر الفأرة الأيمن، ستظهر لك قائمة اختر منها: Form Properties فتسطر لك الشاشة التالية:

اختر منها Sent to other ثم اضغط على زر Options:

ستظهر لك الشاشة التالية:

في خانة Action اكتب اسم الصفحة التي سترسل إليها القيمة المدخلة في هذا الـ Form . في مثالنا هذا، استخدمنا Textbox كنوع من أنواع الـ Form وسنرسل القيم إلى صفحة بعنوان search_result.asp سيتم فيها البحث عن هذه القيم وعرض النتائج. وهذه هي الصفحة التي سنقوم بتصميمها في الدرس التالي.
الفرق بين GET و POST :
أما في خانة Method فقم بتغيير الاختيار Post واجعله Get. الاختلاف بينهما ببساطة هو:

  • Post : سيخفي القيم المرسلة. إي إن كنت تود إرسال قيم سرية من صفحة لأخر (ككلمة المرور مثلا) فبإمكانك اختيار Post.
  • Get : ستظهر القيمة المرسلة للصفحة الثانية في شريط العنوان. وهذا مفيد في حالة البحث، حيث سيشاهد الباحث الكلمة التي بحث عنها في شريط العنوان فسيتأكد إن كان قد كتبها بشكل صحيح أم لا.

اضغط زر Ok ومرة أخرى Ok.
مرة أخرى اضغط بزر الفأرة الأيمن على مربع النص. واختر هذه المرة Form Field Properties فستظهر لك الشاشة التالية:

في خانة Name اكتب اسم الحل. ثم اضغط Ok.
اضغط بزر الفأرة الأيمن على زر Submit. واختر هذه المرة Form Field Properties فستظهر لك الشاشة التالية:

اكتب في خانة Value/lable الكلمة التي تود أن تظهر بدلا من Submit . في مثالنا هذا. سنكتب: ابحث.
أخيرا.. سيكون Code صفحة search.asp كالتالي:

<%@ Language=VBScript CodePage = “1256”%><html dir=rtl>

<!–#include file=”pageheader.txt” –>

<form method=“GET” action=“search_result.asp”>
<p align=
“center”>
<input type=
“text” name=“keyword” size=“20”></p>
<p align=
“center”><input type=“submit” value=“ابحث” name=“B1”></p>
</form>

<!–#include file=”pagefooter.txt” –>

في الدرس التالي، سنصمم صفحة search_result.asp التي ستبحث عن الكلمة المطلوبة، وتعرض النتائج.

  • يمكنك مشاهدة الصفحة التي قمنا بتصميمها في هذا الدرس من خلال هذا الرابط: بحث
  • لسحب الصفحات: الدرس الحادي عشر

إعداد: خالد الحر

الكاتب ayman

ayman

مواضيع متعلقة

التعليقات مغلقة