102 lines
4.9 KiB
PHP
102 lines
4.9 KiB
PHP
<!doctype html>
|
||
<html lang="ja">
|
||
<head>
|
||
<title>｜So-Manager</title>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
<meta name="keywords" content="">
|
||
<meta name="description" content="">
|
||
<meta name="author" content="">
|
||
<meta property="og:title" content="so-manager">
|
||
<meta property="og:url" content="./index.html">
|
||
<meta property="og:image" content="./assets/img/so-rin_logo.png">
|
||
<meta property="og:site_name" content="so-manager">
|
||
<meta property="og:description" content="">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<link rel="alternate" media="handheld" href="./index.html">
|
||
<link rel="alternate" media="only screen and (max-width: 768px)" href="./index.html">
|
||
<link rel="icon" href="./favicon.ico">
|
||
<link href="https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.9/typicons.css" rel="stylesheet">
|
||
<link href="https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css" rel="stylesheet" />
|
||
<link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||
<link href="./assets/css/style.css" rel="stylesheet">
|
||
<script src="./assets/js/ie-emulation-modes-warning.js"></script>
|
||
</head>
|
||
<body id="" class="">
|
||
<div id="font-scale" class="home">
|
||
<iframe src="./header.html" width="100%" height="160"></iframe>
|
||
<!-- ▼ メイン部分 ▼ -->
|
||
<div id="formWrap">
|
||
<h2 class="text-center mt50 mb30">確認画面</h2>
|
||
<p align="center">以下の内容で間違いがなければ、「送信する」ボタンを押してください。</p>
|
||
<form action="./app/send_mail_inquiry.php" method="POST">
|
||
<table class="formTable table">
|
||
<tbody>
|
||
<tr>
|
||
<th>氏名</th>
|
||
<td><span id="name"></span></td>
|
||
</tr>
|
||
<tr>
|
||
<th>メールアドレス</th>
|
||
<td><span id="email"></span></td>
|
||
</tr>
|
||
<tr>
|
||
<th>電話番号</th>
|
||
<td><span id="tel"></span></td>
|
||
</tr>
|
||
<tr>
|
||
<th>お問い合わせ概要</th>
|
||
<td><span id="subject"></span></td>
|
||
</tr>
|
||
<tr>
|
||
<th>お問い合わせ駐輪場名</th>
|
||
<td><span id="parking"></span></td>
|
||
</tr>
|
||
<tr>
|
||
<th>お問い合わせ詳細</th>
|
||
<td><span id="detail"></span></td>
|
||
</tr>
|
||
<input type="hidden" name="_token" value="HG2vNg4TVJR4xTA4HepBdJWFnZjksDZU8vph04UM">
|
||
</tbody>
|
||
</table>
|
||
<input type="hidden" name="name" id="hiddenName">
|
||
<input type="hidden" name="email" id="hiddenEmail">
|
||
<input type="hidden" name="tel" id="hiddenTel">
|
||
<input type="hidden" name="subject" id="hiddenSubject">
|
||
<input type="hidden" name="parking" id="hiddenParking">
|
||
<input type="hidden" name="detail" id="hiddenDetail">
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
// URLSearchParamsでGETパラメータ取得
|
||
const params = new URLSearchParams(window.location.search);
|
||
document.getElementById('name').textContent = params.get('name') || '';
|
||
document.getElementById('email').textContent = params.get('email') || '';
|
||
document.getElementById('tel').textContent = params.get('tel') || '';
|
||
document.getElementById('subject').textContent = params.get('subject') || '';
|
||
document.getElementById('parking').textContent = params.get('parking') || '';
|
||
document.getElementById('detail').textContent = params.get('detail') || '';
|
||
// hidden inputにもセット
|
||
document.getElementById('hiddenName').value = params.get('name') || '';
|
||
document.getElementById('hiddenEmail').value = params.get('email') || '';
|
||
document.getElementById('hiddenTel').value = params.get('tel') || '';
|
||
document.getElementById('hiddenSubject').value = params.get('subject') || '';
|
||
document.getElementById('hiddenParking').value = params.get('parking') || '';
|
||
document.getElementById('hiddenDetail').value = params.get('detail') || '';
|
||
// 送信ボタンでフォーム送信
|
||
document.getElementById('sendMailBtn').onclick = function() {
|
||
document.querySelector('form').submit();
|
||
};
|
||
});
|
||
</script>
|
||
<p align="center" class="mt50 mb50">
|
||
<button type="button" class="btn btn-success" id="sendMailBtn">送信する</button>
|
||
<a href="./contact.html" class="btn btn-outline-success">前画面に戻る</a>
|
||
</p>
|
||
</form>
|
||
</div>
|
||
<!-- ▲ メイン部分 ▲ -->
|
||
<iframe src="./footer.html" width="100%" height="200"></iframe>
|
||
</div><!-- ./#font-scale -->
|
||
</body>
|
||
</html>
|