Durchsuche Foren

(Erweiterte Suche)

Foren-Statistiken
» Mitglieder: 43.263
» Neuestes Mitglied: stevenjohns726
» Foren-Themen: 508
» Foren-Beiträge: 2.071

Komplettstatistiken

Benutzer Online
Momentan sind 129 Benutzer online
» 0 Mitglieder
» 127 Gäste
Bing, Google

Aktive Themen
Careprost: Ways To Help E...
Forum: DataTables
Letzter Beitrag: stevenjohns726
Vor 3 Stunden
» Antworten: 0
» Ansichten: 4
Variable aus Funktion zur...
Forum: Javascript
Letzter Beitrag: Kai_Behncke
Gestern, 14:58
» Antworten: 2
» Ansichten: 24
Probleme mit Canvas
Forum: Javascript
Letzter Beitrag: Sempervivum
Gestern, 09:28
» Antworten: 5
» Ansichten: 96
Bildauswahl Reset
Forum: Javascript
Letzter Beitrag: Sempervivum
25.03.2024, 05:38
» Antworten: 6
» Ansichten: 100
HTML Tabelle filtern + Na...
Forum: Javascript
Letzter Beitrag: Sempervivum
24.03.2024, 17:31
» Antworten: 1
» Ansichten: 53
Grid oder Flex
Forum: Css
Letzter Beitrag: Sempervivum
22.03.2024, 16:29
» Antworten: 5
» Ansichten: 139
Class in PHP While anspre...
Forum: Javascript
Letzter Beitrag: saturnus
22.03.2024, 06:55
» Antworten: 4
» Ansichten: 66
Unleashing Potency: The I...
Forum: Javascript
Letzter Beitrag: irenejoshi1717
21.03.2024, 12:03
» Antworten: 0
» Ansichten: 28
CSS Animationen verbinden
Forum: Css
Letzter Beitrag: AndreasB
21.03.2024, 08:23
» Antworten: 8
» Ansichten: 166
Fetch Problem mit Sidebar...
Forum: Javascript
Letzter Beitrag: tiger5nrg
19.03.2024, 14:08
» Antworten: 7
» Ansichten: 165

Sad [JS] Chrome Erweiterung - Text per chrome.scripting.executeScript an js-Datei senden
Geschrieben von: NGxDTV - 01.12.2022, 11:26 - Forum: Javascript - Antworten (3)

Schönen guten Tag,

direkt vorweg, ich habe gestern das erst mal in JS irgendwas geschrieben.

Ich möchte von meiner popup.js Werte in die script.js übertragen,
weil ich aufgrund der Seitenrichtlinien keine HTTP Anfrage machen kann.

Code:
chrome.tabs.query({ active: true, lastFocusedWindow: true }, function(tabs) {
        // and use that tab to fill in out title and url
        var tab = tabs[0];
        const tabId = tab.id;
        
        chrome.scripting.executeScript(
        {
          target: {tabId: tabId},
          files: ['script.js'],
        });
    });

Wenn ich also die Funktion httpGet nutzen (Ruft den Text einer Seite ab),
bekomme ich den Fehler: 

"Access to XMLHttpRequest at 'https://xxx.de/' from origin 'http://xxx.org' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource."

Die httpGet Funktion kann ich in popup.js aber verwenden, weshalb ich den
Content von dort aus abrufen möchte um ihn dann zu der script.js zu übertragen.

Vielleicht gibt es auch eine andere Möglichkeit, aber dafür bin ich zu wenig im Thema.

Ich hoffe mir kann hier einer weiterhelfen^^

Mit freundlichen Grüßen
NGxD TV

Drucke diesen Beitrag

Lightbulb Trading Bot mit Javascript
Geschrieben von: SKINN3R - 29.11.2022, 01:23 - Forum: Brauche Javascript / Userscript - Antworten (2)

