Javascript-forum

Durchsuche Foren

Foren-Statistiken

» Mitglieder: 43.498
» Neuestes Mitglied: anuskhaescorts0
» Foren-Themen: 522
» Foren-Beiträge: 2.118

Komplettstatistiken

Benutzer Online

Momentan sind 61 Benutzer online
» 1 Mitglieder
» 57 Gäste
Bing, Facebook, Google, soyaarya91

Aktive Themen

Call Now 9899988101 Best ...
Forum: Javascript
Letzter Beitrag: anuskhaescorts0
Vor 1 Stunde
» Antworten: 0
» Ansichten: 3

Payment Gateway for Onlin...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: benjaminmassy
Gestern, 11:01
» Antworten: 0
» Ansichten: 12

What are the drug interac...
Forum: Javascript
Letzter Beitrag: azaviona
Gestern, 07:24
» Antworten: 0
» Ansichten: 19

Hall an alle
Forum: Seid ihr neu ?
Letzter Beitrag: Andreas
08.05.2024, 14:32
» Antworten: 0
» Ansichten: 14

Ghostbusters frozen empir...
Forum: Javascript
Letzter Beitrag: foreverjackets
06.05.2024, 20:23
» Antworten: 0
» Ansichten: 39

Alert Fenster
Forum: Javascript
Letzter Beitrag: Sempervivum
04.05.2024, 18:25
» Antworten: 2
» Ansichten: 52

How does Tadalista affect...
Forum: Php
Letzter Beitrag: azaviona
03.05.2024, 09:36
» Antworten: 0
» Ansichten: 57

https://blog.indiagpt.com...
Forum: Javascript
Letzter Beitrag: indiagpt
03.05.2024, 08:18
» Antworten: 0
» Ansichten: 77

Unlocking the Mystery: Ne...
Forum: Datenbanken
Letzter Beitrag: richardrussel
02.05.2024, 10:20
» Antworten: 0
» Ansichten: 61

Best career counsellor in...
Forum: CoffeeScript
Letzter Beitrag: Captain12
02.05.2024, 08:13
» Antworten: 0
» Ansichten: 67

sichtbare inputs finden

Geschrieben von: mike64 - 15.01.2024, 14:52 - Forum: Javascript - Antworten (2)

Hallo

ich hänge gerade bei einer Validierung von Eingaben in einem Modalfenster fest

Darin gibt es mehrere DIVs, die je nach Bedarf Input Felder ein und ausblenden.

Beim Verlassen rufe ich mit:

Code:
    var inputs = document.getElementsByTagName("input");

alle inputs des Modals auf.
Da sind aber auch die von den DIVs ausgeblendeten Felder mit drin, die ich hier gar nicht haben möchte.

Dann kommt eine Validitätsprüfung vereinfacht so dargestellt:

Code:
for (var i = 0; i < inputs.length; i++) 

        { 

          if ((inputs[i].  S I C H T B A R) && (!inputs[i].reportValidity()))

          {

            valid=false;

          }

                }

Jetzt finde ich nach langem Suchen keine Filtermöglichkeit auf die tatsächlich sichtbaren Inputs.
Ansonsten funktioniert das einwandfrei.

Kann jemand helfen?

MQTT Werte extrahieren

Geschrieben von: Anfänger - 10.01.2024, 15:06 - Forum: Javascript - Antworten (2)

Halllo, ich bin absoluter Anfänger im Bereich Webseiten vorab.
Ich habe viele umfangreiche Node-Red Dashboards und möchte gern einiges davon auf einer eigenen Webseite darstellen.

Schritt 1 habe ich geschafft: Zwei MQTT Live Werte kriege ich in der Browser Konsole angezeigt.
Schritt 2 kriege ich nicht hin: Die MQTT Werte auf der eigentlichen Webseite darzustellen

(Wenn Schritt 2 klappt, will ich mich dann um ein Design kümmern, z.B. ein Bild meiner Wärmepumpe und dort dann Textfelder dran tüddeln mit den Live Werten usw.)

Wäre nett wenn ihr mir zeigt wie ich "client.subscribe("VLT")" in html kriege.

Mein bisheriger Code:

Code:
<!doctype html>

<html lang="de">

