Todo prototype 2 (mysql)
This commit is contained in:
WhyKorp
@@ -0,0 +1,25 @@
|
|||||||
|
<?php
|
||||||
|
// Vérifier si le formulaire est soumis
|
||||||
|
if ($_SERVER["REQUEST_METHOD"] == "POST") {
|
||||||
|
// Récupérer le nom de la tâche depuis le formulaire
|
||||||
|
$taskName = $_POST["task_name"];
|
||||||
|
|
||||||
|
// Connexion à la base de données
|
||||||
|
$conn = mysqli_connect("localhost", "votre_nom_utilisateur", "votre_mot_de_passe", "votre_base_de_données");
|
||||||
|
|
||||||
|
// Vérifier la connexion
|
||||||
|
if ($conn->connect_error) {
|
||||||
|
die("Erreur de connexion à la base de données : " . $conn->connect_error);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Préparer et exécuter la requête SQL pour ajouter la tâche
|
||||||
|
$sql = "INSERT INTO tasks (task_name) VALUES ('$taskName')";
|
||||||
|
if ($conn->query($sql) === TRUE) {
|
||||||
|
echo "Tâche ajoutée avec succès.";
|
||||||
|
} else {
|
||||||
|
echo "Erreur lors de l'ajout de la tâche : " . $conn->error;
|
||||||
|
}
|
||||||
|
|
||||||
|
$conn->close();
|
||||||
|
}
|
||||||
|
?>
|
||||||
+45
-22
@@ -1,5 +1,31 @@
|
|||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
|
<?php
|
||||||
|
// Connexion à la base de données
|
||||||
|
$conn = mysqli_connect("localhost", "root", "votre_mot_de_passe", "ruty");
|
||||||
|
|
||||||
|
// Vérifier la connexion
|
||||||
|
if ($conn->connect_error) {
|
||||||
|
die("Erreur de connexion à la base de données : " . $conn->connect_error);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Sélectionner les tâches depuis la base de données
|
||||||
|
$sql = "SELECT id, task_name, completed FROM tasks";
|
||||||
|
$result = $conn->query($sql);
|
||||||
|
|
||||||
|
if ($result->num_rows > 0) {
|
||||||
|
while($row = $result->fetch_assoc()) {
|
||||||
|
$taskId = $row["id"];
|
||||||
|
$taskName = $row["task_name"];
|
||||||
|
$completed = $row["completed"] ? "checked" : "";
|
||||||
|
|
||||||
|
echo "<li><input type='checkbox' $completed onchange='updateTask($taskId, this.checked)'> $taskName</li>";
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
echo "Aucune tâche trouvée.";
|
||||||
|
}
|
||||||
|
$conn->close();
|
||||||
|
?>
|
||||||
<title>Ruty - ToDo List</title>
|
<title>Ruty - ToDo List</title>
|
||||||
<link rel="stylesheet" href="styles/styletodo.css">
|
<link rel="stylesheet" href="styles/styletodo.css">
|
||||||
<link rel="icon" href="img/logo.png">
|
<link rel="icon" href="img/logo.png">
|
||||||
@@ -11,28 +37,25 @@
|
|||||||
</header>
|
</header>
|
||||||
<?php include 'menunav.php'; ?>
|
<?php include 'menunav.php'; ?>
|
||||||
|
|
||||||
<div id="todoapp">
|
<!-- Ajouter une nouvelle tâche -->
|
||||||
<header>
|
<h2>Ajouter une tâche</h2>
|
||||||
<h2>Add a Task</h2>
|
<form action="add_task.php" method="post">
|
||||||
<input type="text" id="new-todo" placeholder="What needs to be done?">
|
<input type="text" name="task_name" placeholder="Nom de la tâche" required>
|
||||||
<button id="add-todo">Add</button>
|
<button type="submit">Ajouter</button>
|
||||||
</header>
|
</form>
|
||||||
<section id="main">
|
|
||||||
<h2>Todos</h2>
|
|
||||||
<ul id="todo-list"></ul>
|
|
||||||
</section>
|
|
||||||
<footer id="footer">
|
|
||||||
<h2>Tags</h2>
|
|
||||||
<input type="text" id="new-tag" placeholder="Enter tag...">
|
|
||||||
<button id="add-tag">Add Tag</button>
|
|
||||||
<ul id="tag-list"></ul>
|
|
||||||
<h2>Categories</h2>
|
|
||||||
<input type="text" id="new-category" placeholder="Enter category...">
|
|
||||||
<button id="add-category">Add Category</button>
|
|
||||||
<ul id="category-list"></ul>
|
|
||||||
</footer>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script src="js/scripttodo.js"></script>
|
<!-- Script pour mettre à jour l'état d'une tâche -->
|
||||||
|
<script>
|
||||||
|
function updateTask(taskId, completed) {
|
||||||
|
var xhttp = new XMLHttpRequest();
|
||||||
|
xhttp.onreadystatechange = function() {
|
||||||
|
if (this.readyState == 4 && this.status == 200) {
|
||||||
|
console.log("Tâche mise à jour avec succès.");
|
||||||
|
}
|
||||||
|
};
|
||||||
|
xhttp.open("GET", "update_task.php?id=" + taskId + "&completed=" + completed, true);
|
||||||
|
xhttp.send();
|
||||||
|
}
|
||||||
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -0,0 +1,26 @@
|
|||||||
|
<?php
|
||||||
|
// Vérifier si les paramètres sont passés dans l'URL
|
||||||
|
if (isset($_GET["id"]) && isset($_GET["completed"])) {
|
||||||
|
// Récupérer l'ID de la tâche et l'état complété depuis l'URL
|
||||||
|
$taskId = $_GET["id"];
|
||||||
|
$completed = $_GET["completed"];
|
||||||
|
|
||||||
|
// Connexion à la base de données
|
||||||
|
$conn = mysqli_connect("localhost", "votre_nom_utilisateur", "votre_mot_de_passe", "votre_base_de_données");
|
||||||
|
|
||||||
|
// Vérifier la connexion
|
||||||
|
if ($conn->connect_error) {
|
||||||
|
die("Erreur de connexion à la base de données : " . $conn->connect_error);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Préparer et exécuter la requête SQL pour mettre à jour l'état de la tâche
|
||||||
|
$sql = "UPDATE tasks SET completed = '$completed' WHERE id = '$taskId'";
|
||||||
|
if ($conn->query($sql) === TRUE) {
|
||||||
|
echo "État de la tâche mis à jour avec succès.";
|
||||||
|
} else {
|
||||||
|
echo "Erreur lors de la mise à jour de l'état de la tâche : " . $conn->error;
|
||||||
|
}
|
||||||
|
|
||||||
|
$conn->close();
|
||||||
|
}
|
||||||
|
?>
|
||||||
Reference in New Issue
Block a user