備注學院

          LuLu

            BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理 ::
            5 隨筆 :: 50 文章 :: 16 評論 :: 0 Trackbacks

           
           在網頁上有一些搜索的文本輸入框,用戶可以在其中輸入內容,然后進行查找。然而如果用戶并不熟悉網站的內容,他應該輸入那些信息來查找呢?如果能夠在用戶輸入某些內容時顯示包含這些內容并與網站相關的信息,將會大大提高用戶的方便性,并且讓用戶對網站的內容有進一步的了解,增強交互性。 

             autoassist庫就是針對以上需求而產生的。如果要使用autoassist庫,你可以從http://capxous.com/上下載http://capxous.com/autoassist-0.8.zip,其中javascripts目錄下的autoassist.js和prototype.js就是相關的庫文件。社區門戶"QD Zr9bF3d

           


           

           思路:在頁面上的一個輸入框中,當用戶輸入內容的時侯,網頁應該做出響應,將用戶所輸內容提交給一個后臺頁面或程序處理;然后將此內容與網站中的信息(固定信息或數據庫中的信息)相比較,若找到相關內容,則使的輸入框彈出下拉提示信息,用戶可選擇下拉提示信息,輸入框中內容也不再是用戶所輸內容,而是所選的下拉信息。


          <html>

          <head>

          <meta http-equiv="Content-Type" content="text/html; charset=utf- 8">

           <title>Insert title here</title>

           <script type="text/javascript" src="javascripts/prototype.js"></s cript>  

           <script type="text/javascript" src="javascripts/autoassist.js"></ script>

           <link rel="stylesheet" type="text/css" href="styles/autoassist.cs s" />  

           <script language="javascript">

           Event.observe(window, "load", function() {

               var aa = new AutoAssist("userName", function() {

                  return "autoassist.action?q=" + this.txtBox.value;//q為用
          戶所輸內容找出下拉信息后返回;當用戶點擊后改變input中的值

              });

          });//將用戶所輸內容傳遞到action中的函數

          </script>

          </head>

          <body>

          <input type="text" name="userName" id="userName"/>

          </body>

                </html>

          posted on 2008-01-12 00:44 smildlzj 閱讀(747) 評論(0)  編輯  收藏 所屬分類: Web開發
          主站蜘蛛池模板: 南平市| 施秉县| 房产| 南江县| 海口市| 邹城市| 高淳县| 民勤县| 凤冈县| 琼中| 南和县| 江阴市| 淳安县| 汤阴县| 汨罗市| 鞍山市| 庄河市| 乌拉特中旗| 赤峰市| 禹城市| 高安市| 望都县| 南华县| 常宁市| 通州区| 昭通市| 渑池县| 黎城县| 南华县| 宝坻区| 栾川县| 名山县| 瓦房店市| 眉山市| 陇南市| 安西县| 高清| 凌源市| 苍溪县| 策勒县| 甘南县|