Frontend – die besten Beiträge

Mit folgendem code versuche ich zweck logins auf meinen Server zuzugreifen

var r = new XMLHttpRequest();

r.open("POST", "/user/login", true);
r.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

r.onreadystatechange = function () {

    if (r.readyState != 4 || r.status != 200) return;

    console.log(r.responseText);
            
    if (r.responseText == '?incorrect') {

        console.log('wrong password');

    }
    else if (r.responseText == 'correct') window.location.replace('/user/');

};

r.send('pwd=' + document.querySelector('#pwd-input').value);

Wenn ich den Code ausführe, steht in der Console der Seitenquelltext als Ergebnis. Der Server (Express) registriert eine GET request und auch im Netzwerktab von Chrome wird die request Methode mit GET angegeben. Hat jemand eine Idee warum und was ich versuchen könnte, außer Alternativen zur XHR zu nutzen?

Hallo,

ich habe eine lange HTML liste bei der die Preise manuell in HTML in einer Tabelle geändert werden müssen.

Ist es möglich über die Inspect Console von Chrome die Inhalte der Tabelle in einem Batch zu ändern?

So sehen die Felder aus die in der Tabelle geändert werden sollen:

(gespeichert werden dann alle Werte dann mit der Enter Taste in einem der Felder)

Die Tabelle hat folgenden Code:

<td id="LAYOUT_DONNEES_PRIX-2-16-cell" class="z_c1_bpslay2stdData" style="text-align: right;"><input name="LAYOUT_DONNEES_PRIX-2-16" size="4 " maxlength="70 " class="z_c1_bpslay2Edf" style="text-align: right;" value="0,00"></td>

Die neuen Zeilen hätten dann folgende ID:

id="LAYOUT_DONNEES_PRIX-2-16-cell"

id="LAYOUT_DONNEES_PRIX-3-16-cell"

id="LAYOUT_DONNEES_PRIX-4-16-cell"

und geändert werden müsste jeweils nur die Value:

value="0,00"

Falls ihr mir sagen könnt, was Ich in der Console eingeben muss um einen Inhalt zu ändern wäre mir sehr geholfen.

Ich bin ein absoluter noob in diesem Gebiet und einfach

change <id="LAYOUT_DONNEES_PRIX-2-16-cell" value="1,00">

eingeben funktioniert leider nicht :D

Ich hoffe ihr habt verstanden was ich brauche :)

Vielen Dank und viele Grüße

Jens

Wer kann besser programmieren, ein Informatiker mit Studium(FH) oder ein Fachinformatiker für Anwendungsentwicklung?

Freut mich sehr eure Meinungen dazu zu hören

Also Server, Netzwerke ect. Oder ist damit nur die Entwicklung von Software gemeint?

Hi Leute,

ich versuche in CSS gerade eine Grid-Galerie zu erstellen, jedoch stoße ich ständig auf das Problem, dass die Bilder einen leeren Bereich lassen, wenn ein Bild länger ist als das andere.

Wie könnte ich das angehen, dass sich die Bilder immer richtig anpassen (Es können unterschiedlich viele sein + die Höhe ist nicht von mir vorgegeben)

Habt ihr eine Idee wie das funktionieren könnte?

Hallo, seit Weile arbeite ich an einer Website, für welche ich jetzt einen Header installiere. Oben ist etwas Content und danach ist eben der Header, der beim Scrollen oben am Rand bleiben soll. Das ist mein Code dazu, ich hoffe jemand kann mir helfen und danke im Vorraus.

------HTML------

<div id="header">
    <img src="bilder/Logo.png" alt="Logo Fliesen"></img>
         <div id="flexbox">
             <nav>
                 <ul class="menu">
                     <div class="flexitem" id="navFlex">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="engagement.html">Unser Engagement</a></li>
                        <li><a href="contact.html">Kontakt</a></li>
                        <li><a href="about.html">Über mich</a></li>
                        <li><a href="referenzen.html">Referenzen</a></li>
                    </div>
                </ul>
            </nav>
       </div>
   <div class="social" class="flexitem"></div>
</div>

-----CSS------

#header {
    height: 80px;
    left: 0;
    right: 0;
    width: 100vw;
    border-bottom: 1px solid #DEDCD9;
    background-color: white;
    display: flex;
    overflow: hidden;
    position: sticky;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}
  
  .sticky + #bsp {
    padding-top: 60px;
}

------Script-------

<script>window.onscroll = function() {stickyH()};

var navbar = document.getElementById("header");
var sticky = navbar.offsetTop;
function stickyH() {
   if (window.pageYOffset >= sticky) {
       navbar.classList.add("sticky")
        } else {
                navbar.classList.remove("sticky");
              }
            } 
</script>

Hallo zusammen,

wie kann ich ich JavaScript alles bis auf eine Klasse ansprechen?

z.B. bei document.addEventListener eine Klasse außen vor lassen.

Vorab danke!

Bitte helft mir mit einem einfachen HTML und CSS Code.

Ich will einfach ein großes Hauptbild das responsive (width: 100%) dargestellt wird, und dadrüber zentriert eine Überschrift und ein Button. Versuche es leider schon lange aber bekomme immer wieder Fehler.

