Beiträge von Stef

Stef · 19. Juli 2020

Hey,

du fügst einfach ein neues HTML Element hinzu, nehmen wir dafür das p-Element und gibts in diesem über object.innerText = value die Zahl aus.

Beispiel:

HTML

<button class="Button" onclick="ButtonPush()">Button</button>

<p id="output">

</p>

JavaScript

let Button= 0;
let output = document.getElementById("output"); // Erfassung des HTML Elementes P

function ButtonPush(){
    Button += 10;
    output.innerText = Button; // Ausgabe der Zahl um 10 erhöht bei jedem Klick
}

Schöne Grüße,
Stef

Stef · 17. Juli 2020

Hey,

danke dir. Habe dies bei meiner 1 Wordpress Seite erstmal nicht bedacht.

Jetzt wird alles wieder korrekt angezeigt.

Stef · 17. Juli 2020

Hey Juerg,

schau mal hier: https://www.javascript-kurs.de/javascript-einbinden.htm. Dies kann dir helfen.

Mit nativem JavaScript kannst du auf keine Textdatei zugreifen. Wenn du es mit der Textdatei haben möchtest geht es mir serverseitigem JavaScript oder auch PHP.

Schöne Grüße

Stef · 16. Juli 2020

Hey zusammen,

ich stehe gerade vor einem unerklärlichen Herausforderung.

Ich habe meine Wordpressseite responsiv angepasst. Im Browser mit dem Bildschirmgrößen testen-Tool wird auch alles korrekt angezeigt. Nur öffne ich jetzt die Seite mit meinem IPhone werden die Elemente total anders platziert angezeigt.

Wenn ich mit Tester für Responsives Design meine Seite überprüfe wird auf dem IPhone auch alles korrekt angezeigt.

Wie kann das denn sein?

Stef · 15. Juli 2020

Hey,

dies hat nichts mit Java zu tun.

Die Seite wurde mit HTML, CSS & JavaScript augenscheinlich erstellt.

-webkit-box-sizing:border-box;-moz-box-sizing:border-box sind CSS Anweisungen und der script-Tag für JavaScript Code.

Stef · 15. Juli 2020

Hey,

so wie m.scatello sehe ich das auch. Ich kann dir das Theme Astra sehr empfehlen.

Stef · 13. Juli 2020

Hey,

vielen Dank dir für die hilreichen Tipps & Ratschläge.

Haben mir schon echt weitergeholfen

Schöne Grüße

Stef · 12. Juli 2020

Hey,

folgender Fall: Ich möchte mit dem PHP Mailer an tausende Menschen eine E-Mail mittels einer foreach Schleife zusenden.

Dafür erstelle ich für jeden Menschen eine neue Instanz der Klasse weil es sich um individualisierte E-Mails handeln soll.

PHP

$peoples = array(
    0 => array(
        "email" => "test@example.com",
        "name" => "Test"
    ),
    //usw...
    3219 => array(
        "email" => "test@example.com",
        "name" => "Test"
    )
);

foreach $peoples as $key => $value
    $mailer . $key = new PHPMailer();
    // Einstellungen & Template
    $mailer->send();

Alles anzeigen

Gibt es dabei was zu beachten?

Stef · 9. Juli 2020

Hey,

aso.. ich dachte es ist wie bei den CSS-Selektoren. Wenn ich nur die Klasse anspreche bekomme ich auch den Inhalt.

Da habe ich mich geirrt.

Vielen Dank!

Stef · 9. Juli 2020

Hey,

ich lese gerade Daten aus einer Seite aus. Dazu habe ich mich mit preg_match beschäftigt und ein Pattern gefunden welches funktioniert.

Das komische ist nur, dass es bei 2 gleichen Elemente mit anderer Klasse mir nur von 1 Element den Inhalt zurückgibt.

Ich kann es nicht nachvollziehen.

Hier ist der Code:

PHP

$html = '<div class="product-price-value" itemprop="price">$7.49</div>';
preg_match('/<div class="product-price-value">(.*?)<\/div>/s', $html, $match);

var_dump($match); // Hier wird ein leeres Array zurückgegeben

$testHtml = '<div class="test">Testcontent</div>';
preg_match('/<div class="test">(.*?)<\/div>/s', $testHtml, $testmatch);
 
var_dump($testmatch); // hier Testcontent

Habt ihr eine Idee warum ich beim Ersten nicht zurückgegeben bekomme?

Schöne Grüße,
Stef

Stef · 8. Juli 2020

Hey,

an was lag es denn?

Schöne Grüße

Stef · 8. Juli 2020

