お気に入り
';
}
// ここでお気に入り状況を更新
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); // ボタンのテキストを更新
}
名前「空衣」にコメントを投稿
こちらの名前に対する想い・願い・由来などのコメントを募集しております。
※誹謗中傷や個人を特定する内容が含まれるコメントは掲載を見送らせていただきます。
名前「空衣」へのコメント募集中
「空衣」という名前についてのコメントを募集中です！
こちらの名前に対するイメージや感想、こちらの名前を実際に選んだ方々の想いや由来など、様々な視点からのご意見をお聞かせください。
実際に名前を付けた方：「空衣」という名前を選んだ理由や背景などを教えてください。
名付けを検討中の方：「この点についてどう思いますか？」といった質問形式も歓迎です。
誹謗中傷を含むコメントは掲載されないため、安心してご投稿いただけます。
皆様のご意見・ご質問コメントをお待ちしております。