Erstelle einen Popup Dialog - HTML, CSS, JavaScript Tutorial für Anfänger - Deutsch

Поділитися
Вставка
  • Опубліковано 11 жов 2024

КОМЕНТАРІ • 19

  • @__oliver__9058
    @__oliver__9058 3 роки тому +1

    Super Videos! Hilft mir sehr beim Lernen von HTML, CSS und JavaScript :)

    • @DevPlanetGermany
      @DevPlanetGermany  3 роки тому +1

      Danke für dein Feedback! Es freut mich sehr, dass dir die Videos helfen können :)

  • @shamana-om
    @shamana-om Місяць тому

    Tolles Video, sehr gut erklärt, vielen Dank!

  • @wolfenrico
    @wolfenrico 2 роки тому

    Super Video. Danke für die Arbeit und Danke für's Teilen.

  • @timwoehrle1700
    @timwoehrle1700 3 роки тому

    Sehr gut erklärt, vielen Dank für das informative Video :)

  • @foxyzockt3576
    @foxyzockt3576 2 роки тому

    Hey, ich möchte, dass ich, wenn der Dialog geöffnet ist, ihn hoch und runter bewegen kann, der Hintergrund, der dann ja ausgegraut ist, sich aber nicht mehr beim scrollen bewegt, weißt du wie man das machen könnte?

  • @messerschmidtfpv4419
    @messerschmidtfpv4419 2 роки тому

    mitgeschrieben bis zur letzten Zeile. Alles sehr gut erklärt. Dankeschön.
    Wie kann ich die Eingaben aus den Dialog Feldern in einer Liste speichern? So wie eine Art Notizblock um den dann als pdf oder txt aus zu geben?

  • @reasons-music
    @reasons-music 2 роки тому

    Hallo Supporter, ich möchte dieses Popup beim Zugriff auf die Website automatisch öffen? Wie funktioniert das, kannst du mir kurz den Befehl schicken und wie ändere ich den inhalt des pop-up-fensters?

  • @emilmuzi06
    @emilmuzi06 3 роки тому +1

    Gerade habe ich das Video entdeckt und habe gleich versucht, es umzusetzen. Ich habe nur Laienkenntnisse, was HTML, CSS,Java und PHP angeht (also nicht studiert) und ich bin gerade mega happy über die Entwicklung meiner Seite.
    Durch dieses super geführte Tutorial bin ich wieder ein Stück weiter gekommen. ❤️
    Vielleicht werde ich es bei dem Overlay zunächst belassen.
    Auch werde ich mir weitere Videos ansehen.
    Eine Frage habe ich trotzdem. Ich habe,bis jetzt,nur einen einfachen Text mit Java in meiner Seite bezüglich des Datenschutzes.
    Sinn ist ja eigentlich, dass die Meldung kommt, bevor die Seite kommt und Cookies gesetzt werden.
    Wenn ich es nun so mache, wie im Video, wird doch die Seite doch schon geladen und der Nutzer erfasst,oder sehe ich das falsch?
    Also ich kann mir das in Ebenen gerade nicht so gut vorstellen.
    Müsste es sonst nicht am Anfang der Seite stehen, damit die Seite nach Zustimmung geladen wird? 🤔😊
    Vielen Dank 🙋🏼‍♀️

    • @DevPlanetGermany
      @DevPlanetGermany  3 роки тому +1

      Danke für das Feedback und dass du dir die Zeit genommen hast, diesen Kommentar zu schreiben! Es freut mich wirklich sehr, dass dir das Video bei deinem Projekt helfen konnte :)
      Was das Setzen der Cookies angeht, ist die Frage leider gar nicht so leicht zu beantworten, denn es kommt darauf an, wie genau du die Cookies setzt bzw. den Nutzer erfasst. Du hast im Prinzip mehrere Möglichkeiten... spontan fallen mir folgende ein:
      1. Die Seite ohne Cookies laden und die entsprechenden Cookies erst setzen, wenn die Zustimmung erteilt worden ist
      2. Am Anfang nur das Overlay und den Dialog anzeigen, die restliche Seite nachladen, wenn die Cookie-Entscheidung durch ist
      3. Die Cookie-Abfrage auf einer vorgelagerten Seite vornehmen und dann je nach Entscheidung auf eine Version deiner Seite mit oder ohne Tracking verlinken (warum auch immer man das tun sollte, wenn man auch eine der vorherigen Optionen hat :D)
      Ich hoffe, dass dir das etwas weiterhilft :)
      Leider muss ich noch darauf hinweisen, dass es sich bei den Lösungsvorschlägen nicht um eine rechtliche Auskunft handelt... solltest du dir unsicher bzgl. der Rechtslage sein, ist ein Anwalt wahrscheinlich der bessere Ansprechpartner

    • @emilmuzi06
      @emilmuzi06 3 роки тому

      @@DevPlanetGermany vielen lieben Dank für die Tipps.
      Die Cookies werden wohl durch den Serveranbieter gesetzt, da sie über einen externen Anbieter eine Statistik anbieten. Leider, muss ich gestehen, weiß ich nicht,wo die ansetzen. 🤔 Aber, ich weiß, dass sie gesetzt werden.
      Ich habe jetzt ein Overlay erstellt, mit dem Text und 3 Buttons. Das habe ich auch schon im Responsive Design für das Handy angepasst. Nur weiß ich nicht, wie das nun bei Click weggeht. Das funktioniert nicht.
      Im Moment habe ich bei X eine Verabschiedungsseite erstellt, eine Homeseite ohne Overlay und die Indexseite. Das ist aber nicht so die Lösung. Leider kann ich hier kein Bild schicken. 😄
      Das es keine rechtliche Auskunft ist, sollte klar sein und habe ich auch nicht angenommen.
      Ich denke, die Auswahl sollte erst erfolgen und dann auf die Seite gehen.
      Bisher gibt's nur den Text mit Java und Alert-Befehl.
      Viele Grüße und einen schönen Samstag.
      Sina

  • @fabjonhoxhaj2914
    @fabjonhoxhaj2914 3 роки тому +2

    Wo haben Sie denn den Schließen-Button also das "X" definiert?

    • @DevPlanetGermany
      @DevPlanetGermany  3 роки тому +1

      Das "X" wird mithilfe des Tags ganz am Anfang des Dialogs definiert... das X selbst, also das Icon, kommt von Fontawesome.

    • @KongoMueller88
      @KongoMueller88 2 роки тому

      @@DevPlanetGermany sorry bin ganz neu im Business. Also wenn ich das richtig verstehe kommt ja die class fas fa-times von Fontawesome, was widerum von deren Bibliothek importiert wird. Ich habe nur aus irgendeinem Grund kein Kreuz in der Ecke meines Popups und das design (Fenster) ist auch minimal anders. Ich habe den Code über die Zeilennummern, sowohl auch optisch mit deinem code vergleichen. Ich weis echt nicht weiter xD

  • @reasons-music
    @reasons-music 2 роки тому

    Hello Supporter, I want to install this pop-up when accessing the website? how does it work, can you send me the command briefly and how do I change the content of the pop-up window?

  • @KongoMueller88
    @KongoMueller88 2 роки тому

    ich verstehe nicht wieso du einen schliessen button hast und ich nicht, habe etzad den selben code nur kein kreuz in der ecke.

  • @VCPler
    @VCPler 3 роки тому

    Warum machst du dir soviel Arbeit? Du könntest die Dialoge innerhalb des body-content legen. Mithilfe von Flexbox, kannst und Verschachtelung kann man ganz viel Code sparen und es sieht übersichtlicher aus. Warum verwendest du nicht gleich ein Button anstatt des Links? Dazu gibt es in HTML5 ein extra Button-Element.