Apps Scriptリファレンス: Apps Script Reference |障害・課題追跡: IssueTracker |Google Workspace: Status Dashboard - Summary

2018年1月13日土曜日

指定したサイト内で検索するボタンを作りたい


Google検索ができる検索ボックスを作ってみる





キーワードの入力欄に検索したいテキストを入力して
「Google検索」ボタンをクリックすると
新規ウィンドウでその結果画面が開きます



コード.gs
function doGet() {
  return HtmlService.createHtmlOutputFromFile("index");
}
意訳
この機能がやること
指定したHTMLファイルを表示する




index.html
<!DOCTYPE html>
<html>
<body>
  <input type="text" id="tb" placeholder="キーワード">
  <button id="bt">検索する</button>
  <script>
    document.getElementById("bt").onclick = bt_clicked;

    function bt_clicked() {
      var base_url = "https://www.google.co.jp/search?q=";
      var keyword = document.getElementById("tb").value;
      var url = base_url + keyword;
      window.open(url, "_blank");
    }
  </script>
</body>
</html>
意訳
これはHTML5文書です


テキストボックスを置く
ボタンを置く

idがbtの要素がクリックされたらbt_clickedを実行する

この機能がやること
基準になるURLを指定して
idがtbの要素の値を取得して
基準のURL+値をurlにして
新規タブで開く





Latest post

Googleドキュメントの指定した位置にテキストを追加したい(特定の見出しセクションにテキストを追加する)

指定したGoogleドキュメント内の 見出しBセクションにある標準テキストに 一行追加したくて書いたコードです。 ChatGPTとGeminiと何度かやり取りしながら、プロンプトを書くのに試行錯誤しました。 途中で手動修正も入れつつ、動くコードが書けました。 Apps Sc...