トップ回答者
検索エンジンの検索ボックスを埋め込みたい

質問
回答
-
スクリプト エディター Web パーツで form タグを入れると、もともと ASP.NET としてポストバックするために存在する form タグと入れ子になってしまい HTML として無効な形になってしまいます。
たとえば、JavaScript で疑似的に form を作って GET で送ってみてはどうでしょうか?
<!-- Google --> <table bgcolor="#FFFFFF"> <tr> <td> <a href="https://www.google.co.jp"> <img src="https://www.google.co.jp/logos/Logo_40wht.gif" border="0" alt="Google" align="absmiddle"></a> <input id="queryWord" type=text name=q size=31 maxlength=255 value="" onkeypress="if(event.keyCode==13){submitForm();return false;}"> <input type=button name=btnG value="Google 検索" onclick="submitForm()"> </td> </tr> </table> <script type="text/javascript"> function submitForm(){ var form=document.createElement("form"); form.action="https://www.google.co.jp/search"; form.method="GET"; var q=document.createElement("input"); q.name="q" q.value=document.getElementById("queryWord").value; if(q.value==""){return false;} form.appendChild(q); document.body.appendChild(form); form.submit(); } </script> <!-- Google -->
例としてこんな感じです。
- 編集済み OTA HirofumiMVP 2018年12月14日 2:20
- 回答の候補に設定 OTA HirofumiMVP 2018年12月20日 1:25
- 回答としてマーク 栗下 望Microsoft employee, Moderator 2018年12月25日 1:42
すべての返信
-
スクリプト エディターWebパーツを利用して以下HTMLを埋め込んでいます。
[Google 検索]ボタン(Submit)をクリックする事で、<form>タブ内の属性をPostしています。
<!-- Google -->
<form method=get action="google URL/search">
<table bgcolor="#FFFFFF"><tr><td>
<a href="google URL">
<img src="google URL/logos/Logo_40wht.gif" border="0" alt="Google" align="absmiddle"></a> <input type=text name=q size=31 maxlength=255 value=""> <input type=hidden name=ie value=Shift_JIS> <input type=hidden name=oe value=Shift_JIS> <input type=hidden name=hl value="ja"> <input type=submit name=btnG value="Google 検索">
</td></tr></table>
</form>
<!-- Google -->
-
スクリプト エディター Web パーツで form タグを入れると、もともと ASP.NET としてポストバックするために存在する form タグと入れ子になってしまい HTML として無効な形になってしまいます。
たとえば、JavaScript で疑似的に form を作って GET で送ってみてはどうでしょうか?
<!-- Google --> <table bgcolor="#FFFFFF"> <tr> <td> <a href="https://www.google.co.jp"> <img src="https://www.google.co.jp/logos/Logo_40wht.gif" border="0" alt="Google" align="absmiddle"></a> <input id="queryWord" type=text name=q size=31 maxlength=255 value="" onkeypress="if(event.keyCode==13){submitForm();return false;}"> <input type=button name=btnG value="Google 検索" onclick="submitForm()"> </td> </tr> </table> <script type="text/javascript"> function submitForm(){ var form=document.createElement("form"); form.action="https://www.google.co.jp/search"; form.method="GET"; var q=document.createElement("input"); q.name="q" q.value=document.getElementById("queryWord").value; if(q.value==""){return false;} form.appendChild(q); document.body.appendChild(form); form.submit(); } </script> <!-- Google -->
例としてこんな感じです。
- 編集済み OTA HirofumiMVP 2018年12月14日 2:20
- 回答の候補に設定 OTA HirofumiMVP 2018年12月20日 1:25
- 回答としてマーク 栗下 望Microsoft employee, Moderator 2018年12月25日 1:42