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-->
<script src="burgerIcon.js"></script>
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>
@ -133,17 +123,7 @@
<!--Link JS file-->
<script src="burgerIcon.js"></script>
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

@ -16,7 +16,7 @@
<h1 class="kopf" >
<br><br>
Bibliothek
<a href="index.html" id="bildID">
<a href="index.php" id="bildID">
<img id="CandleID" src="pictures/candle.png"
alt="Bild von einer Kerze" width="200" height="192"/></a>
<br><br>
@ -81,17 +81,7 @@ session_destroy();
<!--Link JS file-->
<script src="burgerIcon.js"></script>
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

@ -17,7 +17,7 @@
<h1 class="kopf" >
<br><br>
Bibliothek
<a href="index.html" id="bildID">
<a href="index.php" id="bildID">
<img id="CandleID" src="pictures/candle.png"
alt="Bild von einer Kerze" width="200" height="192"/></a>
<br><br>
@ -105,16 +105,7 @@
</div>
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

@ -17,7 +17,7 @@
<h1 class="kopf" >
<br><br>
Bibliothek
<a href="index.html" id="bildID">
<a href="index.php" id="bildID">
<img id="CandleID" src="pictures/candle.png"
alt="Bild von einer Kerze" width="200" height="192"/></a>
<br><br>
@ -105,16 +105,7 @@
</div>
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

@ -60,14 +60,8 @@
Sie haben sich noch nicht registriert!
</p>
<input type="button" id="loginNowButton" value="jetzt Registrieren"
onclick="linkToRegisterPage()">
<a type="button" id="loginNowButton" href="registrierung.php"> Jetzt Registrieren </a>
<script>
function linkToRegisterPage() {
window.location.replace("registrierung.php");
}
</script>
<br><br><br>
</div>
</div>
@ -76,17 +70,7 @@
<!--Link JS file-->
<script src="burgerIcon.js"></script>
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

@ -60,14 +60,7 @@
Benutzer schon vorhanden!
</p>
<input type="button" id="loginNowButton" value="anmelden"
onclick="linkToRegisterPage()">
<script>
function linkToRegisterPage() {
window.location.replace("anmelden.php");
}
</script>
<a type="button" id="loginNowButton" href="anmelden.php"> Anmelden </a>
<br><br><br>
</div>
</div>
@ -76,17 +69,7 @@
<!--Link JS file-->
<script src="burgerIcon.js"></script>
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

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

View File

