Jasmin Weise 2023-06-14 18:25:25 +02:00
commit c3e262d459
33 changed files with 136 additions and 445 deletions

View File

@ -80,17 +80,7 @@
<!--Link JS file--> <!--Link JS file-->
<script src="burgerIcon.js"></script> <script src="burgerIcon.js"></script>
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>
@ -133,17 +123,7 @@
<!--Link JS file--> <!--Link JS file-->
<script src="burgerIcon.js"></script> <script src="burgerIcon.js"></script>
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -16,7 +16,7 @@
<h1 class="kopf" > <h1 class="kopf" >
<br><br> <br><br>
Bibliothek Bibliothek
<a href="index.html" id="bildID"> <a href="index.php" id="bildID">
<img id="CandleID" src="pictures/candle.png" <img id="CandleID" src="pictures/candle.png"
alt="Bild von einer Kerze" width="200" height="192"/></a> alt="Bild von einer Kerze" width="200" height="192"/></a>
<br><br> <br><br>
@ -81,17 +81,7 @@ session_destroy();
<!--Link JS file--> <!--Link JS file-->
<script src="burgerIcon.js"></script> <script src="burgerIcon.js"></script>
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -17,7 +17,7 @@
<h1 class="kopf" > <h1 class="kopf" >
<br><br> <br><br>
Bibliothek Bibliothek
<a href="index.html" id="bildID"> <a href="index.php" id="bildID">
<img id="CandleID" src="pictures/candle.png" <img id="CandleID" src="pictures/candle.png"
alt="Bild von einer Kerze" width="200" height="192"/></a> alt="Bild von einer Kerze" width="200" height="192"/></a>
<br><br> <br><br>
@ -105,16 +105,7 @@
</div> </div>
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -17,7 +17,7 @@
<h1 class="kopf" > <h1 class="kopf" >
<br><br> <br><br>
Bibliothek Bibliothek
<a href="index.html" id="bildID"> <a href="index.php" id="bildID">
<img id="CandleID" src="pictures/candle.png" <img id="CandleID" src="pictures/candle.png"
alt="Bild von einer Kerze" width="200" height="192"/></a> alt="Bild von einer Kerze" width="200" height="192"/></a>
<br><br> <br><br>
@ -105,16 +105,7 @@
</div> </div>
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -60,14 +60,8 @@
Sie haben sich noch nicht registriert! Sie haben sich noch nicht registriert!
</p> </p>
<input type="button" id="loginNowButton" value="jetzt Registrieren" <a type="button" id="loginNowButton" href="registrierung.php"> Jetzt Registrieren </a>
onclick="linkToRegisterPage()">
<script>
function linkToRegisterPage() {
window.location.replace("registrierung.php");
}
</script>
<br><br><br> <br><br><br>
</div> </div>
</div> </div>
@ -76,17 +70,7 @@
<!--Link JS file--> <!--Link JS file-->
<script src="burgerIcon.js"></script> <script src="burgerIcon.js"></script>
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -59,15 +59,8 @@
<p id="textFirstHalf"> <p id="textFirstHalf">
Benutzer schon vorhanden! Benutzer schon vorhanden!
</p> </p>
<input type="button" id="loginNowButton" value="anmelden" <a type="button" id="loginNowButton" href="anmelden.php"> Anmelden </a>
onclick="linkToRegisterPage()">
<script>
function linkToRegisterPage() {
window.location.replace("anmelden.php");
}
</script>
<br><br><br> <br><br><br>
</div> </div>
</div> </div>
@ -76,17 +69,7 @@
<!--Link JS file--> <!--Link JS file-->
<script src="burgerIcon.js"></script> <script src="burgerIcon.js"></script>
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -143,9 +143,9 @@
<div class='available_container'> <div class='available_container'>
<p id='available_$bookID' class='available'> <p id='available_$bookID' class='available'>
$bookAvailability</p> $bookAvailability</p>
<!--TODO: Auslagern--> <!--TODO: Auslagern - Geht nicht - JS was PHP informationen braucht-->
<script type='text/javascript' <script type='text/javascript'
language='JavaScript'> type='JavaScript'>
(function() { (function() {
var currentElement = document. var currentElement = document.
getElementById getElementById
@ -233,16 +233,7 @@
<script src="burgerIcon.js"></script> <script src="burgerIcon.js"></script>
<!--If it was small and got big, <!--If it was small and got big,
it calls the function only one time and doesn't do it all the time--> it calls the function only one time and doesn't do it all the time-->
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -132,7 +132,7 @@
$bookAvailability</p> $bookAvailability</p>
<!--TODO: Auslagern--> <!--TODO: Auslagern-->
<script type='text/javascript' <script type='text/javascript'
language='JavaScript'> type='JavaScript'>
(function() { (function() {
var currentElement = document. var currentElement = document.
getElementById('available_$bookID'); getElementById('available_$bookID');
@ -210,17 +210,7 @@
<!--Link JS file--> <!--Link JS file-->
<script src="burgerIcon.js"></script> <script src="burgerIcon.js"></script>
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<!--Burger--> <!--Burger-->
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -172,16 +172,7 @@
<script src="burgerIcon.js"></script> <script src="burgerIcon.js"></script>
<!--If it was small and got big, <!--If it was small and got big,
it calls the function only one time and doesn't do it all the time--> it calls the function only one time and doesn't do it all the time-->
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -119,16 +119,7 @@
<script src="burgerIcon.js"></script> <script src="burgerIcon.js"></script>
<!--If it was small and got big, <!--If it was small and got big,
it calls the function only one time and doesn't do it all the time--> it calls the function only one time and doesn't do it all the time-->
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -76,16 +76,7 @@
<script src="burgerIcon.js"></script> <script src="burgerIcon.js"></script>
<!--If it was small and got big, <!--If it was small and got big,
it calls the function only one time and doesn't do it all the time--> it calls the function only one time and doesn't do it all the time-->
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -90,16 +90,7 @@
<script src="burgerIcon.js"></script> <script src="burgerIcon.js"></script>
<!--If it was small and got big, <!--If it was small and got big,
it calls the function only one time and doesn't do it all the time--> it calls the function only one time and doesn't do it all the time-->
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -69,16 +69,7 @@
<script src="burgerIcon.js"></script> <script src="burgerIcon.js"></script>
<!--If it was small and got big, <!--If it was small and got big,
it calls the function only one time and doesn't do it all the time--> it calls the function only one time and doesn't do it all the time-->
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -68,17 +68,7 @@
<!--Link JS file--> <!--Link JS file-->
<!--If it was small and got big, it calls the function only one time and doesn't do it all the time--> <!--If it was small and got big, it calls the function only one time and doesn't do it all the time-->
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -68,17 +68,7 @@
<!--Link JS file--> <!--Link JS file-->
<!--If it was small and got big, it calls the function only one time and doesn't do it all the time--> <!--If it was small and got big, it calls the function only one time and doesn't do it all the time-->
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -78,17 +78,7 @@
<!--Link JS file--> <!--Link JS file-->
<!--If it was small and got big, it calls the function only one time and doesn't do it all the time--> <!--If it was small and got big, it calls the function only one time and doesn't do it all the time-->
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -78,17 +78,7 @@
<!--Link JS file--> <!--Link JS file-->
<!--If it was small and got big, it calls the function only one time and doesn't do it all the time--> <!--If it was small and got big, it calls the function only one time and doesn't do it all the time-->
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -17,7 +17,7 @@
<h1 class="kopf" > <h1 class="kopf" >
<br><br> <br><br>
Bibliothek Bibliothek
<a href="index.html" id="bildID"> <a href="index.php" id="bildID">
<img id="CandleID" src="pictures/candle.png" <img id="CandleID" src="pictures/candle.png"
alt="Bild von einer Kerze" width="200" height="192"/></a> alt="Bild von einer Kerze" width="200" height="192"/></a>
<br><br> <br><br>
@ -81,53 +81,71 @@ if(isset($_POST['submit'])){
<h1 id="searchResult_heading">Meine Bücher</h1> <h1 id="searchResult_heading">Meine Bücher</h1>
<div id="searchResult_container">'; <div id="searchResult_container">';
$sql = "SELECT b.BuchID, b.Titel, b.Bild, $sql = $db_link->prepare(
"SELECT ab.AusleihID, ab.BuchID, b.Titel, b.Bild, ab.Verlängerbar, DATE_FORMAT(ab.Anfangsdatum, '%d.%m.%Y') as Anfangsdatum, DATE_FORMAT(ab.Enddatum, '%d.%m.%Y') as Enddatum,
GROUP_CONCAT(DISTINCT CONCAT(a.VorName, ' ', a.NachName) GROUP_CONCAT(DISTINCT CONCAT(a.VorName, ' ', a.NachName)
SEPARATOR ', ') AS 'Autor', SEPARATOR ', ') AS 'Autor',
IF(b.Anzahl!=0, 'Verfügbar', CONCAT('Verfügbar ab: ', IF(
(SELECT DATE_FORMAT(DATE_ADD(ab.Enddatum, INTERVAL 1 DAY) (SELECT ausgeliehenes_buch.Anfangsdatum FROM ausgeliehenes_buch WHERE ausgeliehenes_buch.AusleihID=ab.AusleihID) = Curdate(), 'Sofort Abholbereit',
,'%d.%m.%Y') FROM `ausgeliehenes_buch` AS ab (
WHERE ab.BuchID = b.BuchID IF(
ORDER BY ab.Reserviert ASC, ab.Enddatum ASC LIMIT 1))) (SELECT ausgeliehenes_buch.Anfangsdatum FROM ausgeliehenes_buch WHERE ausgeliehenes_buch.AusleihID=ab.AusleihID) > Curdate(),
AS 'Verfügbarkeit' FROM `buch` AS b CONCAT(
'Abholbereit am: ', (
SELECT DATE_FORMAT(
ausgeliehenes_buch.Anfangsdatum , '%d.%m.%Y'
) FROM ausgeliehenes_buch WHERE ausgeliehenes_buch.AusleihID=ab.AusleihID
)
)
, CONCAT(
'Rückgabe am: ', (
SELECT DATE_FORMAT(
ausgeliehenes_buch.Enddatum , '%d.%m.%Y'
) FROM ausgeliehenes_buch WHERE ausgeliehenes_buch.AusleihID=ab.AusleihID
)
))
)
)
AS 'Verfügbarkeit'
FROM ausgeliehenes_buch AS ab
INNER JOIN buch as b
ON ab.BuchID = b.BuchID
INNER JOIN `buch_verfasst_von_autor` AS bvva INNER JOIN `buch_verfasst_von_autor` AS bvva
ON b.BuchID = bvva.BuchID ON b.BuchID = bvva.BuchID
INNER JOIN `autor` AS a ON bvva.AutorNr = a.AutorNr INNER JOIN `autor` AS a ON bvva.AutorNr = a.AutorNr
INNER JOIN `buch_hat_kategorie` AS bhk ON bhk.BuchID = b.BuchID WHERE ab.BenutzerID=?
INNER JOIN `kategorie` AS k ON k.KategorieID = bhk.KategorieID GROUP BY ab.AusleihID;");
INNER JOIN `sprache` AS sp ON sp.SprachenID = b.SprachenID
INNER JOIN `buch_hat_stichwort` AS bhs ON bhs.BuchID = b.BuchID
INNER JOIN `stichwort` AS st ON st.StichwortID = bhs.StichwortID
GROUP BY b.BuchID
;";
$servername = "localhost"; $sql->bind_param("i", $BenutzerID);
$username = "web_b-3"; $BenutzerID = 5;
$password = "een7Ao6s"; $sql->execute();
$dbname = "bibliothek_candle"; $result = $sql->get_result();
$connection = $db_link;
$connection = mysqli_connect($servername, $username, $password, $dbname);
if (!$connection) { if (!$connection) {
die("Verbindung fehlgeschlagen: " . mysqli_connect_error()); die("Verbindung fehlgeschlagen: " . mysqli_connect_error());
} }
$result = mysqli_query($connection, $sql);
$counter = 0; $counter = 0;
if (mysqli_num_rows($result) > 0) { if (mysqli_num_rows($result) > 0) {
while($row = mysqli_fetch_assoc($result)) { while($row = mysqli_fetch_assoc($result)) {
$bookID = $row['BuchID']; $bookID = $row['BuchID'];
$ausleihID = $row['AusleihID'];
$bookCover = $row['Bild']; $bookCover = $row['Bild'];
$bookTitle = $row['Titel']; $bookTitle = $row['Titel'];
$bookAuthor = $row['Autor']; $bookAuthor = $row['Autor'];
$bookAvailability = $row['Verfügbarkeit']; $bookAvailability = $row['Verfügbarkeit'];
$bookExtendable = $row['Verlängerbar'];
$bookStartdate = $row['Anfangsdatum'];
$bookEnddate = $row['Enddatum'];
$bookStartdatePlusSeven = $bookStartdate +7;
if ($counter != 0) { if ($counter != 0) {
echo "<div class='divider'></div>"; echo "<div class='divider'></div>";
} }
// TODO: OnClick auslagern. // TODO: OnClick auslagern.
echo "<div id='book_container$bookID' class='book_container' echo "<div id='book_container$bookID+$ausleihID' class='book_container'
onclick='open_bookDetails(this.id)'> onclick='open_bookDetails(this.id)'>
<div class='bookCover_container'> <div class='bookCover_container'>
<img class='bookCover' src='book_covers/$bookCover' <img class='bookCover' src='book_covers/$bookCover'
@ -140,39 +158,48 @@ if(isset($_POST['submit'])){
</div> </div>
<div class='available_container'> <div class='available_container'>
<p id='available_$bookID' class='available'> <p id='available_$ausleihID' class='available'>
$bookAvailability</p> $bookAvailability</p>
<!--TODO: Auslagern--> </div>
<script type='text/javascript' <div>
<p id='bestellungsInfo$ausleihID'></p>
</div>
</div>
<div class='shoppingCart_container'>
<div class='shoppingCart' id='shoppingCart$ausleihID'></div>
</div>
<script type='text/javascript'
language='JavaScript'> language='JavaScript'>
(function() { (function() {
var currentElement = document. var currentElement = document.
getElementById('available_$bookID'); getElementById('available_$ausleihID');
var parentDiv = var parentDiv = currentElement.parentElement;
currentElement.parentElement; // Sofort Abholbereit
if (currentElement.innerHTML.trim() if (currentElement.innerHTML.trim() === 'Sofort Abholbereit') {
== 'Verfügbar') {
parentDiv.style.backgroundColor parentDiv.style.backgroundColor
= '#70AD47'; = '#70AD47';
document.getElementById('bestellungsInfo$ausleihID').innerHTML = 'Diese Reservierung verfällt, wenn das Buch nicht bis zum $bookStartdatePlusSeven abgeholt wurde.';
document.getElementById('shoppingCart$ausleihID').style.backgroundImage = url('pictures/bin.png')
} }
else { // Ausgeliehen und Verlängerbar
else if (currentElement.innerHTML.trim().includes('Rückgabe') && $bookExtendable === 1){
parentDiv.style.backgroundColor
= '#70AD47';
}
// Ausgeliehen und nicht Verlängerbar
else if (currentElement.innerHTML.trim().includes('Rückgabe') && $bookExtendable === 0){
parentDiv.style.backgroundColor parentDiv.style.backgroundColor
= '#F34343'; = '#F34343';
} else
// Noch nicht Ausgeliehen
{
parentDiv.style.backgroundColor
= '#F34343';
document.getElementById('bestellungsInfo$ausleihID').innerHTML = 'Dieses Buch ist für sie Reserviert.';
} }
})(); })();
</script> </script>
</div>
<div>
<script>
</script>
<p>Helloooo</p>
</div>
</div>
<div class='shoppingCart_container'>
<div class='shoppingCart'></div>
</div>
</div>"; </div>";
$counter++; $counter++;
} }
@ -205,6 +232,7 @@ if(isset($_POST['submit'])){
<script> <script>
function open_bookDetails(ID) { function open_bookDetails(ID) {
var data = new URLSearchParams(); var data = new URLSearchParams();
ID = ID.substr(0, ID.lastIndexOf('+'));
data.append("bookID", ID); data.append("bookID", ID);
var url = "http://141.19.142.11/buch_details.php?" + var url = "http://141.19.142.11/buch_details.php?" +
@ -215,17 +243,7 @@ if(isset($_POST['submit'])){
<!--Link JS file--> <!--Link JS file-->
<script src="burgerIcon.js"></script> <script src="burgerIcon.js"></script>
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<!--Burger--> <!--Burger-->
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -59,15 +59,8 @@
<p id="textFirstHalf"> <p id="textFirstHalf">
Das Passwort ist falsch! Das Passwort ist falsch!
</p> </p>
<input type="button" id="loginNowButton" value="erneut versuchen" <a type="button" id="loginNowButton" href="anmelden.php"> Erneut Versuchen </a>
onclick="linkToRegisterPage()">
<script>
function linkToRegisterPage() {
window.location.replace("anmelden.php");
}
</script>
<br><br><br> <br><br><br>
</div> </div>
</div> </div>
@ -76,17 +69,7 @@
<!--Link JS file--> <!--Link JS file-->
<script src="burgerIcon.js"></script> <script src="burgerIcon.js"></script>
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -16,7 +16,7 @@
<h1 class="kopf" > <h1 class="kopf" >
<br><br> <br><br>
Bibliothek Bibliothek
<a href="index.html" id="bildID"> <a href="index.php" id="bildID">
<img id="CandleID" src="pictures/candle.png" <img id="CandleID" src="pictures/candle.png"
alt="Bild von einer Kerze" width="200" height="192"/></a> alt="Bild von einer Kerze" width="200" height="192"/></a>
<br><br> <br><br>
@ -151,18 +151,7 @@ function register($vorname,
gültigen Ausweises, keine Bücher abgeholt werden können. gültigen Ausweises, keine Bücher abgeholt werden können.
</p> </p>
<br> <br>
<!--TODO: Event für den Button befindet sich momentan <a type="button" id="loginNowButton" href="anmelden_meinebuecher.php"> Jetzt anmelden </a>
noch hier in der Datei. Soll die Funktion in eine
andere Datei verschoben werden, da sich eigentlich keine
EventListener in der HTML-Datei befinden sollen?-->
<input type="button" id="loginNowButton" value="Jetzt anmelden"
onclick="linkToLoginPage()">
<script>
function linkToLoginPage() {
window.location.replace("anmelden_meinebuecher.php");
}
</script>
<br><br><br> <br><br><br>
</div> </div>
@ -172,17 +161,7 @@ function register($vorname,
<!--Link JS file--> <!--Link JS file-->
<script src="burgerIcon.js"></script> <script src="burgerIcon.js"></script>
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -14,7 +14,7 @@
<h1 class="kopf" > <h1 class="kopf" >
<br><br> <br><br>
Bibliothek Bibliothek
<a href="index.html" id="bildID"> <a href="index.php" id="bildID">
<img id="CandleID" src="pictures/candle.png" <img id="CandleID" src="pictures/candle.png"
alt="Bild von einer Kerze" width="200" height="192"/></a> alt="Bild von einer Kerze" width="200" height="192"/></a>
<br><br> <br><br>
@ -152,17 +152,7 @@ session_start();
<!--Link JS file--> <!--Link JS file-->
<script src="burgerIcon.js"></script> <script src="burgerIcon.js"></script>
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -60,14 +60,7 @@
Füllen Sie bitte alle Felder aus. Füllen Sie bitte alle Felder aus.
</p> </p>
<input type="button" id="loginNowButton" value="Erneut Versuchen" <a type="button" id="loginNowButton" href="registrierung.php"> Erneut Versuchen </a>
onclick="linkToRegisterPage()">
<script>
function linkToRegisterPage() {
window.location.replace("registrierung.php");
}
</script>
<br><br><br> <br><br><br>
</div> </div>
</div> </div>
@ -76,17 +69,7 @@
<!--Link JS file--> <!--Link JS file-->
<script src="burgerIcon.js"></script> <script src="burgerIcon.js"></script>
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -21,7 +21,7 @@ TODO (optional):
<h1 class="kopf" > <h1 class="kopf" >
<br><br> <br><br>
Bibliothek Bibliothek
<a href="index.html" id="bildID"> <a href="index.php" id="bildID">
<img id="CandleID" src="pictures/candle.png" <img id="CandleID" src="pictures/candle.png"
alt="Bild von einer Kerze" width="200" height="192"/></a> alt="Bild von einer Kerze" width="200" height="192"/></a>
<br><br> <br><br>
@ -232,16 +232,7 @@ TODO (optional):
<script src="burgerIcon.js"></script> <script src="burgerIcon.js"></script>
<!--If it was small and got big, <!--If it was small and got big,
it calls the function only one time and doesn't do it all the time--> it calls the function only one time and doesn't do it all the time-->
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -338,17 +338,7 @@ TODO:
<!--Link JS file--> <!--Link JS file-->
<!--If it was small and got big, it calls the function only one time and doesn't do it all the time--> <!--If it was small and got big, it calls the function only one time and doesn't do it all the time-->
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -105,17 +105,7 @@
<!--Link JS file--> <!--Link JS file-->
<!--If it was small and got big, it calls the function only one time and doesn't do it all the time--> <!--If it was small and got big, it calls the function only one time and doesn't do it all the time-->
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

8
resize.js 100644
View File

@ -0,0 +1,8 @@
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})

View File

@ -1241,6 +1241,7 @@ input[type=number] {
border-radius: 8px; border-radius: 8px;
border: none; border: none;
cursor: pointer; cursor: pointer;
text-decoration: none;
} }
/*----- Registrierung erfolgreich Ende -----*/ /*----- Registrierung erfolgreich Ende -----*/

View File

@ -16,7 +16,7 @@
<h1 class="kopf" > <h1 class="kopf" >
<br><br> <br><br>
Bibliothek Bibliothek
<a href="index.html" id="bildID"> <a href="index.php" id="bildID">
<img id="CandleID" src="pictures/candle.png" <img id="CandleID" src="pictures/candle.png"
alt="Bild von einer Kerze" width="200" height="192"/></a> alt="Bild von einer Kerze" width="200" height="192"/></a>
<br><br> <br><br>
@ -329,16 +329,7 @@
<script src="burgerIcon.js"></script> <script src="burgerIcon.js"></script>
<!--If it was small and got big, <!--If it was small and got big,
it calls the function only one time and doesn't do it all the time--> it calls the function only one time and doesn't do it all the time-->
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -85,16 +85,7 @@
<script src="burgerIcon.js"></script> <script src="burgerIcon.js"></script>
<!--If it was small and got big, <!--If it was small and got big,
it calls the function only one time and doesn't do it all the time--> it calls the function only one time and doesn't do it all the time-->
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -78,17 +78,7 @@
<!--Link JS file--> <!--Link JS file-->
<!--If it was small and got big, it calls the function only one time and doesn't do it all the time--> <!--If it was small and got big, it calls the function only one time and doesn't do it all the time-->
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -78,17 +78,7 @@
<!--Link JS file--> <!--Link JS file-->
<!--If it was small and got big, it calls the function only one time and doesn't do it all the time--> <!--If it was small and got big, it calls the function only one time and doesn't do it all the time-->
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -28,7 +28,7 @@ TODO (optional, geringe Priorität):
<h1 class="kopf" > <h1 class="kopf" >
<br><br> <br><br>
Bibliothek Bibliothek
<a href="index.html" id="bildID"> <a href="index.php" id="bildID">
<img id="CandleID" src="pictures/candle.png" <img id="CandleID" src="pictures/candle.png"
alt="Bild von einer Kerze" width="200" height="192"/></a> alt="Bild von einer Kerze" width="200" height="192"/></a>
<br><br> <br><br>
@ -365,16 +365,7 @@ TODO (optional, geringe Priorität):
<script src="burgerIcon.js"></script> <script src="burgerIcon.js"></script>
<!--If it was small and got big, <!--If it was small and got big,
it calls the function only one time and doesn't do it all the time--> it calls the function only one time and doesn't do it all the time-->
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>

View File

@ -16,7 +16,7 @@
<h1 class="kopf" > <h1 class="kopf" >
<br><br> <br><br>
Bibliothek Bibliothek
<a href="index.html" id="bildID"> <a href="index.php" id="bildID">
<img id="CandleID" src="pictures/candle.png" <img id="CandleID" src="pictures/candle.png"
alt="Bild von einer Kerze" width="200" height="192"/></a> alt="Bild von einer Kerze" width="200" height="192"/></a>
<br><br> <br><br>
@ -100,17 +100,7 @@ $db_link = mysqli_connect('localhost', 'web_b-3', 'een7Ao6s', 'bibliothek_candle
</div> </div>
</div> </div>
<script> <script src="resize.js"></script>
var widthissue = false;
window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) {
widthissue = false
unset()
}
else if(window.innerWidth < 800) widthissue = true;
})
</script>
<nav id="activeid" class="active"></nav> <nav id="activeid" class="active"></nav>