Zitat von Fabia_B

mmmh, ja ist alles eingebunden.

Trotzdem noch kein Cookie..

Moin,

hm. Das ist seltsam. Ich poste hier mal den Code welcher bei mir funktioniert:

HTML

<!DOCTYPE html>
<html lang="de" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>

    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />
    <script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>

    <script>
    window.addEventListener("load", function(){
      window.cookieconsent.initialise({
        "palette": {
        "popup": {
          "background": "#343a40",
          "text": "#ffa500"
        },
        "button": {
           "background": "#008000",
          "text": "#ffffff"
        }
        },
        "theme": "classic",
        "position": "bottom-right",
        "type": "opt-in",
        "content": {
         "message": "Diese Website verwendet Cookies, um Inhalte und Anzeigen zu analysieren.",
        "dismiss": "Nein danke",
         "theme":"<?php $cookiethema; ?>",
        "allow": "Ja, Cookies",
        "link": "mehr!",
        "href": "https://www.hm.edu/datenschutz/"
        }
      })

      setTimeout(function(){
        but=document.getElementsByClassName('cc-allow')[0];
        but.style.border='5px solid red';

        but.addEventListener('click',function(g){
          setCookie();
        })

      },1000);


      try{
        ti= document.cookie.split('besuchername=')[1].split(';')[0];
        document.getElementsByTagName('body')[0].innerHTML+=ti+' Willkommen zurück';
      }catch(e){
        nameform=document.createElement('div');
        nameform.innerHTML='<h2>Gebe deinen Namen ein und bestätige den Cookie Hinweiß</h2><input type="text" id="name">';
        document.getElementsByTagName('body')[0].appendChild(nameform);
      }

      function setCookie(){
        let name=document.getElementById('name').value;
        document.cookie = "besuchername="+name+";isread=1; expires=So, 2 Aug 2020 12:00:00 UTC; path=/";
      }
    });

    </script>
  </head>
  <body>

  </body>
</html>

Alles anzeigen

Prüfe deinen Code mal mit diesem und melde dich dann wieder.

Danke!

Schöne Grüße,
Stef

Stef · 7. Juli 2020

Hey,

hast du denn auch die JS & CSS-Datei von Cookie Consent eingebunden?

Code

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />
<script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>

Außerdem:

In der Funktion, des EventListeners Load, soll der ganze JavaScript Code liegen. Du hast immernoch 2 <script>-Tags.

Wenn du alle Dateien (CSS & JS) korrekt einbindest und der ganze Code in der Funktion des EventListeners Load liegt läuft es. Siehe cookie.png.

Schöne Grüße

Stef · 7. Juli 2020

Hey,

Bei mir werden Cookies gesetzt.

Liegt es daran, dass das Script geladen wird bevor die Seite komplett geladen ist?

Füge mal bitte um den JavaScript Code den EventListener Load hinzu. In diesem führst du dann all deinen Code aus.

Dieser EventListener wartet bis die Seite vollständig geladen ist und führt dann den Code der in diesem steht aus.

Schöne Grüße

Stef · 7. Juli 2020

Guten Morgen,

ich habe es mal ausgetestet.

1 Variante:

Den Accept Button erfasst und den EventListener Click wie bereits im 1 Beitrag von mir beschrieben intialisiert. Wenn dieser Button geklickt wird, wird die Funktion setCookie ausgeführt, welche ein Cookie setzt.

JavaScript

let allowButton = document.getElementsByClassName("cc-allow");

allowButton[0].addEventListener("click", function(){
    setCookie();
});

2 Variante (Cookie Consent selbst):

Du brauchst keine eigenen Funktion zu erstellen. Wenn der Besucher auf Allow clickt wird von Cookie Consent automatisch ein Cookie mit dem Wert allow erstellt und wenn der Besucher es ablehnt ein Cookie mit dem Wert deny.

Bei dem Fenster musst du auch davon ausgehen, dass es jeder Seitenbesucher wegklicken kann. Oder du nimmst es als Pflichtschritt um deine Webseite betreten zu können, was ich jedoch nicht rate.

Schöne Grüße

Stef · 6. Juli 2020

Hey,

mein Beispiel war ohne Osana gedacht.

Wenn du es mit Osana (Cookieconsent) machen willst:

Wie kommst du denn an den Namen des Seitenbesuchers? Gibt er diesen irgendwo ein oder wie kann ich mir das vorstellen?

Ich sehe auch gerade, dass du 1 Funktion in die andere verschachtelt hast. Das ist ein Fehler.