Wie kann ich in einem Go Backend Script schauen, ob ein Button auf dem HTML Frontend gedrückt wurde? Ich habe es bereits versucht, bin aber immer auf Logikfehler usw gestoßen

Video Tutorials beanspruchen viel Zeit. Deshalb bräuchte ich Webseiten oder PDF Docs für die oben genannten Programmier- und Skriptsprachen. Wichtig wäre, dass sie marktorientiert sind, also genau die Dinge zeigen, die man im realen IT Markt anwendet.

Hallo zusammen,

ich habe mir mit Joomla! eine Website für meine Mannschaft erstellt. Nun möchte ich für jeden Spieler eine Seite machen, auf der man ein Foto und einen Steckbrief sehen kann. Nun habe ich die Frage: Wie kann ein registrierter Frontend-Nutzer nur seine eigene Seite bearbeiten und die Daten eintragen. Danach sollten sie für jeden sichtbar sein, davor soll für die unangemeldeten Benutzer aber noch nichts zu sehn sein, solange er nix eingetragen hat.

Mir wäre auch schon geholfen wenn ihr mir helfen würdet es mit einem Formular zu verwirklichen, sodass ich die Daten selber eintragen muss, die der Spieler in das Formular eingegeben hat.

Vielen Dank schonmal im Voraus

Vinccc96

Hallo, ich bin neu in nextjs.

Ich habe ein Login form, das prüft ob der Nutzer existiert und ob die eingeben Daten passen (prisma sqlite). Dann leitet es weiter auf /dashboard. Leider kann man die Seite dashboard auch ohne Login aufrufen.

Wie ich es verstanden braucht man im src/app eine Datei Namen middleware.js, aber ich weiß nicht was ich da hineinschreiben soll.

Danke im voraus

Hallo,

Ich habe in astro eine react componente, die ein Formular hat. Wenn der Nutzer das submit event auslöst sollen die Daten per Email versendet werden.

Danke im voraus

Es gibt in html ja h1 h2 h3 h4 h5 und zu guter letzt h6 für Überschriften

WOZU gibt es so viele?? h1, h2 und h3 verstehe ich vielleicht noch, aber wozu 6? Man kann einfach das p Tag benutzen und es selber mit css so stylen wie auch immer man will, man braucht doch keine extra 6 Tags

Liebe ITler,

ich baue gerade eine Website mit angular und stehe vor folgender Frage:

• Wie kann ich den Titel ändern
• Wie kann ich meta Tags einfügen
• Was muss ich bedenken bei SEO mit meta tags in angular?
• Was meinen Menschen, wenn sie meinem angular seo freundlich machen?

Danke im voraus

Hallo.

Erstmal ich kann noch kein framwork und kenne mich in php und einigermaßen in js aus.

Weil ich gehört habe, dass laravel ein gutes framework ist ,möchte ich es lernen.

• Jetzt die Frage welches framwork am besten für das frontend in laravel ist?
• Ich würde als erstes das frontend framwork lernen und dann laravel, ist das eine gute Idee?

Bitte auch mit Begründung.

Danke im voraus

Ps.: Ich nutze immer SCSS, bitte berücksichtigen.

Wie konnten eigentlich Frameworks wie React, Angular, Spring Boot, Django und FastAPI eigentlich entwickelt werden?

Ich kann mir nicht vorstellen, dass eine Firma extra Angestellte für die Entwicklung eines Frameworks bezahlt. In Firmen geht es ums schnelle Wirtschaften und wenn man da erstmal lange an einem Framework bastelt, werden die Kunden ungeduldig.

Auf der anderen Seite kann ich mir aber auch nicht vorstellen, dass jemand unbezahlt in seiner Freizeit nach der Arbeit ein großes Framework schreibt.

Gibt es vielleicht tatsächlich Firmen, die eine Art Framework-Entwickler suchen?

Hi, ich bin neu im Thema Animationen & Co. in CSS und komme jetzt beim Ausprobieren nicht mehr weiter: Ich möchte ein "Button" (in diesem Fall ein <div>), bei dem beim Hovern von links nach rechts eine Hintergrundfarbe kommt. Jedoch verschwindet bei mir dann auch der Text.

Hier der Code:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Test</title>
    <link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet'>
    <style>
        .box {
            position: relative;
            margin-top: 50px;
            width: 200px;
            height: 75px;
            background-color: transparent;
            border-radius: 15px;
            border: 3px solid lightgreen;
            display: flex;
            justify-content: center;
            align-items: center;
            font-family: 'Ubuntu';
            transition: all 0.5s ease-in-out;
            z-index: 1;
        }
        .box:hover {
            color: white;
        }


        .box::after{
            position: absolute;
            left: 0;
            content: '';
            background-color: lightgreen;
            width: 0;
            height: 75px;
            border-radius: 11px;
            transition: all 0.5s ease-in-out;
            z-index: 0;
        }
        .box:hover::after{
            width: 200px;
        }



    </style>
</head>
<body>
    <div class="box">Hello</div>
</body>
</html>