โค้ด JavaScript

คุณลองนำซอร์ซโค้ดคำสั่งในแบบจาวาสคริปต์ นำไปแป๊ะในส่วนต้องการให้ผู้เยี่ยมชมใช้ค้นหาในหน้าเว็บเพจของคุณ โดยอาศัยหลังการลิงก์ โดยใช้ลิสต์บ็อกซ์ ซึ่งในแท็ก HTML จะใช้แท็ก <Option>เป็นตัวกำหนด แล้วอ้างอิงลิงก์ไปยังเว็บที่เขาพัฒนาการค้นหา อย่างเช่นเว็บไซต์ www.altavista.com, www.yahoo.com, www.infoseek.com ในตัวอย่างจะแสดงเท็กซ์บ็อกซ์เพื่อใช้ป้อนคำที่ต้องการค้นหา และลิสต์บ็อกซ์ใช้เพื่อเลือกเว็บไซต์เสริซแอนจิ้นที่ต้องการเป็นตัวแทนในค้นหา แล้วคลิ้กบัตทอนปุ่ม Go เพื่อทำการค้นหา ซึ่งคุณไม่ต้องเขียนฟอร์มค้นหาจากโปรแกรม Perl ให้วุ่นวายเลยครับ คุณอาจจัดเท็กบ็อกซ์และลิสต์บ็อกซ์กับปุ่มบัตทอนให้อยู่ในบรรทัดเดียวกันได้จะดูดีครับ เปลี่ยนข้อความคำว่า search engine เป็นคำไทยว่า 'ค้นหาเว็บไซต์'

ซอร์ซโค้ด JavaScript : สร้างฟอร์มค้นหาเว็บไซต์

คุณสามารถคลิ้กพื้นที่ด้านในกรอบของวินโดวส์ และใช้แถบก๊อปปี้เลือกสคริปต์ทั้งหมด และก๊อปปี้โค้ด โดยการกดคีย์ <Ctrl-C> นำสคริปต์ไปวางเป็นไฟล์ใหม่ อาจเป็นจะเป็นโปรแกรม Notepad หรืออิดีเตอร์ตัวไหนก็ได้ แล้วทำการจัดเก็บ โดยกดคีย์ <Ctrl-S>

<HEAD> <SCRIPT type="text/javascript">   </script> </HEAD>  <BODY> <form name="search" onsubmit="process(); return false"> <p align="center"><font face="MS Sans Serif" size="1"><font color="#0000FF">ค้นหาในเว็บ : </font><input type="text" size="18" name="search"> <select name="s" size="1"> <option selected value="http://search.yahoo.com/bin/search?p=">Yahoo </option> <option value="http://www.lycos.com/cgi-bin/pursuit?matchmode=and&cat=lycos&query=">Lycos </option> <option value="http://www.hotbot.com/?MT=">HotBot </option> <option value="http://www.search.com/Infoseek/1,135,0,0200.html?QUERY=">Search.Com </option> <option value="http://www.altavista.com/cgi-bin/query?pg=q&kl=XX&q=">AltaVista </option> <option value="http://www.infoseek.com/Titles?qt=">InfoSeek </option> <option value="http://search.excite.com/search.gw?search=">Excite </option> <option value="http://www.metacrawler.com/crawler?general=">MetaCrawler </option> <option value="http://www.webcrawler.com/cgi-bin/WebQuery?searchText=">WebCrawler </option> <option value="http://www.yahoo.com">.....................................</option> <option value="http://www.developer.com/directories/find.cgi?search=">Developer.Com </option> <option value="http://search.hotwired.com/search97/s97.vts?Action=FilterSearch&Filter=docs_filter.hts&ResultTemplate=webmonkey.hts&Collection=webmonkey&Query=">WebMonkey </option> <option value="http://www.yahoo.com">..................................... </option> <option value="http://search.filez.com/search.cgi?type=4&key=">Filez </option> <option value="http://www.filemine.com/searchResults?Action=FilterSearch&Filter=fmfilter.hts&ResultTemplate=fmresults.hts&ViewTemplate=view.hts&baseref=1&platformid=0&queryText=">File Mine </option> </select><input type="button" onclick="process(); return false" value="Go" style="color:#ffffff;background:#3399ff"></font> </form> <br> <p><center> <font face="MS Sans Serif, Tahoma, CordiaUPC" size="-2"> ฟรีซอร์ซโค้ด JavaScript <br> โดย: <a href="http://www.geocites.com/paoenjoy">เว็บเปาเอ็นจอย โฮมเพจ</a></font> </center><p>