<head>

    <meta charset="UTF-8">

    <title>MQTT Test</title>

    <meta name="MQTT Versuch" content="MQTT Versucht einzubinden">

    <script src="https://cdnjs.cloudflare.com/ajax/libs/paho-mqtt/1.0.1/mqttws31.min.js"

        type="text/javascript"></script>

    <script type="text/javascript" language="javascript">

        // Create a client instance

        const clientId = 'mqttjs_' + Math.random().toString(16).substr(2, 8);

        client = new Paho.MQTT.Client("192.168.168.9", Number(9001), clientId);

        // set callback handlers

        client.onConnectionLost = onConnectionLost;

        client.onMessageArrived = onMessageArrived;

        // connect the client

        client.connect({ onSuccess: onConnect });

        // called when the client connects

        function onConnect() {

            // Once a connection has been made, make a subscription and send a message.

            console.log("Verbindung hergestellt");

            client.subscribe("VLT");

            client.subscribe("RLT");

        }

        // called when the client loses its connection

        function onConnectionLost(responseObject) {

            if (responseObject.errorCode !== 0) {

                console.log("Verbindung verloren:" + responseObject.errorMessage);

            }

        }

        // called when a message arrives

        function onMessageArrived(message) {

            console.log("Beschreibung: " + message.destinationName);

            console.log("Nachricht: " + message.payloadString);

        }

    </script>

</head>

<body>

    <h1>meine Wärmepumpe</h1>

    <p>Livewert VLT: </p>

    <p>Livewert RLT: </p>

</body>

</html>

Sollte man den ganzen script Teil besser in eine 2. Datei auslagern anstatt im "head" ?

MfG

javascript in html einbinden

Geschrieben von: haiflosse - 01.01.2024, 20:25 - Forum: Javascript - Antworten (4)

Hallo!
Ich verwende folgenden javascript code in einer externen Datei:

Code:
// Ziel-Datum in MEZ

      var jahr=2024, monat=6, tag=03, stunde=08, minute=00, sekunde=00;

      var zielDatum=new Date(jahr,monat-1,tag,stunde,minute,sekunde);

      function countdown() {

        startDatum=new Date(); // Aktuelles Datum

        // Countdown berechnen und anzeigen, bis Ziel-Datum erreicht ist

        if(startDatum<zielDatum)  {

          var jahre=0, monate=0, tage=0, stunden=0, minuten=0, sekunden=0;

          // Jahre

          while(startDatum<zielDatum) {

            jahre++;

            startDatum.setFullYear(startDatum.getFullYear()+1);

          }

          startDatum.setFullYear(startDatum.getFullYear()-1);

          jahre--;

          // Monate

          while(startDatum<zielDatum) {

            monate++;

            startDatum.setMonth(startDatum.getMonth()+1);

          }

          startDatum.setMonth(startDatum.getMonth()-1);

          monate--;

          // Tage

          while(startDatum.getTime()+(24*60*60*1000)<zielDatum) {

            tage++;

            startDatum.setTime(startDatum.getTime()+(24*60*60*1000));

          }

          // Stunden

          stunden=Math.floor((zielDatum-startDatum)/(60*60*1000));

          startDatum.setTime(startDatum.getTime()+stunden*60*60*1000);

          // Minuten

          minuten=Math.floor((zielDatum-startDatum)/(60*1000));

          startDatum.setTime(startDatum.getTime()+minuten*60*1000);

          // Sekunden

          sekunden=Math.floor((zielDatum-startDatum)/1000);

          // Anzeige formatieren

          //(jahre!=1)?jahre=jahre+" y,  ":jahre=jahre+" y,  ";

          (monate!=1)?monate=monate+" Monate,  ":monate=monate+" Monate,  ";   

          (tage!=1)?tage=tage+" Tage,  ":tage=tage+" Tage,  ";                 

          (stunden!=1)?stunden=stunden+" Std.,  ":stunden=stunden+" Std.,  ";   

          (minuten!=1)?minuten=minuten+" Min.,  ":minuten=minuten+" Min.,  ";  

          if(sekunden<10) sekunden="0"+sekunden;                             

          (sekunden!=1)?sekunden=sekunden+" Sek.":sekunden=sekunden+" Sek.";   

              //document.getElementById("zeit").innerHTML =jahre+monate+tage+stunden+minuten+sekunden;

            document.getElementById("zeit").innerHTML ="noch: "+monate+tage+stunden+minuten+sekunden;

          setTimeout('countdown()',200);

        }

        // Anderenfalls alles auf Null setzen

        else document.getElementById("zeit").innerHTML=

            "0 Monate,  0 Tage,  0 Std.,  0 Min.,  00 Sek.";

      }