Du kannst beide Funktionen voneinander einzelt intialisieren. Wo werden diese beiden Funktionen denn aufgerufen? Davon sehe ich nichts.

Außerdem hast du beide JavaScript Codes in 2 <script></script>-Tags geschrieben. Du brauchst da nur 1 um dem ganzen JavaScript Code. Wobei die beste Variante eine externe JavaScript Datei ist welche man dann über <script src="pfad"></script> einbinden kann. So ist dein Code auch gut getrennt und übersichtlicher.

JavaScript

function setCookie(){
    document.cookie = "isread=1; expires=So, 2 Aug 2020 12:00:00 UTC; path=/";
    var myCookie = document.cookie;
}

function cookiesEnabled () {
    let cookieEnabled = (navigator.cookieEnabled) ? true : false;
    if (typeof navigator.cookieEnabled == "undefined" && !cookieEnabled) { 
        document.cookie="mycookie";
        cookieEnabled = (document.cookie.indexOf("mycookie") != -1) ? true : false;
    }

    return cookieEnabled;
}

Alles anzeigen

Hilft dir das weiter?

Wenn nicht werde ich mir Osana mal selbst anschauen.

Schöne Grüße

Stef · 6. Juli 2020

Hey Fabia,

du kannst einfach 2 Buttons mit je 1 Id erstellen. Dann auf beide Buttons den EventListener Click intialisieren.

Wenn der Seitenbesucher "Nein" klickt wird nur das Popup ausgeblendet und wen er "Ja" klickt wird dieses ausgeblendet und dann die Cookies/Sessions gesetzt.

Beispiel (Pseudo Code):

JavaScript

let accept = getElementById(accept)
let decline = getElementById(decline)
let popup = getElementById(cookiePopup)

accept.addEventListener("click", function(){
    popup.hide()
    setCookies()
});

decline.addEventListener("click", function(){
    popup.hide()
});

Alles anzeigen

HTML

<section id="cookiePopup">
    <button id="accept">Akzeptieren</button>
    <button id="decline">Ablehnen</button>
</section>

Hilft dir das weiter?

Schöne Grüße

Stef · 5. Juli 2020

Hey,

wie ich sehe nutzt du Bootstrap.

Bootstrap bietet für das Handy auch solche Menüs an (du kannst dort die Anzeige des Tooglers je nach belieben ändern). Du brauchst dort normalerweise kein extra JavaScript/JQuery auszuführen. Nur JQuery einbinden.

Schau dir dazu https://getbootstrap.com/docs/4.0/components/navbar/ an. Dies wird dir weiterhelfen.

Schöne Grüße

Stef · 5. Juli 2020

Hey,

Burat123 : Bitte öffne zukünftig zu einem Thema nurnoch 1 Thema. Wenn du Fortschritte hast, kannst du diese in diesem 1 Thema posten.

Thema geschlossen.

Stef · 5. Juli 2020

Hey Jenny,

da stimme ich Jonas eindeutig zu.

Das ist veraltet und sollte so nicht genutzt werden.

Du kannst diese Konstelation ganz einfach in aktuellem HTML & PHP-Einbindungen erstellen.
Du brauchst einfach die index.html in eine index.php umändern. In dieser kannst du auch deinen normalen HTML-Code einfügen.

Um die welcome & oben.html einbinden zu können musst du dann folgenden Code für beide Einbindungen erstellen:

PHP

// HTML....

<?php
    require "oben.html"; 
?>

// HTML....

<?php
    require "welcome.html";
?>

// HTML....

Alles anzeigen

Mit require bindest du dann die HTML-Datei ein, wenn du diese Trennung weiterhin haben möchtest.

PS: Kannst du bitte zukünftig deinen Code in die entsprechenden CodeTags (</>), in der Navigation des Editors, einfügen, damit dieser für uns leserlicher ist. Danke!

Schöne Grüße,
Stef

Beiträge von Stef

Data Binding

Wordpressseite responsive optimieren

Array einbinden

Wordpressseite responsive optimieren

Ist das mit Java gemacht?

Design an WordPress anpassen

Versand tausender E-Mails

Versand tausender E-Mails

Preg Match - Unerklärliches Ergebnis

Preg Match - Unerklärliches Ergebnis

Opt-in Cookies

Opt-in Cookies

Opt-in Cookies

Opt-in Cookies

Opt-in Cookies

Opt-in Cookies

Opt-in Cookies

Für den Smartphonescreen die Navigationsleiste mit einem Button öffnen

PDO datenbank ausgabe in get aus der Datenbank tabelle in eine andere Tabelle

Hintergrundbild fixieren und "einmalig" machen