@ -132,7 +132,7 @@
$bookAvailability</p>
<!--TODO: Auslagern-->
<script type='text/javascript'
language='JavaScript'>
type='JavaScript'>
(function() {
var currentElement = document.
getElementById('available_$bookID');
@ -210,17 +210,7 @@
<!--Link JS file-->
<script src="burgerIcon.js"></script>
<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>
<script src="resize.js"></script>
<!--Burger-->
<nav id="activeid" class="active"></nav>

View File

@ -172,16 +172,7 @@
<script src="burgerIcon.js"></script>
<!--If it was small and got big,
it calls the function only one time and doesn't do it all the time-->
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

@ -119,16 +119,7 @@
<script src="burgerIcon.js"></script>
<!--If it was small and got big,
it calls the function only one time and doesn't do it all the time-->
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

@ -76,16 +76,7 @@
<script src="burgerIcon.js"></script>
<!--If it was small and got big,
it calls the function only one time and doesn't do it all the time-->
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

@ -90,16 +90,7 @@
<script src="burgerIcon.js"></script>
<!--If it was small and got big,
it calls the function only one time and doesn't do it all the time-->
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

@ -69,16 +69,7 @@
<script src="burgerIcon.js"></script>
<!--If it was small and got big,
it calls the function only one time and doesn't do it all the time-->
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

@ -68,17 +68,7 @@
<!--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-->
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

@ -68,17 +68,7 @@
<!--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-->
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

@ -78,17 +78,7 @@
<!--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-->
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

@ -78,17 +78,7 @@
<!--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-->
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

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

View File

@ -60,14 +60,7 @@
Das Passwort ist falsch!
</p>
<input type="button" id="loginNowButton" value="erneut versuchen"
onclick="linkToRegisterPage()">
<script>
function linkToRegisterPage() {
window.location.replace("anmelden.php");
}
</script>
<a type="button" id="loginNowButton" href="anmelden.php"> Erneut Versuchen </a>
<br><br><br>
</div>
</div>
@ -76,17 +69,7 @@
<!--Link JS file-->
<script src="burgerIcon.js"></script>
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

@ -16,7 +16,7 @@
<h1 class="kopf" >
<br><br>
Bibliothek
<a href="index.html" id="bildID">
<a href="index.php" id="bildID">
<img id="CandleID" src="pictures/candle.png"
alt="Bild von einer Kerze" width="200" height="192"/></a>
<br><br>
@ -151,18 +151,7 @@ function register($vorname,
gültigen Ausweises, keine Bücher abgeholt werden können.
</p>
<br>
<!--TODO: Event für den Button befindet sich momentan
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>
<a type="button" id="loginNowButton" href="anmelden_meinebuecher.php"> Jetzt anmelden </a>
<br><br><br>
</div>
@ -172,17 +161,7 @@ function register($vorname,
<!--Link JS file-->
<script src="burgerIcon.js"></script>
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

@ -14,7 +14,7 @@
<h1 class="kopf" >
<br><br>
Bibliothek
<a href="index.html" id="bildID">
<a href="index.php" id="bildID">
<img id="CandleID" src="pictures/candle.png"
alt="Bild von einer Kerze" width="200" height="192"/></a>
<br><br>
@ -152,17 +152,7 @@ session_start();
<!--Link JS file-->
<script src="burgerIcon.js"></script>
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

@ -60,14 +60,7 @@
Füllen Sie bitte alle Felder aus.
</p>
<input type="button" id="loginNowButton" value="Erneut Versuchen"
onclick="linkToRegisterPage()">
<script>
function linkToRegisterPage() {
window.location.replace("registrierung.php");
}
</script>
<a type="button" id="loginNowButton" href="registrierung.php"> Erneut Versuchen </a>
<br><br><br>
</div>
</div>
@ -76,17 +69,7 @@
<!--Link JS file-->
<script src="burgerIcon.js"></script>
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

@ -21,7 +21,7 @@ TODO (optional):
<h1 class="kopf" >
<br><br>
Bibliothek
<a href="index.html" id="bildID">
<a href="index.php" id="bildID">
<img id="CandleID" src="pictures/candle.png"
alt="Bild von einer Kerze" width="200" height="192"/></a>
<br><br>
@ -232,16 +232,7 @@ TODO (optional):
<script src="burgerIcon.js"></script>
<!--If it was small and got big,
it calls the function only one time and doesn't do it all the time-->
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

@ -338,17 +338,7 @@ TODO:
<!--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-->
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

@ -105,17 +105,7 @@
<!--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-->
<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>
<script src="resize.js"></script>
<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: none;
cursor: pointer;
text-decoration: none;
}
/*----- Registrierung erfolgreich Ende -----*/

View File

@ -16,7 +16,7 @@
<h1 class="kopf" >
<br><br>
Bibliothek
<a href="index.html" id="bildID">
<a href="index.php" id="bildID">
<img id="CandleID" src="pictures/candle.png"
alt="Bild von einer Kerze" width="200" height="192"/></a>
<br><br>
@ -329,16 +329,7 @@
<script src="burgerIcon.js"></script>
<!--If it was small and got big,
it calls the function only one time and doesn't do it all the time-->
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

@ -85,16 +85,7 @@
<script src="burgerIcon.js"></script>
<!--If it was small and got big,
it calls the function only one time and doesn't do it all the time-->
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

@ -78,17 +78,7 @@
<!--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-->
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

@ -78,17 +78,7 @@
<!--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-->
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

@ -28,7 +28,7 @@ TODO (optional, geringe Priorität):
<h1 class="kopf" >
<br><br>
Bibliothek
<a href="index.html" id="bildID">
<a href="index.php" id="bildID">
<img id="CandleID" src="pictures/candle.png"
alt="Bild von einer Kerze" width="200" height="192"/></a>
<br><br>
@ -365,16 +365,7 @@ TODO (optional, geringe Priorität):
<script src="burgerIcon.js"></script>
<!--If it was small and got big,
it calls the function only one time and doesn't do it all the time-->
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>

View File

@ -16,7 +16,7 @@
<h1 class="kopf" >
<br><br>
Bibliothek
<a href="index.html" id="bildID">
<a href="index.php" id="bildID">
<img id="CandleID" src="pictures/candle.png"
alt="Bild von einer Kerze" width="200" height="192"/></a>
<br><br>
@ -100,17 +100,7 @@ $db_link = mysqli_connect('localhost', 'web_b-3', 'een7Ao6s', 'bibliothek_candle
</div>
</div>
<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>
<script src="resize.js"></script>
<nav id="activeid" class="active"></nav>