[html]
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
body { font-family: Arial; background: #f7f7f7; margin: 10px; }
.comment { background: #fff; border: 1px solid #ccc; border-radius: 6px; padding: 8px; margin-top: 6px; }
.comment strong { color: #333; }
input, textarea, button { width: 100%; box-sizing: border-box; margin-top: 6px; padding: 6px; font-size: 14px; }
button { background: #222; color: #fff; border: none; border-radius: 4px; cursor: pointer; }
button:hover { background: #444; }
</style>
<div class="comment-box">
<input type="text" id="nickname" placeholder="Ваш ник">
<textarea id="commentText" rows="3" placeholder="Ваш комментарий..."></textarea>
<button id="sendComment">Отправить</button>
</div>
<div id="commentsList">Загрузка комментариев...</div>
<script>
$(function() {
const threadURL = 'https://someautism.rusff.me/viewtopic.php?id=15';
// Загружаем пост с форума и парсим комментарии
function loadComments() {
$('#commentsList').text('Загрузка...');
$.get(threadURL, function(data) {
let html = $('<div>').html(data);
let post = html.find('.post-content').first().text();
let comments = [];
let parts = post.split('---');
parts.forEach(p => {
let nickMatch = p.match(/<nick>(.*?)<\/nick>/);
let textMatch = p.match(/<text>(.*?)<\/text>/);
if (nickMatch && textMatch) {
comments.push({ nick: nickMatch[1].trim(), text: textMatch[1].trim() });
}
});
if (!comments.length) {
$('#commentsList').html('<i>Комментариев пока нет</i>');
return;
}
$('#commentsList').empty();
comments.forEach(c => {
$('#commentsList').append(`
<div class="comment">
<strong>${$('<div>').text(c.nick).html()}:</strong>
<div>${$('<div>').text(c.text).html()}</div>
</div>
`);
});
});
}
// Добавление комментария (имитация)
$('#sendComment').on('click', function() {
let nick = $('#nickname').val().trim();
let text = $('#commentText').val().trim();
if (!nick || !text) {
alert('Введите ник и текст комментария!');
return;
}
alert('На RusFF нельзя напрямую записывать данные с JS 😔. Чтобы комментарий сохранился, его нужно вручную добавить в пост темы №123 в формате <nick>Ник</nick><text>Текст</text>---');
});
loadComments();
});
</script>
[/html]

