'; } else { button.innerHTML = ''; } // ここでお気に入り状況を更新 countFavoriteCookies(); } function checkFavoriteStatusOnLoad() { var articles = document.querySelectorAll('[id^="article2_"]'); articles.forEach(function(article) { var articleNo = article.id.split('_')[1]; updateButtonStatus(articleNo); }); } function setCookieUntilEndOfDayfavorite(name, value) { var now = new Date(); var nextYear = new Date(now.getFullYear() + 1, now.getMonth(), now.getDate()); // 現在の年から1年後の日付を設定 var expires = "; expires=" + nextYear.toUTCString(); var timestamp = now.getTime(); var cookieValue = value + '|' + timestamp; document.cookie = name + "=" + cookieValue + expires + "; path=/; SameSite=Lax"; } function extractCookieValue(rawValue) { if (!rawValue) return null; var parts = rawValue.split('|'); return parts[0]; } function getCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) { var rawValue = c.substring(nameEQ.length, c.length); return extractCookieValue(rawValue); // 実際の値を抽出 } } return null; } document.addEventListener('DOMContentLoaded', function() { checkFavoriteStatusOnLoad(); }); function toggleFavorite(articleNo) { var currentStatus = getCookie("favorite_" + articleNo); var newState = currentStatus !== "favorited"; // 新しいお気に入りの状態 if (newState) { // お気に入りに追加されたとき showFavoriteMessage(articleNo, '追加されました'); } else { // お気に入り取り消し時 showFavoriteMessage(articleNo, '取り消されました'); } // クッキーを更新する setCookieUntilEndOfDayfavorite("favorite_" + articleNo, newState ? "favorited" : ""); // サーバーに非同期リクエストを送信 fetch('../../include/favorite.php', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ articleNo: articleNo, favorite: newState }) }) .then(response => { if (!response.ok) { throw new Error('Network response was not ok'); } return response.text(); // JSONではなくテキストとして応答を取得 }) .then(text => { if (text) { return JSON.parse(text); // テキストが空でなければJSONとして解析 } return {}; // 空の応答の場合は空のオブジェクトを返す }) .then(data => { console.log('Success:', data); }) .catch(error => { console.error('Error:', error); }); // 状態を更新した後の処理 updateButtonStatus(articleNo); // ボタンのテキストを更新 }