تعلم ASP

القرآن الكريم قصص الأنبياء علماء العرب تعلم معنا تعلم ASP دليل المواقع بطاقات إلكترونية
الأديب كلمات على الورق علي الطنطاوي جميل بثينة المنتديات

أقسام الموقع

بحث

تعلم ASP > الدروس الأساسية > الدرس الحادي عشر

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

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

<%@ Language=VBScript CodePage = "1256"%>

<html dir=rtl>


<p align="center"><font face="Simplified Arabic">إليكم آخر
المستجدات في الساحة التقنية</font></p>



<%

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

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>



<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>



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

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

لسحب الصفحات: الدرس الحادي عشر
إعداد: خالد الحر

تصميم وتطوير خالد الحر ، عالم النور