Neuigkeiten
  • Die modified eCommerce Shopsoftware ist kostenlos, aber nicht umsonst.
    Spenden
  • Damit wir die modified eCommerce Shopsoftware auch zukünftig kostenlos anbieten können:
    Spenden
  • Thema: Kleines Java Script - Hilfe...

    Buggyboy

    • Fördermitglied
    • Beiträge: 968
    • Geschlecht:
    Kleines Java Script - Hilfe...
    am: 11. Juni 2021, 16:22:12
    Hallo liebe Leute!

    ich habe mir bei Fiverr für ein befreundetes Restaurant jetzt für die Corona-Zeit eine Website ( orpheas-bremen.de ) erstellen lassen, damit das Restaurant überhaupt mal gefunden wird... ;-}

    Jetzt wollte ich den Programmierer anschreiben um mir ein J-Script abzuändern, aber der hat seinen Account gelöscht... Nach einem Auftrag...

    Jetzt wollte ich hier mal fragen, ob mir jemand evtl. dabei helfen könnte.
    Ich als DAU kann leider nur Copy&Paste. Habe zwar eine Vermutung, aber naja, vllt schaut es sich jemand an. Auch gegen Bezahlung wenn nötig. kein Problem.Will nichts geschenkt haben.

    Es geht um dieses Script:

    Code: Javascript  [Auswählen]
    AOS.init() // für Animationen

    /*
     * Dieses script schreibt auf die Seite, ob das Restaurant geöffnet hat oder nicht
     */


    const shouldCheckOpen = true // wenn es nicht geprüft werden soll, Wert von "true" auf "false" setzen

    if (shouldCheckOpen) {
        const e = document.getElementById('open')
        const date = new Date() // heutiges Datum
        var endTime = new Date()
        endTime.setHours(20)
        endTime.setMinutes(30)
        endTime.setSeconds(0)

        if (date.getDay() === 1) { // ist es Montag
            // Ja, es ist Montag
            e.innerHTML = 'Jetzt geschlossen' // schreibe "geschlossen" auf die Seite
            e.style.color = 'red' // färbe die Schrift Rot
        } else { // wenn kein Montag ist
            // es ist nicht Montag
            if (date.getHours() >= 17 && date.getTime() < endTime.getTime()) { // ist es zwischen 17:00 und 20:30 ?
                e.innerHTML = 'Jetzt geöffnet' // schreibe "geöffnet" auf die Seite
                e.style.color = 'green' // färbe die Schrift Grün
            } else { // es ist NICHT zwischen 17:00 und 20:30
                e.innerHTML = 'Jetzt geschlossen' // schreibe "geschlossen" auf die Seite
                e.style.color = 'red' // färbe die Schrift Rot
            }
        }
    }

    Das fügt auf der Homepage einen Text ein: Jetzt geschlossen (in Rot) oder Jetzt offen (in grün).
    Als das Restaurant nur eine Uhrzeit hatte für Abholungen, klappte das ja sehr gut.
    Nun darf das Restaurant wieder normal öffen und da kommen eben ein paar mehr Zeiten raus und da komme ich leider nicht weiter.

    Also die alten Zeiten waren von 17 bis 20.30 Uhr
    Die neuen Zeiten sind von 12-15 Uhr und von 18-22 Uhr

    Das hätte ich jetzt gerne wieder angezeigt.
    Momentan hab ich die JS auf false gestellt...

    Wäre schön wenn das jemand machen könnte, wie gesagt auch gegen Geld oder was anderes...

    Mit verspielten Grüßen
    Peter

    Linkback: https://www.modified-shop.org/forum/index.php?topic=41908.0

    awids

    • Experte
    • Beiträge: 3.782
    • Geschlecht:
    Re: Kleines Java Script - Hilfe...
    Antwort #1 am: 11. Juni 2021, 16:53:10
    Habs nur grob überflogen, aber das sollte einfach durch die Erweiterung der Abfrage zu bewerkstelligen sein.

    Code: Javascript  [Auswählen]
    AOS.init() // für Animationen


    /*
     * Dieses script schreibt auf die Seite, ob das Restaurant geöffnet hat oder nicht
     */



    const shouldCheckOpen = true // wenn es nicht geprüft werden soll, Wert von "true" auf "false" setzen


    if (shouldCheckOpen) {
        const e = document.getElementById('open')
        const date = new Date() // heutiges Datum


        var endTime1 = new Date()
        endTime1.setHours(15)
        endTime1.setMinutes(0)
        endTime1.setSeconds(0)


        var endTime2 = new Date()
        endTime2.setHours(22)
        endTime2.setMinutes(0)
        endTime2.setSeconds(0)


        if (date.getDay() === 1) { // ist es Montag
            // Ja, es ist Montag
            e.innerHTML = 'Jetzt geschlossen' // schreibe "geschlossen" auf die Seite
            e.style.color = 'red' // färbe die Schrift Rot
        } else { // wenn kein Montag ist
            // es ist nicht Montag
            if (date.getHours() >= 12 && date.getTime() < endTime1.getTime()) { // ist es zwischen 12:00 und 15:00
                e.innerHTML = 'Jetzt geöffnet' // schreibe "geöffnet" auf die Seite
                e.style.color = 'green' // färbe die Schrift Grün
            } else if (date.getHours() >= 18 && date.getTime() < endTime2.getTime()) { // ist es zwischen 18:00 und 22:00
                e.innerHTML = 'Jetzt geöffnet' // schreibe "geöffnet" auf die Seite
                e.style.color = 'green' // färbe die Schrift Grün
            } else { // außerhalb der Öffnungszeiten
                e.innerHTML = 'Jetzt geschlossen' // schreibe "geschlossen" auf die Seite
                e.style.color = 'red' // färbe die Schrift Rot
            }
        }
    }

    Buggyboy

    • Fördermitglied
    • Beiträge: 968
    • Geschlecht:
    Re: Kleines Java Script - Hilfe...
    Antwort #2 am: 11. Juni 2021, 17:04:18
    Hallo Awids!

    Erst einmal vielen Dank für die schnelle reaktion.

    leider wird momentan garnichts angezeigt.

    orpheas-bremen.de - stehen sollte das über den Öffnungszeiten.
    Dein Script habe ich natürlich eingebaut.
    Oder kannst Du was sehen?
    Dann müsste ich mal Cache leeren oder so, aber auf dem Smartphone wird es auch nicht angezeigt...

    LG
    Peter

    awids

    • Experte
    • Beiträge: 3.782
    • Geschlecht:
    Re: Kleines Java Script - Hilfe...
    Antwort #3 am: 11. Juni 2021, 17:15:10
    Im Quelltext kann ich nur folgendes sehen:

    Code: Javascript  [Auswählen]
        <script defer>
            AOS.init();
        </script>

    Wenn du das ursprüngliche Script wieder einbaust und dir was angezeigt werden sollte, liegt wahrscheinlich ein Script-Fehler in meiner Anpassung vor. JavaScript ist leider nicht meine Lieblingssprache.

    awids

    • Experte
    • Beiträge: 3.782
    • Geschlecht:
    Re: Kleines Java Script - Hilfe...
    Antwort #4 am: 11. Juni 2021, 17:19:45
    Hast du Javascript wieder aktiviert?

    Buggyboy

    • Fördermitglied
    • Beiträge: 968
    • Geschlecht:
    Re: Kleines Java Script - Hilfe...
    Antwort #5 am: 11. Juni 2021, 17:21:38
    Hi.

    Da Du ja mein oben verlinktes genommen hast, ja, das stand noch auf true.

    Habe jetzt mal das alte genommen und auf true gestellt und es wird angezeigt: Jetzt geschlossen...

    Peter

    awids

    • Experte
    • Beiträge: 3.782
    • Geschlecht:
    Re: Kleines Java Script - Hilfe...
    Antwort #6 am: 11. Juni 2021, 17:27:52
    Dann deaktiviere es erst mal wieder, bis sich ein JavaScript-Experte meine Script-Erweiterung angeschaut hat. Kann das aktuell nirgends testen oder gegenprüfen, da ich noch auf der Arbeit bin.

    Buggyboy

    • Fördermitglied
    • Beiträge: 968
    • Geschlecht:
    Re: Kleines Java Script - Hilfe...
    Antwort #7 am: 11. Juni 2021, 17:36:41
    danke... ;-}

    Es funktioniert ja trotzdem, nur eben mit der Zeit von 18-22 Uhr.

    Peter

    Hans Bambel

    • Mitglied
    • Beiträge: 117
    Re: Kleines Java Script - Hilfe...
    Antwort #8 am: 11. Juni 2021, 17:47:19
    Könntest probieren in deinem ursprünglichen Script die Zeile
    Code: Javascript  [Auswählen]
    if (date.getHours() >= 17 && date.getTime() < endTime.getTime())
    mit
    Code: Javascript  [Auswählen]
    if ((date.getHours() >= 12 && date.getHours() < 15) || (date.getHours() >= 18 && date.getHours() < 22) )
    zu ersetzen...

    Buggyboy

    • Fördermitglied
    • Beiträge: 968
    • Geschlecht:
    Re: Kleines Java Script - Hilfe...
    Antwort #9 am: 11. Juni 2021, 17:52:29
    Hallo Hans!

    Damit wird leider wieder nichts mehr angezeigt...

    LG
    Peter

    Hans Bambel

    • Mitglied
    • Beiträge: 117
    Re: Kleines Java Script - Hilfe...
    Antwort #10 am: 11. Juni 2021, 17:57:44
    Rufst du das Javascript im head-Bereich oder am Ende der Seite auf?

    Code: Text  [Auswählen]
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <div id="open"></div>
       
        <script type="text/javascript">
            const shouldCheckOpen = true; // wenn es nicht geprüft werden soll, Wert von "true" auf "false" setzen

            if (shouldCheckOpen) {
                const e = document.getElementById('open');
                const date = new Date(); // heutiges Datum

                if (date.getDay() === 1) { // ist es Montag
                    // Ja, es ist Montag
                    e.innerHTML = 'Jetzt geschlossen'; // schreibe "geschlossen" auf die Seite
                    e.style.color = 'red'; // färbe die Schrift Rot
                } else { // wenn kein Montag ist
                    // es ist nicht Montag
                    if (    (date.getHours() >= 12 && date.getHours() < 15) ||
                            (date.getHours() >= 17 && date.getHours() < 22) )
                            { // ist es zwischen 12 und 15 Uhr oder 18 und 22 Uhr
                        e.innerHTML = 'Jetzt geöffnet'; // schreibe "geöffnet" auf die Seite
                        e.style.color = 'green'; // färbe die Schrift Grün
                    } else { // es ist NICHT zwischen 17:00 und 20:30
                        e.innerHTML = 'Jetzt geschlossen'; // schreibe "geschlossen" auf die Seite
                        e.style.color = 'red'; // färbe die Schrift Rot
                    }
                }
            }
        </script>
    </body>
    </html>
     

    So funktionierts bei mir...

    Buggyboy

    • Fördermitglied
    • Beiträge: 968
    • Geschlecht:
    Re: Kleines Java Script - Hilfe...
    Antwort #11 am: 11. Juni 2021, 18:00:01
    So wie es aussieht im Head-Bereich:

    Code: Javascript  [Auswählen]
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="keywords" content="Orpheas,Rastaurant,Lesumbrücke,Burger Brücke,Bremen,Grieche,Bremen-Nord,Burg,Burgdamm,Lesum,Grieche an der Lesumbrücke,Speisekarte Orpheas,Orpheas Speisekarte,Speisekarte,homepage orpheas restaurant lesumbrücke">
        <meta name="author" content="Oskar Kellermann">
        <link rel="stylesheet" href="./css/main.css">
        <link rel="stylesheet" href="./css/front-page.css">
        <link rel="stylesheet" href="./css/image-page.css">
        <link rel="stylesheet" href="./css/corona-specials.css">
        <link rel="stylesheet" href="./css/order-food.css">
        <link rel="stylesheet" href="./css/footer.css">

        <!-- AOS -->
        <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
        <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
        <!-- AOS -->

        <script defer src="./src/script.js"></script>
        <noscript>aktivieren sie JavaScript um alle Funktionen zu nutzen</noscript>
        <title>Restaurant Oprheas Bremen</title>
    </head>

    Peter

    awids

    • Experte
    • Beiträge: 3.782
    • Geschlecht:
    Re: Kleines Java Script - Hilfe...
    Antwort #12 am: 11. Juni 2021, 20:53:10
    Hast du meine Scriptversion komplett von Anfang bis Ende übernommen oder nur die if-Abfrage?

    Habe das jetzt nachgestellt und bei mir wird es angezeigt. Daher meine Frage, ob du mein komplettes Script übernommen hast. Denn wenn du nur die if-Abfrage überschrieben hast, fehlen die neuen Variablen oben, die ich für die Abfrage neu definiert habe. Und ohne die kann ja auch nichts angezeigt werden.

    script.js
    Code: Javascript  [Auswählen]
    AOS.init() // für Animationen




    /*
     * Dieses Script schreibt auf die Seite, ob das Restaurant offen hat oder nicht
     */





    const shouldCheckOpen = true; // wenn es nicht geprueft werden soll, Wert von "true" auf "false" setzen




    if (shouldCheckOpen) {
        const e = document.getElementById('open');
        const date = new Date(); // heutiges Datum


        var endTime1 = new Date();
        endTime1.setHours(15);
        endTime1.setMinutes(0);
        endTime1.setSeconds(0);


        var endTime2 = new Date();
        endTime2.setHours(22);
        endTime2.setMinutes(0);
        endTime2.setSeconds(0);


        // es ist Montag
        if (date.getDay() === 1) {
            e.innerHTML = 'Jetzt geschlossen';
            e.style.color = 'red';
        // wenn kein Montag ist
        } else {
            // es ist zwischen 12:00 und 15:00
            if (date.getHours() >= 12 && date.getTime() < endTime1.getTime()) {
                e.innerHTML = 'Jetzt geöffnet';
                e.style.color = 'green';
            // es ist zwischen 18:00 und 22:00
            } else if (date.getHours() >= 18 && date.getTime() < endTime2.getTime()) {
                e.innerHTML = 'Jetzt geöffnet';
                e.style.color = 'green';
            // außerhalb der Oeffnungszeiten
            } else {
                e.innerHTML = 'Jetzt geschlossen';
                e.style.color = 'red';
            }
        }
    }

    Buggyboy

    • Fördermitglied
    • Beiträge: 968
    • Geschlecht:
    Re: Kleines Java Script - Hilfe...
    Antwort #13 am: 11. Juni 2021, 22:02:16
    Hi.

    Ich hatte eigentlich den ganzen Text von Dir dort eingefügt.

    Hab es jetzt nochmal gemacht.
    Anscheinend funktioniert es.
    Werde morgen mal um 12 Uhr schauen, ob es dann auch noch geht.

    Vielen Dank erst einmal für Deine/Eure Hilfe.

    LG
    Peter

    Buggyboy

    • Fördermitglied
    • Beiträge: 968
    • Geschlecht:
    Re: Kleines Java Script - Hilfe...
    Antwort #14 am: 11. Juni 2021, 22:03:15
    Ich glaube ich habe vorher die letzte Klammer nicht mit erwischt...
    0 Antworten
    1597 Aufrufe
    14. November 2010, 14:51:15 von byps
    5 Antworten
    3502 Aufrufe
    21. Oktober 2011, 11:43:10 von Maria87
    3 Antworten
    2897 Aufrufe
    17. Januar 2014, 09:11:58 von webald
    5 Antworten
    3060 Aufrufe
    28. Februar 2013, 21:26:10 von JZ_Aqua
               
    anything