Hallo, suche Hilfe bei der Programmierung eines Bot der seine Daten über eine node.js bekommt. Wie die Daten zum Traden dort ausgelesen werden können ist für mich ein Umsetzungsproblem.



Angehängte Dateien Thumbnail(s)
   
Drucke diesen Beitrag

Question Objektorientierte Programmierung(OOP) in euren Projekten
Geschrieben von: rzscout - 28.11.2022, 16:10 - Forum: Javascript - Antworten (1)

Hallo liebes Forum,
objektorientierte Programmierung spielt eine immer größere Rolle in Javascript-Anwendung. Zwar ist es ein großer Unterschied ob ich dies in PHP, C, C++ das mache, aber es gibt auch einige Vorteile bei größeren Anwendungen mehr OOP anzuwenden. Wie sieht es in euren Projekten aus. Verwendet ihr auch OOP in euren Script, selten oder garnicht?

Ich freue mich auf eure Antworten

Viele Grüße
rzscout

Drucke diesen Beitrag

  Button "onclick" Fehler
Geschrieben von: Daniel - 27.11.2022, 20:34 - Forum: Javascript - Antworten (3)

Liebe Community, 

mit großem Interesse verfolge ich einen JS Kurs und bin voller Elan dabei.
Beim Modul mit den Klassen, habe ich nun versucht ein eigenes Beispiel zu bauen.
Leider kann ich die vorhandene Fehlermeldung nicht genau deuten.
Es wäre schön, wenn ihr mal drüber schauen könntet.
Vielen lieben Dank für eure Hilfe.

Mein Übungsziel sollte sein:

  • eine eigene Klasse „Car.js“ erstellen und darin Daten speichern
  • aus einer anderen „main.js“ Datei, sollen dann diese Daten ausgelesen und ausgegeben werden. (hier reicht mir die Ausgabe per Konsole)
 Leider erhalte ich hier in Zeile 35 einen Fehler in der Konsole.

Uncaught ReferenceError: main is not defined at HTMLButtonElement.onclick ([u]index.html:35:33

Code index.html:
Code:
<!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">
    <script type="module" src="main.js" type="text/javascript"></script>
   
    <style>
        #car_field {
            margin: 10px;
           }
    </style>
    <title>Car-Rechner</title>

</head>
<body>
    <div>
        <div id="car_field">
            <label>Car Name</label><br>
            <input id="CarName" type="text">
         </div>
        <br>
        </div>
        <div id="car_field">
            <label>Car Age</label><br>
            <input id="CarAge " type="number">
        </div>
        <br>
        <div id="car_field">
            <label>Car color</label><br>
            <input id="CarColor" type="text">
        </div>

       <button onclick="main()">Ok</button>



    </div>
</body>
</html>

Code car.js:
Code:
export class Car {

    constructor(CarName, CarAge, CarColor){

        this.CarName = CarName;
        this.CarAge = CarAge;
        this.CarColor = CarColor;

}
};

Code main.js:
Code:
import {Car} from "./car.js"


function main() {   

    var inputCarName = document.getElementById("CarName").value;   

    var inputCarAge = document.getElementById("CarAge").value;

    var inputCarColor = document.getElementById("CarColor").value;

    var car = new Car(inputCarName,inputCarAge,inputCarColor);
    var car2 = new Car(inputCarName,inputCarAge,inputCarColor);




    console.log(car);
    console.log(car2);

    }

Drucke diesen Beitrag

  Preis Tabellen
Geschrieben von: tebn - 24.11.2022, 19:14 - Forum: Javascript - Antworten (3)

Hallo,

ich habe für meine Website eine Tabelle über Preise und Leistungen erstellt. Jetzt möchte ich mir den gesamtpreis mit JavaScript ausrechnen lassen  wenn die jeweilige Leistung durch eine Checkbox angeklickt wurde.

Bsp:

Motor 50€          "checkbox"
Getriebe 10€       "checkbox"
Glass 5€             "checkbox"
Tasche 10€         "checkbox"