in der html Datei binde ich den Code wie folgt ein und rufe die Funktion countdown() beim Laden der html Datei auf.

Code:
<!DOCTYPE html>

<html>

<head>

<script src="zeit.js"></script>

</head>

<body onLoad="countdown(); ">

<div id="zeit"></div>

</body>

</html>

In jedem Browser außer beim Firefox funktioniert dies.
Beim Browser Firefox muss ich den Code von zeit.js direkt in dei html Datei einbinden, dann funktioneirt es auch.
Daher wollte ich fragen, was ich ändern muss, damit es auch im Browser Firefox funktioniert.
Danke

Source einer <img> Komponente mit JS verändern

Geschrieben von: stamp1t - 01.01.2024, 02:17 - Forum: Javascript - Antworten (4)

Hi, ich weiß gerade wirklcih nicht mehr weiter.
Ich möchte mit einem Funktionsaufruf die Quelle eines Bildes verändern.
Das ist mein Code:

Code:
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>League Rank Overlay</title>

    <link rel="stylesheet" href="style2.css">

</head>

<body>

    <div id="rank-overlay">

       <div id="top-side">

        <div id="left-side">

            <div>

            <img id="icon" src="rank_icons/master.png", alt="Icon"></img>

            </div>

        </div>

            <div id="right-side">

                <div id="rank-text">

                    <div id="player-name"> Eliisboss </div>

                    <span id="rank-division">2</span>

                    <span id="rank-tier">Diamond</span>

                    <span id="rank-lp">54lp</span>

                </div>

            </div>

       </div>

        <div id="bottom-side">

            <div id="profile-link">

                <div>www.op.gg/summoners/euw/Eliisboss </div>

            </div>

        </div>

    </div>

    <!-- Einbindung des JavaScript am Ende des Body -->

    <script src="overlay.js"></script>

</body>

</html>

Code:
function updateOverlay(data) {

    document.getElementById("rank-tier").textContent = data.rank;

    document.getElementById("rank-division").textContent = data.division;

    document.getElementById("rank-lp").textContent = data.lp;

    document.getElementById("summoner-name").textContent = data.player;

    document.getElementById("profile-link").textContent = "www.op.gg/summoners/euw/" + data.summonerName;

    document.getElementById("icon").src = "rank_icons/Grandmaster.png";

    document.getElementById("player-name").textContent = data.player;

}

Weiß eventuell jemand, woran es liegt?
Danke!

commonjs mit mongodb verbinden

Geschrieben von: Poolgate - 30.12.2023, 17:14 - Forum: Javascript - Antworten (6)

Hallo Liebe Community,

nun ich lerne gerade JavaScript und möchte gerne eine mongodb-Datenbank mit meinen Projekt verbinden.
Ich habe Docker verwendet um eine MongoDB zu erstellen. Weiterhin wurde VS Code und Atlas verlinkt und ich kann manuell auf die Datenbank zufgreifen und die Collections "characters" sehen.

Hier ist der Code, der nicht funktioniert:

Code:
const MongoClient = require('mongodb').MongoClient;

const connectingstring = 'mongodb://localhost/database';

MongoClient.connect(connectingstring, (err, db) => {

    if (err) {

        console.log('Database wurde nicht verbunden!');

        process.exit(1);

    }

    console.log('Datenbank ist verbunden');

    const characters = db.collection('characters');

    console.log(characters.name);

    db.close();

});

Wenn ich mein Script unter nodejs aufführe, erwarte ich eigentlich ein console.log() ausdruck, was nicht kommt. Mein Terminal befindet sich in eine Endlosschleife. Wenn ich das Objekt "MongoClient.connect()" eine Variable zuweise und mir mit console.log() anzeigen lasse, erhalte ich ein Promise mit dem Attribut "pending".

