Merge branch 'master' of https://gitty.informatik.hs-mannheim.de/2123174/Candle
commit
c3e262d459
24
abmelden.php
24
abmelden.php
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
13
anmelden.php
13
anmelden.php
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -60,14 +60,7 @@
|
||||||
|
|
||||||
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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
14
buecher.php
14
buecher.php
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
11
index.php
11
index.php
|
@ -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>
|
||||||
|
|
||||||
|
|
11
kontakt.php
11
kontakt.php
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
130
meinebuecher.php
130
meinebuecher.php
|
@ -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
|
||||||
|
= '#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
|
parentDiv.style.backgroundColor
|
||||||
= '#70AD47';
|
= '#70AD47';
|
||||||
}
|
}
|
||||||
else {
|
// 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>
|
||||||
|
|
||||||
|
|
|
@ -60,14 +60,7 @@
|
||||||
|
|
||||||
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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
})
|
|
@ -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 -----*/
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
11
uberuns.php
11
uberuns.php
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue