added asd

This commit is contained in:
Digi 2024-12-10 19:16:13 +01:00
parent 1e22bdb94a
commit a5f8028b59
7 changed files with 562 additions and 108 deletions

View File

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">

View File

@ -192,17 +192,15 @@ if (isset($_SESSION["datainserted"])) {
} }
} }
?> ?>
<!DOCTYPE html> <?php
<html lang="en"> include_once("htmlheader.php");
?>
<title>Adat feltöltése</title>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Adat feltöltés</title>
</head> </head>
<body> <body>
<a href="select.php">Adat lekérdezés</a> <?php include_once("navbar.php") ?>
<label>Válaszd ki a táblát amit szerkeszteni szeretnél:</label> <label>Válaszd ki a táblát amit szerkeszteni szeretnél:</label>
<select name="tabla" id="tabla"> <select name="tabla" id="tabla">
<option disabled selected value> -- Válassz egy opciót -- </option> <option disabled selected value> -- Válassz egy opciót -- </option>
@ -216,7 +214,7 @@ if (isset($_SESSION["datainserted"])) {
<div id="root"> <div id="root">
</div> </div>
<script src="select.js" defer></script> <script src="index.js" defer></script>
</body> </body>
</html> </html>

View File

@ -0,0 +1,6 @@
<nav>
<ul>
<li><a href="select.php">Lekérdezések</a></li>
<li><a href="index.php">Adatfelvitel</a></li>
</ul>
</nav>

View File

@ -1,71 +1,231 @@
<?php include_once("htmlheader.php"); ?>
<title>Lekérdezés eredménye</title>
</head>
<body>
<?php include_once("navbar.php") ?>
<?php <?php
include_once("config.php"); include_once("config.php");
// Kapcsolati hiba ellenőrzése
if ($conn->connect_error) { if ($conn->connect_error) {
die("Kapcsolódási hiba: " . $conn->connect_error); die("Kapcsolódási hiba: " . $conn->connect_error);
} }
// Alap SQL lekérdezés // Ellenőrizzük, hogy érkezett-e POST kérés
$sql = "SELECT * FROM tagok WHERE 1=1"; if ($_SERVER['REQUEST_METHOD'] === 'POST') {
// Azonosítjuk a céltábla nevét
$tabla = isset($_POST['tabla']) ? $_POST['tabla'] : null;
// Opcionális feltételek hozzáadása if ($tabla === "tagok") {
handleTagok($conn);
} elseif ($tabla === "tagsag") {
handleTagsag($conn);
} elseif ($tabla === "jelenlet") {
handleJelenlet($conn);
} elseif ($tabla === "esemenyek") {
handleEsemenyek($conn);
} elseif ($tabla === "visszajelzes") {
handleVisszajelzes($conn);
} else {
echo "Érvénytelen tábla megnevezés!";
}
}
// Tagok tábla kezelése
function handleTagok($conn)
{
$whereClauses = [];
if (!empty($_POST['vnev'])) { if (!empty($_POST['vnev'])) {
$vnev = mysqli_real_escape_string($conn, $_POST['vnev']); $whereClauses[] = "vnev LIKE '%" . $conn->real_escape_string($_POST['vnev']) . "%'";
$sql .= " AND vnev LIKE '%$vnev%'";
} }
if (!empty($_POST['knev'])) { if (!empty($_POST['knev'])) {
$knev = mysqli_real_escape_string($conn, $_POST['knev']); $whereClauses[] = "knev LIKE '%" . $conn->real_escape_string($_POST['knev']) . "%'";
$sql .= " AND knev LIKE '%$knev%'";
} }
if (!empty($_POST['email'])) { if (!empty($_POST['email'])) {
$email = mysqli_real_escape_string($conn, $_POST['email']); $whereClauses[] = "email LIKE '%" . $conn->real_escape_string($_POST['email']) . "%'";
$sql .= " AND email LIKE '%$email%'";
} }
if (!empty($_POST['telefon'])) { if (!empty($_POST['telefon'])) {
$telefon = mysqli_real_escape_string($conn, $_POST['telefon']); $whereClauses[] = "telefon LIKE '%" . $conn->real_escape_string($_POST['telefon']) . "%'";
$sql .= " AND telefon LIKE '%$telefon%'";
} }
if (!empty($_POST['lakcim'])) { if (!empty($_POST['lakcim'])) {
$lakcim = mysqli_real_escape_string($conn, $_POST['lakcim']); $whereClauses[] = "lakcim LIKE '%" . $conn->real_escape_string($_POST['lakcim']) . "%'";
$sql .= " AND lakcim LIKE '%$lakcim%'";
} }
if (!empty($_POST['tagsag_kezdete'])) { if (!empty($_POST['tagsag_kezdete'])) {
$tagsag_kezdete = mysqli_real_escape_string($conn, $_POST['tagsag_kezdete']); $whereClauses[] = "tagsag_kezdete = '" . $conn->real_escape_string($_POST['tagsag_kezdete']) . "'";
$sql .= " AND tagsag_kezdete = '$tagsag_kezdete'"; }
if (isset($_POST['aktiv']) && $_POST['aktiv'] !== "") {
$whereClauses[] = "aktiv_tagsagi_statusz = " . (int)$_POST['aktiv'];
} }
if (isset($_POST['aktiv']) && $_POST['aktiv'] !== '') { $where = !empty($whereClauses) ? "WHERE " . implode(" AND ", $whereClauses) : "";
$aktiv = (int)$_POST['aktiv'];
$sql .= " AND aktiv_tagsagi_statusz = $aktiv"; $sql = "SELECT * FROM tagok $where";
displayResults($conn, $sql);
} }
// Lekérdezés futtatása // Tagsag tábla kezelése
function handleTagsag($conn)
{
$whereClauses = [];
if (!empty($_POST['tag_id'])) {
$whereClauses[] = "tag_id = " . (int)$_POST['tag_id'];
}
if (!empty($_POST['dij_osszeg'])) {
$whereClauses[] = "dij_osszeg = " . (float)$_POST['dij_osszeg'];
}
if (!empty($_POST['datum'])) {
$whereClauses[] = "datum = '" . $conn->real_escape_string($_POST['datum']) . "'";
}
if (isset($_POST['fizetes_statusz']) && $_POST['fizetes_statusz'] !== "") {
$whereClauses[] = "fizetes_statusz = " . ((bool)$_POST['fizetes_statusz'] ? 1 : 0);
}
if (!empty($_POST['fizetes_datum'])) {
$whereClauses[] = "fizetes_datum = '" . $conn->real_escape_string($_POST['fizetes_datum']) . "'";
}
if (!empty($_POST['nyugtaszam'])) {
$whereClauses[] = "nyugtaszam = " . (int)$_POST['nyugtaszam'];
}
if (!empty($_POST['megjegyzes'])) {
$whereClauses[] = "megjegyzes LIKE '%" . $conn->real_escape_string($_POST['megjegyzes']) . "%'";
}
$where = !empty($whereClauses) ? "WHERE " . implode(" AND ", $whereClauses) : "";
$sql = "SELECT * FROM tagsag $where";
displayResults($conn, $sql);
}
// Jelenlet tábla kezelése
function handleJelenlet($conn)
{
$whereClauses = [];
if (!empty($_POST['esemeny_id'])) {
$whereClauses[] = "esemeny_id = " . (int)$_POST['esemeny_id'];
}
if (!empty($_POST['tag_id'])) {
$whereClauses[] = "tag_id = " . (int)$_POST['tag_id'];
}
if (!empty($_POST['jelenlet_datum'])) {
$whereClauses[] = "jelenlet_datum = '" . $conn->real_escape_string($_POST['jelenlet_datum']) . "'";
}
if (isset($_POST['jelenlet_statusz']) && $_POST['jelenlet_statusz'] !== "") {
$whereClauses[] = "jelenlet_statusz = " . ((bool)$_POST['jelenlet_statusz'] ? 1 : 0);
}
if (!empty($_POST['visszajelzes'])) {
$whereClauses[] = "visszajelzes LIKE '%" . $conn->real_escape_string($_POST['visszajelzes']) . "%'";
}
if (!empty($_POST['becsekkolas'])) {
$whereClauses[] = "becsekkolas = '" . $conn->real_escape_string($_POST['becsekkolas']) . "'";
}
if (!empty($_POST['kicsekkolas'])) {
$whereClauses[] = "kicsekkolas = '" . $conn->real_escape_string($_POST['kicsekkolas']) . "'";
}
$where = !empty($whereClauses) ? "WHERE " . implode(" AND ", $whereClauses) : "";
$sql = "SELECT * FROM jelenlet $where";
displayResults($conn, $sql);
}
// Esemenyek tábla kezelése
function handleEsemenyek($conn)
{
$whereClauses = [];
if (!empty($_POST['esemeny_neve'])) {
$whereClauses[] = "esemeny_neve LIKE '%" . $conn->real_escape_string($_POST['esemeny_neve']) . "%'";
}
if (!empty($_POST['esemeny_datuma'])) {
$whereClauses[] = "esemeny_datuma = '" . $conn->real_escape_string($_POST['esemeny_datuma']) . "'";
}
if (!empty($_POST['helyszin'])) {
$whereClauses[] = "helyszin LIKE '%" . $conn->real_escape_string($_POST['helyszin']) . "%'";
}
if (!empty($_POST['leiras'])) {
$whereClauses[] = "leiras LIKE '%" . $conn->real_escape_string($_POST['leiras']) . "%'";
}
if (!empty($_POST['max_letszam'])) {
$whereClauses[] = "max_letszam = " . (int)$_POST['max_letszam'];
}
if (!empty($_POST['szervezo'])) {
$whereClauses[] = "szervezo LIKE '%" . $conn->real_escape_string($_POST['szervezo']) . "%'";
}
if (!empty($_POST['esemeny_statusz'])) {
$whereClauses[] = "esemeny_statusz = '" . $conn->real_escape_string($_POST['esemeny_statusz']) . "'";
}
$where = !empty($whereClauses) ? "WHERE " . implode(" AND ", $whereClauses) : "";
$sql = "SELECT * FROM esemenyek $where";
displayResults($conn, $sql);
}
// Visszajelzes tábla kezelése
function handleVisszajelzes($conn)
{
$whereClauses = [];
if (!empty($_POST['tag_id'])) {
$whereClauses[] = "tag_id = " . (int)$_POST['tag_id'];
}
if (!empty($_POST['esemeny_id'])) {
$whereClauses[] = "esemeny_id = " . (int)$_POST['esemeny_id'];
}
if (!empty($_POST['visszajelzes_szoveg'])) {
$whereClauses[] = "visszajelzes_szoveg LIKE '%" . $conn->real_escape_string($_POST['visszajelzes_szoveg']) . "%'";
}
if (!empty($_POST['ertekeles'])) {
$whereClauses[] = "ertekeles = '" . $conn->real_escape_string($_POST['ertekeles']) . "'";
}
if (!empty($_POST['bekuldes_datum'])) {
$whereClauses[] = "bekuldes_datum = '" . $conn->real_escape_string($_POST['bekuldes_datum']) . "'";
}
if (!empty($_POST['lathatosag'])) {
$whereClauses[] = "lathatosag LIKE '%" . $conn->real_escape_string($_POST['lathatosag']) . "%'";
}
if (!empty($_POST['visszajelzes_statusz'])) {
$whereClauses[] = "visszajelzes_statusz = '" . $conn->real_escape_string($_POST['visszajelzes_statusz']) . "'";
}
$where = !empty($whereClauses) ? "WHERE " . implode(" AND ", $whereClauses) : "";
$sql = "SELECT * FROM visszajelzes $where";
displayResults($conn, $sql);
}
// Általános eredménymegjelenítés
function displayResults($conn, $sql)
{
$result = $conn->query($sql); $result = $conn->query($sql);
if ($result->num_rows > 0) { if ($result->num_rows > 0) {
echo "<h1>Eredmények:</h1>"; echo "<table border='1'>";
echo "<table border='1'><tr><th>ID</th><th>Vezetéknév</th><th>Keresztnév</th><th>Email</th><th>Telefon</th><th>Lakcím</th><th>Tagság kezdete</th><th>Aktív státusz</th></tr>"; echo "<tr>";
while ($row = $result->fetch_assoc()) { while ($fieldInfo = $result->fetch_field()) {
echo "<tr> echo "<th>" . htmlspecialchars($fieldInfo->name) . "</th>";
<td>{$row['id']}</td>
<td>{$row['vnev']}</td>
<td>{$row['knev']}</td>
<td>{$row['email']}</td>
<td>{$row['telefon']}</td>
<td>{$row['lakcim']}</td>
<td>{$row['tagsag_kezdete']}</td>
<td>" . ($row['aktiv_tagsagi_statusz'] ? 'Igen' : 'Nem') . "</td>
</tr>";
} }
echo "</tr>";
while ($row = $result->fetch_assoc()) {
echo "<tr>";
foreach ($row as $value) {
echo "<td>" . htmlspecialchars($value) . "</td>";
}
echo "</tr>";
}
echo "</table>"; echo "</table>";
} else { } else {
echo "Nincs találat a megadott feltételekre."; echo "<p>Nincs találat.</p>";
}
} }
$conn->close(); $conn->close();
?> ?>
</body>
</html>