Jetzt soll man durch Checkboxen zum Beispiel nur Motor und Glass anklicken können und der Preis von 55€ soll im einen Feld erscheinen.

Ich habe schon geschafft das JavaScript die zahlen ausliest, jedoch fehlt mir der Ansatz für die Funktion mit der Verlinkung zu den einzelnen checkboxen.
Kann mir jemand weiterhelfen ?



Angehängte Dateien
.js   rechnung.js (Größe: 430 Bytes / Downloads: 2)
.html   preise.html (Größe: 1,98 KB / Downloads: 2)
Drucke diesen Beitrag

  Zugriff auf andere Methode über EventListener
Geschrieben von: papender - 24.11.2022, 18:38 - Forum: Javascript - Antworten (1)

Hallo,

ich habe eine Frage. Ja klar, warum bin ich auch hier Smile


Code:
document.addEventListener('DOMContentLoaded', function () {
    
    class TestClass {
        constructor() {
            this.button = document.createElement('button');
        }
        
        methode1() {
            console.log('Hello World');
        }
        
        methode2() {
            this.button.addEventListener('click', function() {
                this.methode1();
            });
        }
        
        getButton() {
            return this.button;
        }
    }
    let tClass = new TestClass();
    tClass.methode2();
    let body = document.getElementsByTagName('body');
    body[0].appendChild(tClass.getButton());
    
});

Ich versuche mich gerade in die OOP mit JavaScript reinzudenken.
Ich möchte verschiedene Buttons mit unterschiedlichen Funktionen instanziieren. Wie bekomme ich es hin, dass ich durch den EventListener auf die Methode1 zugreifen kann. Ist das überhaupt ein denkbarer Weg?
Das ist erst einmal nur eine Testklasse zum ausprobieren.

Danke für eure Rückmeldungen.

Drucke diesen Beitrag

  Aktive Checkbox, andere Checkbox nicht mehr required
Geschrieben von: Crynos - 24.11.2022, 09:09 - Forum: Javascript - Antworten (2)

Hi ihr Lieben,

folgendes Thema:

Ich habe zwei Checkboxen in einem Formular. 
Die erste Checkbox ist kein Pflichtfeld
Die zweite Checkbox ist ein Pflichtfeld.
Wird allerdings die erste Checkbox angehakt, soll die zweite Chebock verschwinden und auch nicht mehr required sein, damit das Formular abgeschickt werden kann.

Dass die zweite Checkbox ausgeblendet wird, wenn die erste ausgewählt wurde hab ich hinbekommen. Aber ich checks, trotz der ganzen Anleitungen im Netz, noch nicht, wie aus der zweite Checkbox dann aus einem Pflichtfeld kein Pflichtfeld mehr wird.

Vielleicht suche ich auch einfach nicht nach den richtigen Schlagwörtern.


Reicht euch das als Infos um mir weiterhelfen zu können? Smile Besten Dank!

Drucke diesen Beitrag

  Neu im Javascript Umfeld
Geschrieben von: Crynos - 24.11.2022, 08:58 - Forum: Seid ihr neu ? - Antworten (1)

Hi Smile
beruflich muss und möchte ich mich mehr mit Javascript befassen. Ich muss sagen, dass ich echt blutiger Anfänger bin. Manche Sachen kann ich mir ausm Netz "zusammenklicken" aber es scheitert oft schon an banalen Dingen. Wie ihr an anderer Stelle des Forums lesen könnt Big Grin

Ich werde sicher öfter hier auftauchen und hoffentlich mit der Zeit auch mal sinnvolle Antworten liefern können, anstatt nur Infos zu ziehen.

Soviel erstmal. Danke schonmal für die Hilfe Wink

Drucke diesen Beitrag

  Daten an eine andere Site senden und danach diese Seite besuchen.
Geschrieben von: T.Billen - 24.11.2022, 08:44 - Forum: Javascript - Antworten (2)

Hallo zusammen,

