ぴょこたんチケット｜掲載事前受付

本ページは、ぴょこたんチケット掲載に関する 事前受付（仮予約）ページです。この段階で料金は発生しません。

※ 本ページは事業者さま向けの事前受付ページです。検索結果からのご利用は想定しておりません。

/*! * pyokotan-ticket.js * ---------------------------------------- * ぴょこたんチケット共通制御JS * * 概要: * ・ブログパーツの業者カード（マイクロカード）で * カエルボタンを押すと * ・ページトップの「ぴょこたんチケット」に * 業者名／サービス内容を反映し * ・ページトップへスムーズにジャンプする * * 前提HTML: * ・チケット側に id="pyokotanTicket" * ・業者名表示 id="ticketVendor" * ・サービス表示 id="ticketService" * ・未選択文言 id="ticketPlaceholder"（任意） * * ・カード側ボタンに * class="frogButton" * data-vendor="業者名" * data-service="サービス内容" * * 依存: * ・なし（Vanilla JS） * ---------------------------------------- */ (function () { "use strict"; function initPyokotanTicket() { const buttons = document.querySelectorAll(".frogButton"); if (!buttons.length) return; const ticket = document.getElementById("pyokotanTicket"); const vendorEl = document.getElementById("ticketVendor"); const serviceEl = document.getElementById("ticketService"); const placeholder = document.getElementById("ticketPlaceholder"); if (!ticket || !vendorEl || !serviceEl) return; buttons.forEach(button => { button.addEventListener("click", () => { const vendor = button.dataset.vendor || ""; const service = button.dataset.service || ""; vendorEl.textContent = vendor; serviceEl.textContent = service; if (placeholder) { placeholder.style.display = "none"; } ticket.scrollIntoView({ behavior: "smooth", block: "start" }); }); }); } // DOM読み込み後に初期化 if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initPyokotanTicket); } else { initPyokotanTicket(); } })();