View File

@ -61,6 +61,7 @@ function CreateTagokForm() {
<option value="1">Igen</option> <option value="1">Igen</option>
<option value="0">Nem</option> <option value="0">Nem</option>
</select><br><br> </select><br><br>
<input type="hidden" name="tabla" value="tagok">
<button type="submit">Lekérdezés</button> <button type="submit">Lekérdezés</button>
</form> </form>
@ -70,80 +71,162 @@ function CreateTagokForm() {
} }
function CreateTagsagForm() { function CreateTagsagForm() {
RemoveTable(); //RemoveTable();
let form = document.createElement("div"); let form = document.createElement("div");
form.id = "tabla_Form"; form.id = "tabla_Form";
form.innerHTML = ` form.innerHTML = `
<form method="POST" name="tagsag"> <form action="result.php" method="post">
Tag id: <input type="number" name="tag_id"><br> <label for="tag_id">Tag ID:</label>
Díj összeg: <input type="number" name="dij_osszeg"><br> <input type="number" id="tag_id" name="tag_id" placeholder="Tag ID"><br><br>
Datum: <input type="date" name="datum"><br>
Fizetés státusz: <input type="checkbox" name="fizetes_statusz"><br> <label for="dij_osszeg">Díj összeg:</label>
Fizetés dátum: <input type="date" name="fizetes_datum"><br> <input type="number" id="dij_osszeg" name="dij_osszeg" placeholder="Díj összeg"><br><br>
Nyugtaszám: <input type="number" name="nyugtaszam"><br>
Megjegyzés: <input type="text" name="megjegyzes"><br> <label for="esedekesseg">Esedékesség (YYYY-MM-DD):</label>
<button type="submit">Adat feltöltése</button> <input type="date" id="esedekesseg" name="esedekesseg"><br><br>
<label for="fizetes_statusz">Fizetés státusz:</label>
<select id="fizetes_statusz" name="fizetes_statusz">
<option value="">Mindegy</option>
<option value="1">Fizetett</option>
<option value="0">Nem fizetett</option>
</select><br><br>
<label for="fizetes_datuma">Fizetés dátuma (YYYY-MM-DD):</label>
<input type="date" id="fizetes_datuma" name="fizetes_datuma"><br><br>
<label for="nyugtaszam">Nyugtaszám:</label>
<input type="text" id="nyugtaszam" name="nyugtaszam" placeholder="Nyugtaszám"><br><br>
<label for="megjegyzes">Megjegyzés:</label>
<textarea id="megjegyzes" name="megjegyzes" rows="4" placeholder="Megjegyzés"></textarea><br><br>
<input type="hidden" name="tabla" value="tagsag">
<button type="submit">Lekérdezés indítása</button>
</form> </form>
`; `;
root.appendChild(form); root.appendChild(form);
return; return;
} }
function CreateJelenletForm() { function CreateJelenletForm() {
RemoveTable(); //RemoveTable();
let form = document.createElement("div"); let form = document.createElement("div");
form.id = "tabla_Form"; form.id = "tabla_Form";
form.innerHTML = ` form.innerHTML = `
<form method="POST" name="jelenlet"> <form action="result.php" method="post">
Esemény id: <input type="number" name="esemeny_id"><br> <label for="esemeny_id">Esemény ID:</label>
Tag id: <input type="number" name="tag_id"><br> <input type="number" id="esemeny_id" name="esemeny_id" placeholder="Esemény ID"><br><br>
Jelenlét dátum: <input type="date" name="jelenlet_datum"><br>
Jelenlét státusz: <input type="checkbox" name="jelenlet_statusz"><br> <label for="tag_id">Tag ID:</label>
Visszajelzés: <input type="text" name="visszajelzes"><br> <input type="number" id="tag_id" name="tag_id" placeholder="Tag ID"><br><br>
Becsekkolás: <input type="time" name="becsekkolas"><br>
Kicsekkolás: <input type="time" name="kicsekkolas"><br> <label for="jelenlet_datuma">Jelenlét dátuma (YYYY-MM-DD):</label>
<button type="submit">Adat feltöltése</button> <input type="date" id="jelenlet_datuma" name="jelenlet_datuma"><br><br>
<label for="jelenlet_statusz">Jelenlét státusz:</label>
<select id="jelenlet_statusz" name="jelenlet_statusz">
<option value="">Mindegy</option>
<option value="1">Jelen volt</option>
<option value="0">Nem jelent meg</option>
</select><br><br>
<label for="visszajelzes">Visszajelzés:</label>
<textarea id="visszajelzes" name="visszajelzes" rows="4" placeholder="Visszajelzés"></textarea><br><br>
<label for="becsekkolas">Becsekkolás:</label>
<input type="time" id="becsekkolas" name="becsekkolas"><br><br>
<label for="kicsekkolas">Kicsekkolás:</label>
<input type="time" id="kicsekkolas" name="kicsekkolas"><br><br>
<input type="hidden" name="tabla" value="jelenlet">
<button type="submit">Lekérdezés indítása</button>
</form> </form>
`; `;
root.appendChild(form); root.appendChild(form);
return; return;
} }
function CreateEsemenyekForm() { function CreateEsemenyekForm() {
RemoveTable();
let form = document.createElement("div"); let form = document.createElement("div");
form.id = "tabla_Form"; form.id = "tabla_Form";
form.innerHTML = ` form.innerHTML = `
<form method="POST" name="esemenyek"> <form action="result.php" method="post">
Esemény neve: <input type="text" name="esemeny_neve"><br> <label for="esemeny_neve">Esemény neve:</label>
Esemnény dátuma: <input type="date" name="esemeny_datum"><br> <input type="text" id="esemeny_neve" name="esemeny_neve" placeholder="Esemény neve"><br><br>
Helyszín: <input type="text" name="helyszin"><br>
Leírás: <input type="text" name="leiras"><br> <label for="esemeny_datuma">Esemény dátuma (YYYY-MM-DD):</label>
Max letszam: <input type="number" name="max_letszam"><br> <input type="date" id="esemeny_datuma" name="esemeny_datuma"><br><br>
Szervező: <input type="text" name="szervezo"><br>
Státusz: <input type="checkbox" name="statusz"><br> <label for="helyszin">Helyszín:</label>
<button type="submit">Adat feltöltése</button> <input type="text" id="helyszin" name="helyszin" placeholder="Helyszín"><br><br>
<label for="leiras">Leírás:</label>
<textarea id="leiras" name="leiras" rows="4" placeholder="Esemény leírása"></textarea><br><br>
<label for="max_letszam">Maximális létszám:</label>
<input type="number" id="max_letszam" name="max_letszam" placeholder="Maximális létszám"><br><br>
<label for="szervezo">Szervező:</label>
<input type="text" id="szervezo" name="szervezo" placeholder="Szervező neve"><br><br>
<label for="esemeny_statusz">Esemény státusz:</label>
<select id="esemeny_statusz" name="esemeny_statusz">
<option value="">Mindegy</option>
<option value="Nyitott">Nyitott</option>
<option value="Zárt">Zárt</option>
</select><br><br>
<input type="hidden" name="tabla" value="esemenyek">
<button type="submit">Lekérdezés indítása</button>
</form> </form>
`; `;
root.appendChild(form); root.appendChild(form);
return; return;
} }
function CreateVisszajelzesForm() { function CreateVisszajelzesForm() {
RemoveTable();
let form = document.createElement("div"); let form = document.createElement("div");
form.id = "tabla_Form"; form.id = "tabla_Form";
form.innerHTML = ` form.innerHTML = `
<form method="POST" name="visszajelzes"> <form action="result.php" method="post">
Tag id: <input type="number" name="tag_id"><br> <label for="tag_id">Tag ID:</label>
Esemény id: <input type="number" name="esemeny_id"><br> <input type="number" id="tag_id" name="tag_id" placeholder="Tag ID"><br><br>
Visszajelzés szöveg: <input type="text" name="visszajelzes_szoveg"><br>
Értékelés: <input type="text" name="ertekeles"><br> <label for="esemeny_id">Esemény ID:</label>
Beküldés dátum: <input type="date" name="bekuldes_datum"><br> <input type="number" id="esemeny_id" name="esemeny_id" placeholder="Esemény ID"><br><br>
Láthatóság: <input type="text" name="lathatosag"><br>
Visszajelzés státusz: <input type="text" name="visszajelzes_statusz"><br> <label for="visszajelzes_szovege">Visszajelzés szövege:</label>
<button type="submit">Adat feltöltése</button> <textarea id="visszajelzes_szovege" name="visszajelzes_szovege" rows="4" placeholder="Visszajelzés szövege"></textarea><br><br>
<label for="ertekeles">Értékelés (1-5):</label>
<input type="number" id="ertekeles" name="ertekeles" min="1" max="5" placeholder="Értékelés"><br><br>
<label for="bekuldes_datuma">Beküldés dátuma (YYYY-MM-DD):</label>
<input type="date" id="bekuldes_datuma" name="bekuldes_datuma"><br><br>
<label for="lathatosag">Láthatóság:</label>
<select id="lathatosag" name="lathatosag">
<option value="">Mindegy</option>
<option value="Nyilvános">Nyilvános</option>
<option value="Privát">Privát</option>
</select><br><br>
<label for="visszajelzes_statusz">Visszajelzés státusz:</label>
<select id="visszajelzes_statusz" name="visszajelzes_statusz">
<option value="">Mindegy</option>
<option value="1">Küldött</option>
<option value="0">Nem küldött</option>
</select><br><br>
<input type="hidden" name="tabla" value="visszajelzes">
<button type="submit">Lekérdezés indítása</button>
</form> </form>
`; `;
root.appendChild(form); root.appendChild(form);
return; return;

View File

@ -1,12 +1,10 @@
<!DOCTYPE html> <?php
<html lang="en"> include_once("htmlheader.php");
<head> ?>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Adat lekérdezés</title> <title>Adat lekérdezés</title>
</head> </head>
<body> <body>
<a href="index.php">Adat feltöltés</a> <?php include_once("navbar.php") ?>
<h1>Kérdezz le adatot!</h1> <h1>Kérdezz le adatot!</h1>
<label>Válaszd ki a táblát amit le szeretnél kérdezni:</label> <label>Válaszd ki a táblát amit le szeretnél kérdezni:</label>
<select name="tabla" id="tabla"> <select name="tabla" id="tabla">

200
SQL_Feladat_AdatB/style.css Normal file
View File

@ -0,0 +1,200 @@
/* Általános beállítások */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f9f9f9;
color: #333;
}
/* Oldal címe */
h1 {
text-align: center;
background-color: #4CAF50;
color: white;
padding: 20px;
margin: 0;
}
/* Űrlap konténer */
form {
max-width: 600px;
margin: 20px auto;
padding: 20px;
background-color: #ffffff;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
/* Címkék */
form label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
/* Bemeneti mezők */
form input, form select, form button {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
}
/* Bemeneti mezők fókusz */
form input:focus, form select:focus {
border-color: #4CAF50;
outline: none;
background-color: #f1f8f6;
}
/* Gomb stílus */
form button {
background-color: #4CAF50;
color: white;
font-size: 16px;
border: none;
cursor: pointer;
transition: background-color 0.3s;
}
/* Gomb hover */
form button:hover {
background-color: #45a049;
}
/* Táblázat */
table {
width: 90%;
margin: 20px auto;
border-collapse: collapse;
background-color: white;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
/* Táblázat fejléce */
table th {
background-color: #4CAF50;
color: white;
padding: 10px;
text-align: left;
}
/* Táblázat cellák */
table td {
padding: 10px;
border: 1px solid #ddd;
}
/* Táblázat sorok */
table tr:nth-child(even) {
background-color: #f2f2f2;
}
/* Táblázat hover */
table tr:hover {
background-color: #e9f5ec;
}
/* Táblázat üzenet */
.no-results {
text-align: center;
color: #666;
font-size: 18px;
margin-top: 20px;
}
/* Általános beállítások */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
color: #333;
}
/* Navigációs menü */
nav {
background-color: #4CAF50;
padding: 10px 0;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
/* Menü lista */
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
/* Menü elemek */
nav ul li {
display: inline;
margin: 0 15px;
}
/* Menü linkek */
nav ul li a {
text-decoration: none;
color: white;
font-size: 18px;
padding: 10px 20px;
border-radius: 5px;
transition: background-color 0.3s, color 0.3s;
}
/* Menü hover */
nav ul li a:hover {
background-color: white;
color: #4CAF50;
}
/* Tartalom */
main {
text-align: center;
padding: 50px 20px;
}
main h1 {
color: #4CAF50;
font-size: 32px;
margin-bottom: 20px;
}
main p {
font-size: 18px;
color: #555;
}
/* Label stílus */
label {
display: block;
font-weight: bold;
margin-bottom: 5px;
color: #4CAF50;
font-size: 16px;
}
/* Select (legördülő lista) stílus */
select {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 16px;
background-color: #f9f9f9;
color: #333;
transition: border-color 0.3s, background-color 0.3s;
}
/* Select fókusz állapot */
select:focus {
border-color: #4CAF50;
background-color: #f1f8f6;
outline: none;
}