Es wäre nett, wenn mir einer hier helfen würde.

viele Grüße
Poolgate

Bitte um Hilfe zu PDF Signaturfeld

Geschrieben von: LIDSCH - 14.12.2023, 11:37 - Forum: Javascript - Keine Antworten

Ich habe folgendes Problem:
Mir liegen eine mehrzahl von ausgefüllten PDF Formularen, unteranderen mit jeweils 6 Signaturfeldern, vor.
Nun möchte ich die Formulardaten auslesen was auch mit alle "normalen" Feldern nur eben nicht mit den Signaturfeldern funktioniert.

Nun meine Frage:
Gint es die Möglichkeit das Signaturfeld mit einem Script zubelegen, sodass wenn eine Signatur eingetragen wurde z.B. eine Checkbox geschalten wird?

Ich bin sehr neu hier und leider in blutiger Anfänger.

Grüß Lidsch

Bitte um Hilfe - Kalenderprojekt

Geschrieben von: Javafan - 06.12.2023, 16:02 - Forum: Javascript - Antworten (3)

Moin,
ich suche Hilfe als Java-Unbedarfter, da ich anscheinend die einfachsten Funktionen nicht fehlerfrei hinbekomme.

Ich stricke an einem Kalenderprojekt, das Datumsangaben aus verschiedenen Kalendern umrechnen kann. Derzeit versuche ich, einen bereits bestehenden Datumsrechner für meine Zwecke umzumodeln.

Ich habe eine Ein-/Ausgabemaske in HTML. Zuerst soll nur ein Wert in ein definiertes Eingabefeld eingegeben werden, der nach Klick auf einen Button in ein definiertes Ausgabefeld übetragen und angezeigt wird. Ich möchte dazu die Funktionen
document.getElementById("XYZ").value

zum Einlesen und

document.getElementById("ABC").innerHTML = ABC

zur Ausgabe nutzen. Klappt aber leider nicht ;-)

Vielleicht ist jemand so nett und hilft mir mal über diese Schwelle....

Dateiaustausch gerne über PM.

Danke! Big Grin

Auswertungsscript

Geschrieben von: fly@weflyhigh.de - 05.12.2023, 17:48 - Forum: Brauche Javascript / Userscript - Antworten (1)

Hallo zusammen, ich habe folgendes script erstellt (mit hilfe von ChatGpt), es funktioniert aber noch nicht 100% korrekt.

Aufgabe: Auswertung von 5 Fragepaaren zu je einer Eigenschaft, z.B. Risikobereitschaft
Pro Frage 3 mögliche Antworten, Antwort A=25 punkte, Frage B=50 Punkte, Frage C=100 punkte. Diese punkte sollen in eine Auswertung fliessen, welche die jeweilige Eigenschaft in % Zutreffend ausgibt, also z.B. zweimal Antwort B = 50% zutreffend usw.

Ich habe den code auf der Seite eingebettet, aber die Auswertung findet nicht statt. Sie sollte ungefähr so aussehen, das : Dein Wert für: Ängstlichkeit 25% (also abhängig von der punktzahl beider Antworten), diese Auswertung bleibt stehen, die nächsten 2 Fragen erscheinen, nach Beantwortung wird ausgewertet usw bis Fragepaar 5.
Danach soll ein Text erscheinen, der die Auswertung kurz beschreibt, da fehlt noch der code.

Wäre super wenn jemand hier sich das mal anschauen könnte, habe auch paypal Smile

Das ganze ist ein privates non profit projekt, das zur info.

Hier der Link : www.weflyhigh.de/about-4

Vielen Dank schon mal, Christian

Datenaustausch PHP -> Javascript

Geschrieben von: dk1ri - 02.12.2023, 10:38 - Forum: Javascript - Antworten (1)

Zuerst: Meine Javascript Kenntnisse sind (noch) gering.

Ich habe ein (groesseres) PHP script, das Webseiten zur Steuerung von Geräten (Messgeräte, IOT...) automatisch erstellt. Die Seite sieht sehr einfach aus und mit Javascript kann man das etwas aufhuebschen.

