diff --git a/erweiterte_suche.html b/erweiterte_suche.html new file mode 100644 index 0000000..55405ae --- /dev/null +++ b/erweiterte_suche.html @@ -0,0 +1,137 @@ + + + + + + + + + Candle Bibliothek | Erweiterte Suche + + + +
+

+

+ Bibliothek Bild von einer Kerze +

Candle +

+
+ Über Uns + Bücher + Meine Bücher + Abmelden +
+ + +
+ Erweiterte Suche + Bild von einem Wagen +
+
+ +
+ Erweiterte Suche

+
+ + + + + + + + + + + + Weitere Suchkriterien

+ Jahr von + + bis + + Sprache + + + + + + + + Verfügbarkeit + + verfügbare Bücher + + + Suchfelder leeren +
+
+ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/erweiterte_suche.php b/erweiterte_suche.php new file mode 100644 index 0000000..9f14668 --- /dev/null +++ b/erweiterte_suche.php @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/pictures/shopping_cart_hover.png b/pictures/shopping_cart_hover.png new file mode 100644 index 0000000..76eef57 Binary files /dev/null and b/pictures/shopping_cart_hover.png differ diff --git a/style.css b/style.css index f8ef926..4786106 100644 --- a/style.css +++ b/style.css @@ -417,16 +417,17 @@ body{ left: 20px; top: 380px; width: 120px; - height: 35px; + font-size: 16px; background-color:#664220 ; color:rgb(255, 255, 255); padding-right:10px; padding-left: 8px; padding-top: 15px; - padding-bottom: 0px; + padding-bottom: 15px; text-align: center; text-decoration: none; border-radius: 8px; + border: none; } diff --git a/suchergebnisse.css b/suchergebnisse.css new file mode 100644 index 0000000..852996b --- /dev/null +++ b/suchergebnisse.css @@ -0,0 +1,96 @@ +/*TODO: Hintergrundfarben entfernen*/ + + +.hauptcontainer { + /*Einzelne Elemente untereinander anzeigen.*/ + flex-direction: column; + height: 71%; +} + +#searchResult_heading { + background-color: #70AD47; + margin-top: 30px; + margin-left: 30px; + margin-bottom: 25px; + margin-right: 50px; +} + +/*Container wird mit Daten aus der Datenbank gefüllt.*/ +#searchResult_container { + padding-left: 45px; + padding-right: 50px; + padding-bottom: 50px; +} + +.book_container { + background-color: blueviolet; + display: flex; + /*Einzelne Elemente nebeneinander anzeigen.*/ + flex-direction: row; +} + +.bookCover_container { + background-color: blue; + display: flex; + /*Verbietet dem Container, seine Standardgröße (px) zu ändern.*/ + flex: 0 0 125px; + align-items: center; + height: auto; +} + +.bookCover { + /*Bild passt sich seinem Container an.*/ + max-width:100%; + max-height:100%; +} + +.bookDetails_container { + background-color: aquamarine; + width: 100%; + display: flex; + flex-direction: column; + padding-left: 25px; + padding-right: 25px; +} + +.available_container { + width: fit-content; + /*Hintergrundfarbe wird an Inhalt angepasst.*/ + background-color: #70AD47; + /*background-color: #F34343;*/ + /*Element immer an der unteren Seite des Containers platzieren.*/ + margin-top: auto; +} + +.available { + color: white; + margin: 10px 25px; +} + +.shoppingCart_container { + background-color: chartreuse; + margin-left: auto; + margin-top: auto; + flex: 0 0 40px; +} + +.shoppingCart { + background-image: url('pictures/shopping_cart.png'); + width: 40px; + height: 40px; + background-size: contain; + background-repeat: no-repeat; +} + +.shoppingCart:hover { + background-image: url('pictures/shopping_cart_hover.png'); + cursor: pointer; +} + +.divider { + margin-top: 15px; + margin-bottom: 15px; + background-color: #987554; + width: 100%; + height: 1px; +} \ No newline at end of file diff --git a/suchergebnisse.php b/suchergebnisse.php new file mode 100644 index 0000000..ce93e34 --- /dev/null +++ b/suchergebnisse.php @@ -0,0 +1,170 @@ + + + + + + + + + + Candle Bibliothek | Suchergebnisse + + + +
+

+

+ Bibliothek Bild von einer Kerze +

Candle +

+
+ Über Uns + Bücher + Meine Bücher + Abmelden +
+ + +
+ Erweiterte Suche + Bild von einem Wagen +
+
+ + + +
+
+ +
+

Suchergebnisse

+
+ 0) { + while($row = mysqli_fetch_assoc($result)) { + $bookID = $row['BuchID']; + $bookCover = $row['Bild']; + $bookTitle = $row['Titel']; + $bookPublishingYear = $row['Erscheinungsjahr']; + $bookPublisher = $row['Verlag']; + $bookAuthor = $row['Autor']; + $bookCategory = $row['Kategorie']; + $bookAvailability = $row['Verfügbarkeit']; + + if ($counter != 0) { + echo "
"; + } + + echo "
+
+ fehler +
+
+

$bookTitle

+

Verfasser: $bookAuthor

+

Erscheinungsjahr: $bookPublishingYear

+

Verlag: $bookPublisher

+

Kategorie: $bookCategory

+
+

$bookAvailability

+ + +
+
+
+
+
+
"; + $counter++; + } + } else { + echo "Keine Ergebnisse."; + } + + if (!$result) { + die("Ungültige SQL-Abfrage: " . mysqli_connect_error()); + } + + mysqli_close($connection); + + + + ?> +
+
+ + + + + + + + + + + + + + \ No newline at end of file