Hey Hessi,
ich habe mir deine Seite angeschaut und auch den Menüpunkt herausfiltern können, der beim hovern aktiviert wird.
Du findest diese Daten im beigefügten Bild.
Schöne Grüße,
Stef
Beiträge von Stef
-
-
Hey zusammen,
ich teste gerade die Fetch API mit JavaScript aus über die ich asynchron Daten vom Server lade. Um genau zu sein eine JSON-Datei welche ich dann in einer Tabelle darstelle.
Nun ist es so, dass außerhalb der for-Schleife beim console.log die Daten aus der JSON-Datei ausgegeben werden. Beim Zweiten console.log innerhalb der for-Schleife wird kein Wert mehr in der Konsole ausgegeben, als wäre die Variable data nie vorhanden.
Ich verstehe nicht wie das sein kann. Hat jemand von euch eine Idee?
Alles anzeigenJavaScript- "use strict";
- document.addEventListener("DOMContentLoaded", async(event) => {
- let config = {
- method: "GET",
- headers: {
- "Accept": "application/json"
- }
- };
- let response = await fetch("data.json", config);
- let data = await response.json();
- console.log(data); // this get output in the console
- let table = document.createElement("table");
- for(let i = 0; i < data.length; i++){
- let person = data[i];
- console.log(data); // this don't get output in the console
- let tr = document.createElement("tr");
- tr.innerHTML = `
- <td>${person.name}</td>
- <td>${person.age}</td>
- <td>${person.email}</td>
- `;
- table.appendChild(tr);
- }
- document.getElementById("container").appendChild(table);
- });
Schöne Grüße,
Stef -
Hey Carl,
wenn du eine Sprungmarke klickst, wird an die URL ein Wert mit einem # drangehongen. Es besteht die Möglichkeit über JavaScript den Wert auszulesen und dann dementsprechend über die Video API den Standard-Player des Browser zu steuern, wie z.B. starten oder pausieren. Wenn du einen anderen Player nutzt musst du schauen ob dieser eine API bereitstellt über die du diesen steuern kannst.
Bezüglich den Untertiteln kann ich dir nicht weiterhelfen. Da kenne ich mich nicht aus. Ich habe dazu aber dies hier gefunden, was dir weiterhelfen kann: https://www.socialmediaexamine…rt-files-video-subtitles/.
Schöne Grüße,
Stef -
Hey,
Das ist natürlich ein sehr, sehr theoretisches Problem.
Ich kenne mich da zu wenig aus um dies beurteilen zu können. Ich denke, wenn mehrere tausend, bzw. zehntausend Personen gleichzeitig online sind, soetwas dann doch ein Vorteil bietet.
Vielen Dank für deine umfangreiche Antwort cottton
Diese hilft mir sehr weiter. Ich brauche jetzt erstmal ein wenig Zeit um mir das Ganze anzuschauen. Ich melde mich sobald ich weiter bin oder Fragen aufkommen, bei denen ich nicht weiterkomme.Schöne Grüße,
Stef
-
Hey,
vielen Dank für eure Antworten.
Ich habe durch diese jetzt viele neue Ideen, die ich jetzt nach und nach austesten werde
Ich melde mich wieder sobald ich den Code aktualisiert habe oder nicht weiter komme.
Schöne Grüße,
Stef -
Guten Morgen
okay. Danke dir
Einfach zum Lernen wie ich diese entwickeln kann. Diese bietet wie ich gelesen habe auch Vorteile, wenn es ziemlich viele Nutzer gibt, die diesen Prozess nutzen. Denn dann werden die ganzen Daten serverseitig gespeichert und irgendwann ist der Server von den ganzen Daten überfüllt und überlastet.Da kommt dann die Token basierte Authentifizierung ins Spiel, mit der ich dies verhindern kann. Denn dort werden die Logindaten lokal abgespeichert.
Schöne Grüße,
Stef -
Hey Jonas,
danke dir für deine Antwort
So wie ich es gerade verstanden habe bringen JWT nur etwas, wenn die Applikation clientseitig läuft? Denn dort besteht ja die Möglichkeit ohne Cookie oder Session so etwas lokal abzuspeichern. Serverseitig dagegen habe ich nur die Session oder den Cookie. Wenn ich es mit diesen mache ist es dann eine Session basierte Authentifizierung, die ich aber nicht implementieren möchte.
Liege ich da soweit richtig?
Schöne Grüße,
Stef -
Hey,
ich probiere mich zur Zeit mit der Token basierten Authentifizierung eines Nutzers bei einem Login aus. Dabei bin ich auf JSON Web Token (JWT) gestoßen.
Dafür nutze ich die Bibliothek ReallySimpleJWT.
Wichtig: Ich habe jetzt einfach mal zügig ein Login erstellt, welches nur zur Realisierung der Token basierten Authentifizierung dient und manche Sicherheitsaspekte nicht beachtet !
Ich dachte mir dabei, wie bei Cookies, einfach den Token zu erstellen. Dann wird der Token wohl automatisch lokal auf dem PC des Nutzers abgespeichert. Mit der Funktion getToken kann ich dann auf anderen Seiten auf diesen zugreifen. Da habe ich mich aber geirrt und weiß da gerade nicht weiter, wie ich auf den Token von anderen Seiten aus zugreifen kann.
So sieht der PHP-Code in der Login-Seite aus:
Alles anzeigenPHP- <?php
- require "vendor/autoload.php";
- use ReallySimpleJWT\Tokens;
- $tokens = new Tokens();
- if(isset($_POST["login"])){
- $username = filter_var(trim($_POST["username"])) ?? null;
- $password = $_POST["password"] ?? null;
- if(!$username || !$password){
- $error = "<p>The Username or Password are incorrect</p>";
- }else{
- if($password == "sec!ReT423*&"){
- $userId = 12;
- $expiration = time() + 3600;
- $issuer = 'localhost';
- $token = $tokens->create('id', $userId, $password, $expiration, $issuer);
- header("Location: start.php");
- exit;
- }
- }
- }
Auf der start.php möchte ich dann auf den abgespeicherten Token des Nutzers zugreifen. Leider finde ich da bisher keine Möglichkeit, da ohne diesen kaum eine Funktion aufgeruft werden kann.
Hat jemand von euch damit Erfahrungen und weiß, wie ich dies lösen kann? Darüber wäre ich sehr dankbar.
Schöne Grüße,
Stef -
Hey cottton,
herzlichen dank dir für dein Feedback zu meinem Code.
Aus diesem konnte ich jetzt viel hilfreiches herauspicken und auch neues lernen.
Danke!
Eine Frage habe ich dazu noch, bei der ich bisher überhaupt nicht weiterkomme. Meine Verschlüsselung gibt immer nur Kleinbuchstaben aus, da ich in dem Array Alphabet nur Kleinbuchstaben stehen habe und daher nur mit Kleinbuchstaben arbeiten kann. Wie kann ich es nun so lösen, dass dabei auch die Groß- und Kleinschreibung beachtet wird, sodass beim verschlüsseln und entschlüsseln der Text so ausgegeben wird, wie er eingegeben wurde?
Hast du da für mich Tipps oder auch Denkanstöße?
Schöne Grüße,
Stef -
Hey zusammen,
ich habe in der letzten Stunde in PHP die Cäser-Verschlüsselung durch Transposition entwickelt. Ich nutze zum Teil redunanten Code und habe auch ein paar notwendige Verzweigungen drin. Ich finde, dass man diesen Code noch deutlich komprimieren kann nur komme zur Zeit nicht drauf wie.
Nun möchte ich einfach mal euer Feedback zu diesem Anwendungscode hören. Was findet ihr gut? Was findet ihr nicht gut? Was kann ich besser machen? Wie kann ich den Code komprimieren?
Alles anzeigenPHP- <?php
- session_start();
- /*
- Caeser Verschlüsselung (Ersetzungschiffre)
- Jeder Buchstabe wird durch einen anderen Buchstaben ersetzt
- Was brauchen wir dafür?
- 1. Schlüsselraum das Alphabets: 26
- 2. Key, um wie viel Stellen die Buchstaben verschoben werden sollen (k)
- 3. Position des jeweiligen Buchstabens im Alphabet (p)
- Verschlüsseln = p + k mod 26
- Entschlüsseln = p - k mod 26
- */
- $alphabet = [
- "a" => 1,
- "b" => 2,
- "c" => 3,
- "d" => 4,
- "e" => 5,
- "f" => 6,
- "g" => 7,
- "h" => 8,
- "i" => 9,
- "j" => 10,
- "k" => 11,
- "l" => 12,
- "m" => 13,
- "n" => 14,
- "o" => 15,
- "p" => 16,
- "q" => 17,
- "r" => 18,
- "s" => 19,
- "t" => 20,
- "u" => 21,
- "v" => 22,
- "w" => 23,
- "x" => 24,
- "y" => 25,
- "z" => 26
- ];
- $keyRoom = count($alphabet);
- $key = 3;
- $decryptedText = null;
- $cipherText = null;
- if(isset($_POST["verschluesseln"])){
- $plainText = $_POST["plainText"] ?? null;
- if($plainText){
- $plainTextArray = str_split(strtolower($plainText));
- $output = "<strong>Der verschlüsselte Text lautet:</strong> ";
- foreach ($plainTextArray as $letter) {
- $letterTyp = null;
- $i = 0;
- if(array_key_exists($letter, $alphabet)){
- $newPosition = ($alphabet[$letter] + $key) % $keyRoom;
- if($newPosition === 0){
- $newPosition = 26;
- }
- }else{
- $newPosition = 0;
- $letterTyp = $letter;
- }
- foreach ($alphabet as $cipherKey => $value) {
- if($value === $newPosition){
- $cipherText .= $cipherKey;
- }else{
- if($i < 1){
- $cipherText .= $letterTyp;
- $i++;
- }
- }
- }
- }
- $output .= $cipherText;
- $_SESSION["cipherText"] = $cipherText;
- }
- }else if(isset($_POST["entschluesseln"]) && isset($_SESSION["cipherText"])){
- $cipherTextArray = str_split($_SESSION["cipherText"]);
- $output = "<strong>Der entschlüsselte Text lautet:</strong> ";
- foreach ($cipherTextArray as $letter) {
- $letterTyp = null;
- $i = 0;
- if(array_key_exists($letter, $alphabet)){
- if(($alphabet[$letter] - $key) < 0){
- $result = $alphabet[$letter] - $key;
- $result += $keyRoom;
- $oldPosition = $result % $keyRoom;
- }else{
- $oldPosition = (abs($alphabet[$letter] - $key)) % $keyRoom;
- }
- }else{
- $oldPosition = 0;
- $letterTyp = $letter;
- }
- foreach ($alphabet as $plainKey => $value) {
- if($value === $oldPosition){
- $decryptedText .= $plainKey;
- }else{
- if($i < 1){
- $decryptedText .= $letterTyp;
- $i++;
- }
- }
- }
- }
- $output .= $decryptedText;
- }
- ?>
- <!DOCTYPE html>
- <html lang="de" dir="ltr">
- <head>
- <meta charset="utf-8">
- <title>Cäser Verschlüsselung</title>
- <style>
- form{
- margin-bottom: 1em;
- }
- textarea{
- display: block;
- }
- </style>
- </head>
- <body>
- <h1>Cäser Verschlüsselung</h1>
- <form class="" method="post">
- <label for="plainText">Gebe hier deinen Klartext ein:</label>
- <textarea name="plainText" id="plainText" rows="10" cols="35"></textarea>
- <input type="submit" name="verschluesseln" value="Klartext verschlüsseln">
- <input type="submit" name="entschluesseln" value="Generieter Ciphertext entschlüsseln">
- </form>
- <?= $output ?? null; ?>
- </body>
- </html>
Ich würde mich sehr über euer Feedback freuen.
Schöne Grüße,
Stef -
Hey dettec61,
wenn du so etwas entwickeln & bereitstellen möchtest, empfehle ich dir, wie du sicher schon weist, die Themen, die du dafür benötigst, erstmals zu erlernen. Es wird dir hier niemand eine Lösung präsentieren.
Ich teile hier mit dir Links zu Ressorucen, mit denen du dein Ziel auf rein serverseitiger Basis mit der Datenbank erreichen kannst:
- SQLite - Daten einfügen, updaten und löschen (nur die SQL-Anweisungen, denn du steuerst die Datenbank über deinen Webserver an)
- Verbindung zur SQLite Datenbank herstellen und weitere Punkte wie Daten einfügen, auslesen & Datenbankverbindung schließen
Mit diesen beiden Quellen hast du das serverseitige Ziel erreicht. Dann musst du lediglich die Daten über PHP dann noch in den entsprechenden Sektionen ausgeben und mit CSS designen.
Schöne Grüße,
Stef -
Hey Brainstuff,
die einfachste Variante für mich wäre eine Lösung mit JavaScript.
Dort reagierst du dann auf den Klick, erfasst den Wert des Buttons, speicherst diesen als Browser-Session ab und stellst dementsprechend dann die Hintergrundfarben deiner Webseite da. So ist auch gewährleistet, das die Webseite im Darkmode dargestellt wird, wenn der Nutzer auf weiteren Seiten deiner Webseite unterwegs ist.
CSS kann sich nichts merken. Somit müsste der Seitenbesucher immer wieder den Darkmode einstellen.
Schöne Grüße,
Stef -
Hey,
ich möchte noch an m.scatellos Satz mit den Cookies anknüpfen.
Ein Cookie Banner sowie die Erfüllung der DSGVO ist erst dann Pflicht, wenn du personenbezogene Daten erfasst. Ansonsten kannst du diesen weglassen. Dazu gibt es noch essentielle Cookies, die benötigt werden, damit deine Webseite läuft. Dazu zählt zum Beispiel die Erfassung der Sprache.
Schöne Grüße,
Stef -
Thema geschlossen. Crossposting verboten
-
Hi Nico,
zu deinen Fragen:
- Nein. Es gibt Anwendungen, die man dann serverseitig nochmal überprüfen sollte, wie z.B. ein Kontakt- oder Kaufformular.
- Eine serverseitige Programmiersprache: Meine Empfehlung PHP (da gibt es auch schon fertige Forensoftwares). Zusätzlich ist es definitiv notwendig sich auch mit dem Thema Sicherheit auseinanderzusetzen um auch eine sichere Anwendung entwickeln zu können.
- Deine Webseite sollte auch ohne den JS-Animationen funktioniern. Wenn der Seitenbesucher ohne deine JS-Animation die Navigation nicht mehr bedienen kann, musst du daran dringend was ändern.
Schöne Grüße
-
Hey rakete,
möchtest du mit uns noch deine Lösung teilen? Danke dir schonmal im voraus.
Schöne Grüße,
Stef -
Hi,
brainstuff : Bitte nutze die Code Tags für deinen Code. Diese findest du in der Navigation des Textfeldes (</>). Danke! -
Hey Zolf,
da gibt es viele Möglichkeiten.
Was ich dir dort empfehlen kann ist, dem div eine ID mitzugeben. Diese kannst du dann über CSS ansprechen und dieser dann individuelle Formatierungen zuweisen.
Nähere Infos findest du hier: https://www.html-seminar.de/class_und_id.htmSchöne Grüße
-
Crosspoting nicht erlaubt. Thema geschlossen!
-
Hi,
noclue :
Kannst du bitte zukünftig deinen Quellcode in die Code Tags einfügen? So können wir Hilfesteller diesen besser lesen und dir auch besser helfen.
Diese findest du in der Editornavigation an der 3.ten Stelle von rechts (</>).Danke dir.