From 7b0446365f2faae18d325f03520af46873ae66f6 Mon Sep 17 00:00:00 2001 From: "U:Bodigat" Date: Mon, 2 Oct 2023 00:18:29 +0200 Subject: [PATCH] 02.10.2023 | Update SQL-Lernapp --- .../sqllernapp/img/sqlbeispielabfragen.png | Bin 0 -> 10079 bytes lerntools/sqllernapp/lernen.html | 537 +++++++++++++++++- lerntools/sqllernapp/script.js | 3 + lerntools/sqllernapp/style.css | 33 +- tutorials.html | 2 + 5 files changed, 570 insertions(+), 5 deletions(-) create mode 100644 lerntools/sqllernapp/img/sqlbeispielabfragen.png diff --git a/lerntools/sqllernapp/img/sqlbeispielabfragen.png b/lerntools/sqllernapp/img/sqlbeispielabfragen.png new file mode 100644 index 0000000000000000000000000000000000000000..0f175be02ced956e58c04978f6d40fa8420d811d GIT binary patch literal 10079 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 JeB0*l{{zZX=}iCt literal 0 HcmV?d00001 diff --git a/lerntools/sqllernapp/lernen.html b/lerntools/sqllernapp/lernen.html index d663b06..c54d6d6 100644 --- a/lerntools/sqllernapp/lernen.html +++ b/lerntools/sqllernapp/lernen.html @@ -72,6 +72,7 @@

U:Bodigat.com | SQL Lernapp | lernen

+ @@ -81,6 +82,7 @@
+

SQL Grundlagen

🔊
@@ -750,7 +1257,7 @@

CREATE TABLE

console.log("Vorlesen beendet"); }; - //für die suche + //Such Funktion bei Suchleiste document.addEventListener("DOMContentLoaded", function() { const searchInput = document.getElementById("searchInput"); @@ -784,6 +1291,34 @@

CREATE TABLE

} }); }); + + //Button automatisch nach oben + + document.addEventListener("DOMContentLoaded", function() { + const scrollButton = document.getElementById("scrollButton"); + + function scrollToTop() { + window.scrollTo({ + top: 0, + behavior: "smooth" + }); + } + + function toggleScrollButton() { + if (window.scrollY > 200) { + scrollButton.style.display = "block"; + } else { + scrollButton.style.display = "none"; + } + } + scrollButton.addEventListener("click", function() { + scrollToTop(); + }); + window.addEventListener("scroll", function() { + toggleScrollButton(); + }); + toggleScrollButton(); + }); diff --git a/lerntools/sqllernapp/script.js b/lerntools/sqllernapp/script.js index e69de29..3f11a52 100644 --- a/lerntools/sqllernapp/script.js +++ b/lerntools/sqllernapp/script.js @@ -0,0 +1,3 @@ +function showPopup() { + alert("Alle Informationen von dieser Seite sind aus verschiedenen Internetseiten diese einen Artikel über SQL Grundlagen haben zusammengesucht und auf dieser Website zu einer Informationsquelle zusammengefügt worden wir übernehmen keine Haftung auf Richtigkeit und es kann sein dass sich einzelne Informationen im Text wiederholen die erklärungsbilder wurden im Nachhinein von uns gestaltet falls Informationen fehlen falsch sind oder sich wiederholen melden Sie sich bitte bei uns. Verwendet Internetseite: *https://sql-tutorial.de/home/lektionen.php?lektion=1*, *https://wiki.selfhtml.org/wiki/Datenbank/SQL-Grundlagen*, *https://simpleclub.com/lessons/informatik-sql-grundlagen*"); +} \ No newline at end of file diff --git a/lerntools/sqllernapp/style.css b/lerntools/sqllernapp/style.css index 56bd98f..ffc58d1 100644 --- a/lerntools/sqllernapp/style.css +++ b/lerntools/sqllernapp/style.css @@ -12,7 +12,6 @@ body { align-items: center; text-align: center; min-height: 100vh; - user-select: none; background-color: #26282b; } @@ -325,7 +324,7 @@ main { #überschriftlernen { font-size: 20px; - margin-top: 90px; + margin-top: 10px; padding: 6px 20px; margin-right: 73%; margin-bottom: 20px; @@ -354,10 +353,11 @@ ul { } #mainlernensql { + margin-top: 5%; margin-bottom: 20px; padding: 6px 20px; border-radius: 5px; - background-color: #0f0f0fbe; + background-color: #363636dc; } pre { @@ -457,7 +457,7 @@ table tr:nth-child(even) { } .search-bar { - margin-top: -7%; + margin-top: -8%; margin-bottom: 20px; margin-left: 60%; display: flex; @@ -491,4 +491,29 @@ button#searchButton { button#searchButton:hover { transition: 0.5s; background-color: #00cc29; +} + +.scroll-button { + display: none; + position: fixed; + bottom: 80px; + right: 20px; + width: 50px; + height: 50px; + background-color: #007BFF; + color: #fff; + font-size: 24px; + border-radius: 50%; + text-align: center; + line-height: 50px; + cursor: pointer; + transition: background-color 0.3s, transform 0.3s; +} + +.scroll-button:hover { + background-color: #0056b3; +} + +.scroll-button.active { + transform: scale(1.1); } \ No newline at end of file diff --git a/tutorials.html b/tutorials.html index b4963a4..d4f7c7b 100644 --- a/tutorials.html +++ b/tutorials.html @@ -79,6 +79,8 @@
+

Wirtschat Themenübersicht