https://testzukan.zebralion.co.jp/index.php?action=history&feed=atom&title=%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%3A%E5%B0%8F%E5%A3%B2%E3%83%BB%E5%BA%97%E8%88%97%E6%A4%9C%E7%B4%A2%2Fscript.js
テンプレート:小売・店舗検索/script.js - 版の履歴
2026-09-15T02:57:40Z
このウィキのこのページに関する変更履歴
MediaWiki 1.44.3
https://testzukan.zebralion.co.jp/index.php?title=%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88:%E5%B0%8F%E5%A3%B2%E3%83%BB%E5%BA%97%E8%88%97%E6%A4%9C%E7%B4%A2/script.js&diff=5103&oldid=prev
0rr2f3: ページの作成:「<html> <script> document.getElementById('searchForm').addEventListener('submit', function (e) { const searchText = document.getElementById('searchText'); const genre = document.getElementById('genre'); const station = document.getElementById('station'); if (searchText.value === '') { searchText.removeAttribute('name'); // 空のとき name属性を削除 } if (genre.value === '') { genre.removeAttribute('name'); // 空のとき name属性を削…」
2026-02-06T05:45:16Z
<p>ページの作成:「<html> <script> document.getElementById('searchForm').addEventListener('submit', function (e) { const searchText = document.getElementById('searchText'); const genre = document.getElementById('genre'); const station = document.getElementById('station'); if (searchText.value === '') { searchText.removeAttribute('name'); // 空のとき name属性を削除 } if (genre.value === '') { genre.removeAttribute('name'); // 空のとき name属性を削…」</p>
<p><b>新規ページ</b></p><div><html><br />
<script><br />
document.getElementById('searchForm').addEventListener('submit', function (e) {<br />
const searchText = document.getElementById('searchText');<br />
const genre = document.getElementById('genre');<br />
const station = document.getElementById('station');<br />
<br />
if (searchText.value === '') {<br />
searchText.removeAttribute('name'); // 空のとき name属性を削除<br />
}<br />
if (genre.value === '') {<br />
genre.removeAttribute('name'); // 空のとき name属性を削除<br />
}<br />
if (station.value === '') {<br />
station.removeAttribute('name'); // 空のとき name属性を削除<br />
}<br />
});<br />
<br />
document.addEventListener('DOMContentLoaded', function () {<br />
const params = new URLSearchParams(window.location.search);<br />
<br />
params.forEach((value, key) => {<br />
// input, select, checkbox, radio 全対応<br />
const el = document.querySelector(`[name="${key}"]`);<br />
if (!el) return;<br />
<br />
// checkbox / radio (name[] の対応含む)<br />
if (el.type === "checkbox" || el.type === "radio") {<br />
document.querySelectorAll(`[name="${key}"]`).forEach(input => {<br />
if (input.value === value) {<br />
input.checked = true;<br />
}<br />
});<br />
} else {<br />
// text / select など<br />
el.value = value;<br />
}<br />
});<br />
<br />
const clearBtn = document.querySelector('.clear-btn');<br />
const form = document.getElementById('searchForm');<br />
<br />
clearBtn.addEventListener('click', function () {<br />
<br />
form.reset();<br />
});<br />
<br />
// URLパラメータ取得<br />
var area = params.get("station");<br />
var category = params.get("genre");<br />
<br />
var count = document.getElementById("count");<br />
count = count.dataset.total.toString();<br />
<br />
// タイトル生成<br />
let title = "川西市でおすすめの小売・店舗情報をご紹介！ | 川西図鑑";<br />
// パンくず用テキスト生成<br />
let nav = "";<br />
<br />
if (area) {<br />
if (category) {<br />
title = `${area}でおすすめの${category}をご紹介！ | 川西図鑑`;<br />
nav = ` › ${area} × ${category}`;<br />
} else {<br />
title = `${area}でおすすめの小売・店舗をご紹介！ | 川西図鑑`;<br />
nav = ` › ${area}`;<br />
}<br />
} else if (category) {<br />
title = `川西市でおすすめの${category}をご紹介！ | 川西図鑑`;<br />
nav = ` › ${category}`;<br />
}<br />
<br />
// タイトル更新<br />
document.title = title;<br />
// パンくず更新<br />
document.getElementById('navText2').textContent = nav;<br />
<br />
if (area) {<br />
area = "の" + area;<br />
} else {<br />
area = "";<br />
}<br />
<br />
if (category) {<br />
category = "の" + category;<br />
} else {<br />
category = "";<br />
}<br />
<br />
if (count) {<br />
count = count + "件";<br />
} else {<br />
count = "";<br />
}<br />
<br />
// description生成<br />
let desc = `「川西図鑑」では、兵庫県川西市${area}で人気${category}のお店を ${count}掲載中。営業時間、アクセス、写真、地図などの詳細情報をまとめています。複数の条件で絞り込みができ、地元でおすすめのお店が見つかります。`;<br />
<br />
let meta = document.querySelector("meta[name='description']");<br />
if (!meta) {<br />
meta = document.createElement("meta");<br />
meta.name = "description";<br />
document.head.appendChild(meta);<br />
}<br />
<br />
meta.content = desc;<br />
});//# sourceURL=foobar.js<br />
</script><br />
</html></div>
0rr2f3