Zunächst aber möchte ich in zeitlichen Abstaenden automatisch Messwerte auslesen und die Seite updaten, nicht nur mit Mausklick. Das geht wohl mit setInterval.

Das funtioniert zwar auch noch nicht richtig (ich muss eben noch einiiges lernen), aber zunächst die Frage:

Wie bekomme ich die Intervallzeit fuer setInterval , die in PHP in einer $_SESSION variable steht, nach Javascript?

Tnx für einen Tip
Guenter

Toggle logic

Geschrieben von: chunked - 25.11.2023, 16:09 - Forum: Javascript - Antworten (4)

Hallo,

ich habe Probleme nachzuvollziehen, wieso meine Toggle Logik nicht wie erwartet funktioniert:

hier mein Skript:

Code:
'use strict';

document.addEventListener("DOMContentLoaded", () => {

    const toggles = document.getElementsByClassName("toggle")

    //iteriere über die Elemente

    for(const toggle of toggles){

        //auf event reagieren

        toggle.addEventListener("click",() =>{

            // console.log("Wurde geklickt aktuell" + toggle.checked)

            // toggle.checked = !toggle.checked

            // console.log("Wurde geklickt danach" + toggle.checked)

            console.log("Wurde geklickt aktuell" + toggle.checked)

            toggle.checked = (!toggle.checked)

            console.log("Wurde geklickt danach" + toggle.checked)

        })

    }

});

hier ist die HTML die ich nutze. Die CSS Dateien habe ich beim Testsen auch mal komplett raus gemacht. Tatsächlich konnte ich aber auch nichts finden was toggle.checked irgendwie verändert:

Code:
<!doctype html>

<html lang="en">

    <head>

        <meta charset="utf-8">

        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Template • TodoMVC</title>

        <link rel="stylesheet" href="node_modules/todomvc-common/base.css">

        <link rel="stylesheet" href="node_modules/todomvc-app-css/index.css">

        <!-- CSS overrides - remove if you don't need it -->

    </head>

    <body>

        <section class="todoapp">

            <header class="header">

                <h1>todos</h1>

                <input class="new-todo" placeholder="What needs to be done?" autofocus>

            </header>

            <!-- This section should be hidden by default and shown when there are todos -->

            <section class="main">

                <input id="toggle-all" class="toggle-all" type="checkbox">

                <label for="toggle-all">Mark all as complete</label>

                <ul class="todo-list">

                    <!-- These are here just to show the structure of the list items -->

                    <!-- List items should get the class `editing` when editing and `completed` when marked as completed -->

                    <li class="completed">

                        <div class="view">

                            <input class="toggle" type="checkbox" checked>

                            <label>Taste JavaScript</label>

                            <button class="destroy"></button>

                        </div>

                        <input class="edit" value="Create a TodoMVC template">

                    </li>

                    <li class="completed">

                        <div class="view">

                            <input class="toggle" type="checkbox">

                            <label>Buy a unicorn</label>

                            <button class="destroy"></button>

                        </div>

                        <input class="edit" value="Rule the web">

                    </li>

                </ul>

            </section>

            <!-- This footer should hidden by default and shown when there are todos -->

            <footer class="footer">

                <!-- This should be `0 items left` by default -->

                <span class="todo-count"><strong>0</strong> item left</span>

                <!-- Hidden if no completed items are left ↓ -->

                <button class="clear-completed">Clear completed</button>

            </footer>

        </section>

        <footer class="info">

            <!-- Change this out with your name and url ↓ -->

            <p>Created by <a href="http://todomvc.com">you</a></p>

            <p>Part of <a href="http://todomvc.com">TodoMVC</a></p>

        </footer>

        <!-- Scripts here. Don't remove ↓ -->

        <script src="./node_modules\todomvc-common\base.js"></script>

        <script src="js/app.js"></script>

    </body>

</html>

ich habe hier auch mal ein Bild gemacht, bei dem ich die Konsolenausgabe ganz interessant finde. Es wird immer true dann false ausgegebeb. Eigentlich sollte ja dann als nächstes false dann true sein.

[Bild: Nz5AMJV]

danke schonmal für die Hife.

Seiten (52): « Zurück 1 … 4 5 6 7 8 … 52 Weiter »

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken