Show sourcecode
The following files exists in this folder. Click to view.
webbsrvprg/projekt/slutprojekt/
board_random.php
board_travel.php
board_vgy.php
create_comment.php
create_post.php
create_tables.php
darkmode.js
fetch_comments.php
fetch_posts.php
fetch_posts_random.php
forgot_password.php
index.php
login.php
nav.css
nav.php
post.php
register.php
reset_password.php
sql_inject.php
verify.php
post.php
121 lines UTF-8 Windows (CRLF)
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
<?php
session_start();
include ('../../incl/dbconnect.php');
if(!isset($_GET['post_id'])){
die("Ingen post angiven.");
}
$post_id = intval($_GET['post_id']);
// hämta inlägget
$stmt = $dbconn->prepare("SELECT p.post_id, p.content, p.image_url, p.created_at, u.username
FROM Posts_slutprojekt p
JOIN Users_slutprojekt u ON p.user_id = u.user_id
WHERE p.post_id = :post_id");
$stmt->execute([':post_id' => $post_id]);
$post = $stmt->fetch(PDO::FETCH_ASSOC);
if(!$post){
die("Posten hittades inte.");
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Post #<?php echo htmlspecialchars($post['post_id']); ?></title>
<link rel="stylesheet" href="nav.css">
<style>
.comment { border: 1px solid #ccc; padding: 5px; margin-bottom: 5px; }
</style>
</head>
<body>
<?php include ('nav.php'); ?>
<h1>Inlägg från <?php echo htmlspecialchars($post['username']); ?></h1>
<p><?php echo nl2br(htmlspecialchars($post['content'])); ?></p>
<?php if($post['image_url']): ?>
<img src="<?php echo htmlspecialchars($post['image_url']); ?>" alt="Bild" style="max-width:400px;"><br>
<?php endif; ?>
<p><small>Skapad: <?php echo htmlspecialchars($post['created_at']); ?></small></p>
<h2>Kommentarer</h2>
<!-- container för kommentarer som uppdateras via AJAX -->
<div id="commentsContainer">
<!-- här fylls på av AJAX -->
</div>
<h2>Lägg till en kommentar</h2>
<!-- formulär för att lägga kommentar -->
<?php if(isset($_SESSION['user_id'])): ?>
<form id="commentForm" action="" method="post">
<textarea name="comment_content" placeholder="Skriv din kommentar..." required rows="4" cols="50"></textarea><br>
<input type="hidden" name="post_id" value="<?php echo htmlspecialchars($post_id); ?>">
<input type="submit" value="Skicka kommentar">
</form>
<?php else: ?>
<p><a href="login.php">Logga in</a> för att kommentera.</p>
<?php endif; ?>
<script>
// funktion för att hämta kommentarer via AJAX
function fetchComments() {
fetch('fetch_comments.php?post_id=<?php echo $post_id; ?>')
.then(r => r.json())
.then(data => {
const container = document.getElementById('commentsContainer');
container.innerHTML = ''; // töm tidigare kommentarer
data.forEach(comment => {
// lägg på stjärna om användaren har mer eller lika med5 posts
let uname = comment.username;
if (comment.post_count >= 5) {
uname += ' 🌟';
}
// bygg HTML
let html = `
<div class="comment">
<p><strong>${uname}</strong> skrev:</p>
<p>${comment.content}</p>
<p><small>${comment.created_at}</small></p>
</div>
`;
container.innerHTML += html;
});
})
.catch(err => console.error('Fel vid hämtning av kommentarer:', err));
}
// uppdatera kommentarer var 3:e sekund
setInterval(fetchComments, 3000);
// hämta kommentarer direkt vid sidladdning
document.addEventListener("DOMContentLoaded", fetchComments);
// AJAX för att posta en ny kommentar
const commentForm = document.getElementById('commentForm');
if(commentForm) {
commentForm.addEventListener('submit', function(e) {
e.preventDefault();
const formData = new FormData(this);
fetch('create_comment.php', {
method: 'POST',
body: formData
})
.then(response => response.text())
.then(result => {
console.log(result);
fetchComments();
commentForm.reset();
})
.catch(error => console.error("Fel vid postning av kommentar:", error));
});
}
</script>
<script src="darkmode.js"></script>
</body>
</html>