Durchsuche Foren

(Erweiterte Suche)

Foren-Statistiken
» Mitglieder: 43.433
» Neuestes Mitglied: seekerpleasure
» Foren-Themen: 506
» Foren-Beiträge: 2.098

Komplettstatistiken

Benutzer Online
Momentan sind 60 Benutzer online
» 1 Mitglieder
» 56 Gäste
Bing, Facebook, Google, Sempervivum

Aktive Themen
div(tabelle) neugeladen b...
Forum: Javascript
Letzter Beitrag: black79
26.04.2024, 16:40
» Antworten: 4
» Ansichten: 65
What are the psychologica...
Forum: Css
Letzter Beitrag: azaviona
26.04.2024, 07:58
» Antworten: 0
» Ansichten: 20
Ajax Abfrage
Forum: Php
Letzter Beitrag: taxlegit24
25.04.2024, 06:43
» Antworten: 3
» Ansichten: 377
Probleme Firebase Databas...
Forum: Javascript
Letzter Beitrag: PrimoCenturio
22.04.2024, 14:15
» Antworten: 4
» Ansichten: 133
Verbindung von Entscheidu...
Forum: Javascript
Letzter Beitrag: Ashriel
16.04.2024, 11:02
» Antworten: 3
» Ansichten: 123
Neu laden ohne Scrolling
Forum: Javascript
Letzter Beitrag: Tom
16.04.2024, 08:48
» Antworten: 0
» Ansichten: 41
Formularfelder addieren u...
Forum: Javascript
Letzter Beitrag: heena123
16.04.2024, 08:03
» Antworten: 17
» Ansichten: 387
FMOVIES
Forum: Javascript
Letzter Beitrag: xomanig690
16.04.2024, 07:07
» Antworten: 0
» Ansichten: 45
Spam gelöscht
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: rzscout
10.04.2024, 23:37
» Antworten: 0
» Ansichten: 186
Reihenfolge der Karten
Forum: Brauche Javascript / Userscript
Letzter Beitrag: hardee
10.04.2024, 17:54
» Antworten: 4
» Ansichten: 128

  Java Script Websocket closes immediately after creation
Geschrieben von: DavidB - 08.11.2022, 14:56 - Forum: Javascript - Antworten (1)

Hey, 
I'm relatively new to the java script world,
I'm trying to send a message with a java script websocket.

Code:
var ws = new WebSocket("ws://".concat(host_ip.concat(":8765")));

document.addEventListener('keyup', (e) => {
        //If I create the websocket here it works
        //var ws = new WebSocket("ws://".concat(host_ip.concat(":8765")));
        ws.onopen = function(event){
            console.log(ws);
            ws.send("TestMessage");
        }
});
If I create the websocket outside the addEventListener method the connection is closed (ready state 3)
when I try to send "TestMessage" by releasing the 'keyup' key.

If I create the websocket within the addEventListener method everything works just fine.
However when I'm sending too many messages successively the connection stops.

Has someone an idea why it does not work in the first case? Is this maybe some js variable out of scope error?

Drucke diesen Beitrag

  Java Script Websocket closes connection directly after creation
Geschrieben von: JS_learner - 08.11.2022, 13:23 - Forum: Javascript - Keine Antworten

Hey I'm relatively new to the java script world,
I'm trying to send a message with a java script websocket.

Code:
var ws = new WebSocket("ws://192.168.179.52:8765"));
document.addEventListener('keyup', (e) => {
    //when I create the websocket here it works
    //var ws = new WebSocket("ws://192.168.179.52:8765")));
    ws.onopen = function(event){
            console.log(ws);
            ws.send("TestMessage");
    }
});

If I create the websocket variable outside of my addEventListener the websocket 
will be closed immediately (ready state 3) when I try to send "TestMessage".
If I create the websocket within the addEventListener method everything works just fine.
However when I'm sending too many messages successively the connection stops.
Has someone an idea why it does not work in the first case? Is this maybe some js variable out of scope error?

Drucke diesen Beitrag

  Soundausgabe mit audio.play() und onmouseover
Geschrieben von: ollelinse - 06.11.2022, 18:58 - Forum: Javascript - Antworten (13)