ich möchte gerne per AJAX Request Daten versenden und diese Seite aufrufen (Selbstverständlich sollen die gesendeten Daten dann verarbeitet worden sein).

Als Vorlage habe ich folgendes HTML Script:

Code:
<HTML>
<BODY onload="document.form1.submit()">
<FORM name="form1"
      ACTION="./backend/test.php"
      CONTENT="application/x-www-form-urlencoded"
      METHOD="POST"
      enctype="multipart/form-data">

    <input type=hidden name="field_1" value="value_1">
    <input type=hidden name="field_2" value="value_2">
    <input type=hidden name="field_3" value="value_3">
</FORM>
</BODY>
</HTML>


Als Ergbnis bekomme ich:
Code:
array(3) { ["field_1"]=> string(7) "value_1" ["field_2"]=> string(7) "value_2" ["field_3"]=> string(7) "value_3" }

test.php printet einfach nur den POST Request aus.

Dieses Ergbnis möchte ich gerne mit einem AJAX Request durchführen, da die Werte in field_1, field_2 und field_3 bekannt sind und nicht vom User verändert werden dürfen (Daher ist der Type auch hidden.).

Nach einer Google Recherche bin ich folgenden AJAX - Request gekommen:
Code:
const url = "./backend";

function open(id) {
    let destination = url + "/test.php";

    $.ajax({
        type: "POST",
        url: destination,
        dataType: "json",
        data: { field_1: "value_1", field_2: "value_2", field_3: "value_3" },
        complete:
            function (e) {
                   window.location = destination;
            }

    });
}
Würde ich mir e in der anonym Function bei complete ausgeben, bekomme ich das gewünschte Ergbnis. Allerdings wenn ich window.location = destination; ausführe, wird zwar die Seite aufgerufen, allerdings ohne, dass die Daten verarbeitet werden.

Könnt ihr mir einen Tipp geben, wie ich das in AJAX umsetzen kann? Da dieses Script unabhängig arbeiten soll, kommt das Nutzen von Sessions nicht in Frage. Daher ist diese Aufgabe nicht gleich eines Login Scripts.

Auch muss der User auf die neue Seite mit diesen Eingaben weitergeleitet werden.

Ich hoffe, dass ihr mir helfen könnt.

Viele Grüße aus dem Pott

T.Billen

Drucke diesen Beitrag

  Quiz mit speziellen Anforderungen
Geschrieben von: Fastel - 23.11.2022, 19:27 - Forum: Javascript - Antworten (1)

Hi, ich hoffe ich kann das Problem, das es zu lösen gilt einigermaßen verständlich machen. Kernfrage ist, ob man das Problem mit einem Switchcase lösen kann:

##################

Eine Aufgabe entspicht weitesgehend einem Quiz:

  • Es werden zwei Fragen gestellt, für die dann jeweils ein TextInput-Formular gegeben wird.
  • Jede Frage benötigt aber zwei Antworten (ebenfalls per Textfeld).
Also: => zwei Texteingabeformulare (1 und 2), bestehend aus jeweils zwei Eingabefeldern (a und b)

Das Script soll überprüfen ob der User die Fragen richtig beantwortet hat ( reicht erstmal als console.log als true/false).

Das wichtige ist aber, dass die Reihenfolge der Antworten egal ist. Es gibt also so gesehen keine Frage 1.) die einem bestimmten Formular zugeordnet ist, sondern der User kann jede Frage in jedem Formular beantworten. Die Frage MUSS aber „in sich“ zusammen passen.

Beispiel:
Eine Frage: „Nenne ein bellendes Tier und wieviel Beine hat es?“
Eine andere Frage: „Nenne erst eine rote und dann eine blaue Farbe“
=> der User hat zwei gleiche Eingabeformulare und kann sich aussuchen, wo er welche Frage beantwortet.

Die richtigen, gesuchten Antworten („Hund“ und „4“ sowie „rot“ und „blau“) werden als Variablen definiert.

