Ajax+php の検索、表示、終了に関する問題? ajax+phpを使ってGoogle検索のような簡単な検索をしてみました。文字を入力しないと、1.jpg:のように表示されました。 文字を入力すると2.jpgのエフェクトが表示されます。 皆さんにお聞きしたいのですが、他の場所でマウスをクリックすると出てくる検索ボックスが自動的に閉じてしまいます。コードは以下の通りです。 #ライブサーチ<br> { <br> マージン:0px;<br> 幅:140ピクセル <br> }<br> #txt1<br> { <br> マージン:0px;<br> }<br> </スタイル><br> </p><script type="text/javascript"><p> </p>varxmlHTTP<p> </p>関数 showResult(str)<p> {<br> if (str.length==0)<br> { <br> document.getElementById("ライブサーチ").<br> innerHTML="";<br> document.getElementById("ライブサーチ").<br> style.border="0px";<br> 戻る<br> }<br> </p>xmlHttp=GetXmlHttpObject()<p> </p>if (xmlHttp==null)<p> {<br> アラート (「ブラウザは HTTP リクエストをサポートしていません」)<br> 戻る<br> }<br> </p>var url="suggest_list.php"<p> url=url+"?q="+str<br> url=url+"&sid="+Math.random()<br> xmlHttp.onreadystatechange=stateChanged <br> xmlHttp.open("GET",url,true)<br> xmlHttp.send(null)<br> }<br> </p>関数 stateChanged() <p> { <br> if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")<br> { <br> document.getElementById("ライブサーチ").<br> innerHTML=xmlHttp.responseText;<br> document.getElementById("ライブサーチ").<br> style.border="1px ソリッド #999999";<br> }<br> }<br> </p>関数 GetXmlHttpObject()<p> {<br> var xmlHttp=null;<br> 試してみてください<br> {<br> // Firefox、Opera 8.0 以降、Safari<br> xmlHttp=新しい XMLHttpRequest();<br> }<br> キャッチ(e)<br> {<br> //Internet Explorer<br> 試してみてください<br> {<br> xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");<br> }<br> キャッチ(e)<br> {<br> xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");<br> }<br> }<br> xmlHTTP を返す;<br> }<br> </p></スクリプト><p> </p> <p> <TABLE align="center" style="margin-top:140px" ><br> < <br /> &lt; input type = "text" id = "txt1" size = "26" name = "username"&gt;<br /> </フォーム><br> <br></ボディ><br> </html><br> <br><br><br> </p> <p><br>http://www.bkjia.com/PHPjc/631897.html</p> <p>www.bkjia.com</p>true<p align="left"></p> <div style="display:none;">http://www.bkjia.com/PHPjc/631897.html<span id="url" itemprop="url"></span>技術記事<span id="indexUrl" itemprop="indexUrl"></span> Ajax + php の検索、表示、終了に関する問題はありますか? ajax+phpを使ってGoogle検索のような簡単な検索をしてみました。文字を入力しないと、次のように表示されました。 1.jpg: When I...<span id="isOriginal" itemprop="isOriginal"></span><span id="isBasedOnUrl" itemprop="isBasedOnUrl"></span> <span id="genre" itemprop="genre"></span> </div>