Hallo in die Runde. Ich erstelle monatlich ein Online-Comic-Kalenderblatt und lasse mir dabei unter Verwendung von JavaScript immer wieder neue Effekte einfallen, die Sache etwas interessanter zu machen. Klappt auch im Prinzip sehr gut - aber jetzt könnte ich mal einen Hinweis gebrauchen. Schon des Öfteren habe ich mit der einfachen Funktion:

function Sound(s) {
  var audio = new Audio(s);
  audio.volume = 0.5;
  audio.play();
}


Soundeffekte bei einem onclick-Ereignis aus einem "area shape" eingebunden. Diesmal soll zusätzlich auch bei mouseover

Drucke diesen Beitrag

  Debuggen mit Mozilla Firefox: Variablen überwachen
Geschrieben von: nbergmann - 06.11.2022, 16:55 - Forum: Javascript - Antworten (1)

Mein Lehrbuch erklärt das für Chrome so:
Registerkarte "Watch" unten links anklicken.
Wie geht das mit Mozilla Firefox? Ich finde in deren Debug-Fenster einen derartigen Button nicht.

Drucke diesen Beitrag

Big Grin Telegram Bot Javascript
Geschrieben von: PalaAzab - 04.11.2022, 02:40 - Forum: Brauche Javascript / Userscript - Antworten (4)

Hallo zsm,
ich bräuchte Hilfe bei einem Javascript.
Habe ein Script, für einen Telegram Bot zum posten und Bestellungen annehmen von einem Kollegen bekommen, in diesem Script sind die Daten von ihm noch eingeben und müssten mit meinen Daten ersetzt werden. Leider habe ich keinerlei Erfahrung mit Javascripts und mein Kollege erst recht nicht^^
Der Bot soll ein paar Produkte von meinem Google Sheet bekommen, nachdem ich diese dort eingetragen habe und auch falls Bestellungen geordert werden (was leider nicht oft vorkommt Big Grin ) annehmen.
Würde mich freuen, wenn sich jmd. meldet und mir helfen könnte bzw. den Script sich mal angucken könnte

Thx Cool Cool

Drucke diesen Beitrag

  Was ist falsch?
Geschrieben von: Roaden - 01.11.2022, 22:30 - Forum: Javascript - Antworten (1)

[code=javascript]
const celsius = getRandomInt(100);

Kelvinraten1(prompt('Claus sagt: Wieviel Grad Kelvin sind ' + celsius + ' Grad Celsius?'));
function Kelvinraten1(x) {
if ( x === celsius + 273.15 ) {
console.log('Claus sagt: Großartig hast du geraten, bei der 1ten Frage');
} else {
console.log('Claus sagt: Du hast die richtige Antwort leider verfehlt');

}

}
function getRandomInt(max) {
return Math. floor(Math. random() * max);
}
[/code]



Ich schreibe das richtige Ergebnis rein aber es geht nicht.

Drucke diesen Beitrag

  2 für mich identische Programme liefern Tabellen in unterschiedlcher Formatierung
Geschrieben von: nbergmann - 01.11.2022, 09:40 - Forum: Javascript - Antworten (4)

Hier sind die beiden Codes:
<!DOCTYPE html><html lang="de">
<head>
  <meta charset="utf-8">
  <title>Übung, Tabelle</title>
  <link rel="stylesheet" href="js4.css">
</head>
<body>
  <script>
      document.write("<table>");
      for(let i=1; i<=5; i++)
      {
        document.write("<tr>");
        for(let k=1; k<=15; k++)
            document.write("<td>" + i * k + "</td>");
        document.write("</tr>");
      }
      document.write("</table>");
  </script>
</body>
</html>


-------------------------------------------------------------------------

Drucke diesen Beitrag

  appenChild Probleme
Geschrieben von: RicEfron - 31.10.2022, 22:08 - Forum: Javascript - Antworten (1)

Guten Abend an alle,

ich hab ein Problem mit "appendChild" egal ob ich ein Tutorial aus Google raussuche, ein Youtube Video oder was eigenes erstelle. Sobald es um "appendChild" geht erhalte ich immer Fehler beim Testen. "Uncaught TypeError: Cannot read properties of null (reading 'value')"

ich füge euch mal meine HTML und JS Codes ein vielleicht findet jemand meinen Fehler.
Nachfolgendes habe ich 1 zu 1 übernommen und bei mir erscheint der Fehler.
Quelle: Einkaufslisten Web-App - JavaScript Tutorial für Anfänger (lerneprogrammieren.de)