Hund kann sowohl in Formular 1 als auch 2 eingetragen werden, allerdings immer nur als erste Antwort (a) innerhalb des Formulars.
Antwort (b) muss dann = 4 sein.


Oh man... verständlich?


Ich wollte das gerne mit einem Switchcase lösen: im Fall dass der
  • Input (a) = „Hund“ kommt ist, nur der Input (b) „4“ richtig
  • Input (a) = "rot" bedeutet in (b) ist "blau" richtig.
Wenn weder Hund noch rot eingegeben wird, kann ein default anspringen (der (a) und (b) = false ergibt).
Es muss zwangsläufig Hund oder rot in die Felder (a) eingetragen werden. Nur ein Feld (b) ausfüllen macht dann keinen Sinn später. Der Input in Textfeld (a) definiert also, welche weiteren Antworten als richtig gelten. Puuh...

Ich möchte gerne beide Formulare mit einem(!) onclickevent auswerten.



Ich habe es mal im Code probiert, vielleicht habt ihr da eine Idee und könnt es ggf gleich mal reinschreiben, dann kann ich es mir angucken.

ps: ich bin noch (blutiger?) Anfänger und Kämpfe mich durch Tutorials
pps: ja vor allem zeile 40 halt...
ppps: In If/Else-Möglichkeiten habe ich mich noch nicht reingedacht und etwas Angst vor zu vielen Verschachtelungen. Später werden es pro Aufgabe 5 Fragen mit 4 Antwortteilen (also 5x4 fest definierten Antworten pro Aufgabe). Daher hoff(t)e ich auf eine elegante Switchcase-Lösung.



Code:
<!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>
<!--Formular 1-->
<input type="text" id="input1_a"><br>
<input type="text" id="input1_b"><br>
<br><br>
<!--Formular 2-->
<input type="text" id="input2_a"><br>
<input type="text" id="input2_b"><br><br>

<!--beide Resultate sollen mit einem(!) Button kommen-->
<button onclick="submitFunction()">Submit</button>

    <script> //hier werden die Lösungen definiert und in Variablen gespeichertn
        function submitFunction() {
            var lösung1_a = "Hund";
            var lösung1_b = "4"

            var lösung2_a = "rot"
            var lösung2_b = "blau"
            // die Lösung 1_a und 1_b dürfen auch im Input 2_a und 2_b eigetragen werden.


            //Submits (userinput) als Variablen festhalten
            var submit1_a = document.getElementById("input1_a").value;
            var submit1_b = document.getElementById("input1_b").value;

            var submit2_a = document.getElementById("input2_a").value;
            var submit2_b = document.getElementById("input2_b").value;

/*!=>*/     switch ( **??**??** ) {
                //Wenn der input1_a = lösung1_a ist, dann wird überprüft, ob input1_b = Lösung 1_b
                case lösung1_a: console.log("Starte Version Hund mit 4 Beinen")

                    //variablen der Auswertung1(result) anlegen (Bools)
                    var result1_a = submit1_a == lösung1_a
                    var result1_b = submit1_b == lösung1_b
                    console.log("Ergebis Hund");
                    console.log(result1_a);
                    console.log(result1_b);
                    break;

                //Wenn der input1_a = lösung2_a ist, dann wird überprüft, ob input1_b = Lösung 2_b
                case lösung2_a: console.log("Starte Version Farbe")

                    // variablen der Auswertung2(result) anlegen
                    var result2_a = submit1_a == lösung2_a
                    var result2_b = submit1_b == lösung2_b
                    console.log("Ergebis Farbe");
                    console.log(result2_1);
                    console.log(result2_2);
                    break;
            }
        }
        // die Konsole sollte 4x true ausgeben wenn
        // - im ersten Formular Hund und 4 eingegeben wird und im zweiten rot und blau
        // oder
        // - im zweiten Formular Hund und 4 eingegeben wird und im ersten rot und blau
    </script>
</body>

</html>

Drucke diesen Beitrag