【DevTool】市町村選択ページを作成します 2022.07.07 2022.07.06 市町村選択画面を自動生成します。 お問い合わせはdeskアットkashika.or.jpまで。 目次 1. 設定用のcsvファイルを準備します2. csvファイルをアップロードします3. 内容をチェックします4. htmlファイルをダウンロードします5. htmlファイルをダブルクリックして確認します6. 以下のコードをコピーして、固定ページ本文に貼り付けます7. 以下のコードをコピーして、固定ページ最下部の「カスタムJavaScript」に貼り付けます 1. 設定用のcsvファイルを準備します 下記のように、大カテゴリ、中カテゴリ、ボタン表示名、都道府県市町村名、の４列ファイルを準備します。 ・大カテゴリ、中カテゴリ、ボタン表示名は任意です。 ・都道府県市町村名は、KMLファイル名と連動していますので、固定です。 2. csvファイルをアップロードします 3. 内容をチェックします 読み込み結果表示（何らか表示されていればOK） 4. htmlファイルをダウンロードします ダウンロード 5. htmlファイルをダブルクリックして確認します こんな感じになります 6. 以下のコードをコピーして、固定ページ本文に貼り付けます Ctlr+A、Ctlr+Cで、以下のコードをコピーできます 7. 以下のコードをコピーして、固定ページ最下部の「カスタムJavaScript」に貼り付けます Ctlr+A、Ctlr+Cで、以下のコードをコピーできます function openTarget() { var hash = decodeURI(location.hash.substring(1)); if(hash) var details = document.getElementById(hash); if(details && details.tagName.toLowerCase() === ‘details’) details.open = true; } window.addEventListener(‘hashchange’, openTarget); openTarget(); function buttonClick(obj){ console.log(obj.value); localStorage.setItem(‘city’, obj.value); document.referrer ? window.location = document.referrer : history.back() } やり直す場合は、リロードしてください ホーム