Index.html

Code:
<!DOCTYPE html>
<html lang="de">
<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">
    <link rel="stylesheet" href="./style.css" />
   
    <title>Einkaufsliste</title>
</head>
<body>
    <h1> Einkaufslisten App</h1>
    <img src="https://lerneprogrammieren.de/wordpress/wp-content/uploads/einkaufswagen.png" height="35px">

    <div>
        <input type="text" placeholder="Neuer Eintrag..">
        <button id="enter"> Hinzufügen</button>
    </div>

    <ul>
       
    </ul>


    <script src="./main.js"> </script>
</body>
</html>

main.js
Code:
var enterButton = document.getElementById("enter");
  var input = document.getElementById("benutzerInput");
  var ul = document.querySelector("ul");
  var item = document.getElementsByTagName("li");

  enterButton.addEventListener("click", erstellenEintrag);

  function erstellenEintrag() {
    var li = document.createElement("li");
    li.appendChild(document.createTextNode(input.value));
    ul.appendChild(li);
    input.value = "";
  } 

wenn ich die Zeilen "li.appendChild(...... und input.value= ""; entferne funktioniert das Erstellen eines leeren li elements ohne Probleme.

Drucke diesen Beitrag

  Kein Rückgabewert aus Funktion
Geschrieben von: Prominenter - 30.10.2022, 16:08 - Forum: Javascript - Antworten (3)

Hi@all

Code:
    // Skill Auswahl
    SkillArray = thisUserSkills.split(";");
    let text = 'Aus welchem Skill sollen Tickets zugewiesen werden?<br>';
    for (let i = 0; i < SkillArray.length; i++) {
        viewId    = SkillArray[i];
        initViews(viewId);
        console.log(viewName); // thats undefined
        text = text + '<br><div class="btn" onclick="changeView(\'' + viewId + '\', \'' + viewName + '\')" style="display:block;">' + viewId + ' - ' + viewName + '</div>';
    }
    document.getElementById('text01').innerHTML = text;

    // Init Views of View-ID an give Name of List
    function initViews(viewId) {
        let requestView = { type: 'GET', url: '/api/v2/views/' + viewId }

        client.request(requestView).then(function(data) {
                viewsData = data;
                viewName = data.view['title'];
                //console.log(viewName); // thats OK
            });
    }

Ich bekomme den Rückgabewert nicht übergeben initViews()

Thx@all

Drucke diesen Beitrag

  Slider Position über dynamische Variable update
Geschrieben von: Sigma - 29.10.2022, 15:42 - Forum: Javascript - Antworten (3)

Moin,

Ich habe einen Slider, die Position bzw. der Wert des Slider wird in eine Variable gespeichert. Jetzt hätte ich aber gern, dass es auch andersherum funktioniert, dass wenn sich der Wert der Variable ändert, sich ebenfalls die Position und der Wert des Slider verändert, also dynamisch quasi.

Code:
  <h2>Temperature Controll</h2>

  <div class="slidecontainer">
    <input autocomplete="off" type="range" min="0" max="500" value="0" class="slider" id="temp_input">
    <p>Temp_Value: <span id="temp_output"></span></p>
  </div>

  <script>
    var slider = document.getElementById("temp_input");
    var output = document.getElementById("temp_output");

    output.innerHTML = slider.value;

    slider.oninput = function()
    {
      output.innerHTML = this.value;
      //tempinput = slider;
    }

    slider.addEventListener("input", function(e)
    {
    tempinput = slider.value;
    });

  </script>


Die Variable tempinput sollte durch ein websocket event aktualisieret werden. Falls sich an dem Parameter etwas ändert.


Code:
    // Set_Temp1 | Slide value comes back from thread2 | set_temp1: tempinput
    if ( data_array[0] [0] === 'sensor_address' )
    {
      let tempinput = data_array[1] [1];

    }


Wäre es möglich bei dem Event receive.message vom Socket, für den slider einen EventListener zu bauen, der den Slider aktualisiert?

Irgendwie verstehe ich nicht, wie ich das am besten angehen soll... da aktuell der EventListener nur auf das manuelle Verschieben des Sliders schaut.

Würde mich über Tipps freuen, Danke im Voraus!


Grüße

Drucke diesen Beitrag