Javascript-forum

Durchsuche Foren

(Erweiterte Suche)

Foren-Statistiken

» Mitglieder: 43.471
» Neuestes Mitglied: heyhey83
» Foren-Themen: 517
» Foren-Beiträge: 2.113

Komplettstatistiken

Benutzer Online

Momentan sind 179 Benutzer online
» 0 Mitglieder
» 176 Gäste
Bing, Facebook, Google

Aktive Themen

Alert Fenster
Forum: Javascript
Letzter Beitrag: Sempervivum
Gestern, 18:25
» Antworten: 2
» Ansichten: 12

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

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

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

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

Thesis Writing Service
Forum: CoffeeScript
Letzter Beitrag: Captain12
02.05.2024, 08:10
» Antworten: 0
» Ansichten: 27

CSS Animationen verbinden
Forum: Css
Letzter Beitrag: ajmanproperties1
01.05.2024, 21:21
» Antworten: 9
» Ansichten: 713

Explore the Enchanting Be...
Forum: Javascript
Letzter Beitrag: manalitourpackage
01.05.2024, 14:20
» Antworten: 0
» Ansichten: 29

Addons blockiert
Forum: Hilfe bei Add-ons programmieren
Letzter Beitrag: jenniferbeals
01.05.2024, 00:28
» Antworten: 3
» Ansichten: 1.026

Handle Your Academic Burd...
Forum: Javascript
Letzter Beitrag: shane56
30.04.2024, 12:27
» Antworten: 0
» Ansichten: 50

Button click

Geschrieben von: Oly - 24.03.2023, 18:44 - Forum: Javascript - Antworten (2)

Hallo zusammen,

kann mir jemand sagen wie bei diesem Button ein click ausgeführt wird? Es ist ein Button auf der HP und möchte gerne den click per Code ausführen, aber sehe nicht wie. Könnt ihr mir sagen wie ich das bewerkstelligen kann?

Code:
<button class="btn btn-link flow-creation-btn btn-link-default pr-0" data-type="message" data-sub-type="42">

Code:
                        <span class="fa-stack fa-fw">

Code:
                            <span class="fa fa-square fa-stack-2x"></span>

Code:
                            <span class="fa fa-inverse fa-stack-1x fa-eye-slash" data-original-icon="fa-eye-slash"></span>

Code:
                        </span>

Code:
                    <span class="hidden-xs">Interne Memo</span>

Code:
                </button>

Zertifizierung für API-Anfrage

Geschrieben von: joasten257 - 24.03.2023, 13:13 - Forum: Javascript - Keine Antworten

Hallo zusammen,

ich programmiere eher so hobbymäßig und bin daher kein Profi. Jetzt versuche ich zum ersten Mal eine API abzurfen, für die man sich mit Zertifikat authetifizeren muss. Jetzt bin ich unsicher: Wo und wie nutze ich das Zertifikat.

Ich habe es lokal auf meinem Rechner installiert und kann jetzt die API im Browser direkt aufrufen. Soweit so gut.

Aber wie kriege ich es hin, dass ich über meinen Webserver (eine klassische Hosting-Lösung) auch Zugriff bekomme? Kann ich so ein Zertifikat auch dort irgendwie hinterlegen? Google hilft mir wenig weiter.

Oder sollte ich meinen Anwendungsfall eher auf meinen Sever im Heimnetz spielen und dort das Zertifikat einbinden? Geht das?

Fragen über Fragen...

Chart.js - year independent x-axis

Geschrieben von: ludwigmller - 22.03.2023, 05:24 - Forum: Javascript - Keine Antworten

I have data for several years, that should be plotted in a line graph. Data example:

Code:
date        season  cum_sum

2021-12-23  2022    11

2022-01-01  2022    19

2022-01-04  2022    20

2022-01-05  2022    40 

2022-03-01  2022    43

2022-12-01  2023    3

2022-12-02  2023    7

2022-12-10  2023    11

2022-12-23  2023    17

2023-01-01  2023    19

2023-01-05  2023    30

As you see in the attached image, the x-axis is not chronological. Days of the season 2023, that were not part of the season 2022, are plotted at the end of the x-axis. E.g.: data_2022 = ["01-03", 5], ["01-10", 15] data_2023 = ["01-03", 10], ["01-05",20] --> 01/05 is plotted on the end of the x-axis.

[Bild: 20230322042517ad21787bf2f822c510187e82dae7288f.png]

Here my current JS-Code:

Code:
var ctx = document.getElementById('myChart').getContext('2d');

                var chart = new Chart(ctx, {

                type: 'line',

                data: {

                    datasets: [{

                        label: 'Season 2022',

                        data: data_2022,

                        borderColor: 'blue',

                        fill: false 

                        }, {

                        label: 'Season 2023',

                        data: data_2023,

                        borderColor: 'red',

                        fill: false

                    }]

                },

                options: {

                    scales: {

                        xAxes: [{

                            type: 'time',

                            time: {

                                unit: 'day',

                                unitStepSize: 1,

                                displayFormats: {

                                    'day': 'MMM DD'

                                },

                                tooltipFormat: 'MM-DD',

                            }

                        }],

                    yAxes: [{

                        ticks: {

                            beginAtZero: true

                        }

                    }]

                    }

                }

                });

Return meiner Variable

Geschrieben von: derDoc - 21.03.2023, 16:44 - Forum: Javascript - Keine Antworten

Hallo zusammen, ich bin JS Anfänger und versuche mich seit ein paar Tagen an einem Problem.

Google bringt mir auch nix wirkliches an hilfe. Villt. könnte mir einer helfen bzw. einen Denkanstoß geben.

Code:
function GetGEOAdress(Strasse,HNR,Ort){

        HNR = HNR.trim();

        HNR = HNR.replace(" ", "")

        Ort = Ort.trim();

        Ort = Ort.replace(" ", "%20")

        Strasse =  Strasse.trim();

        Strasse = Strasse.replace(" ", "%20")

        var geo;

        URL = "https://nominatim.openstreetmap.org/search?format=json&limit=1&addressdetails=1&q="+Ort+"%20"+HNR+"%20"+Strasse+"";

        $.getJSON(URL, function(data) {

            $.each( data, function( key, val ) {

                let lat          = val.lat;

                let lon          = val.lon;

                let boundingbox  = val.boundingbox;

                let display_name = val.display_name;

                let plz          = val.address.postcode;

                let street       = val.address.pedestrian;

                let hnr          = val.address.house_number;

                geo = lat+":"+lon;

            });

        });

        return geo;

    }

Ich versuche mit diesem Script die GeoDaten über mein Return auszugeben.

Um es zu Testen folgendes nutzen:

Code:
GetGEOAdress('Aachener Str.','999','Köln');

Ich verzweifle gerade..... Dodgy

Fenster aktualisieren

Geschrieben von: Oly - 18.03.2023, 21:57 - Forum: Javascript - Antworten (3)

Hallo zusammen,

mit location.refresh() kann ich mir die aktuelle Seite aktualisieren. Ist es möglich, die Seite aus der die aktuelle Seite neu aufgerufen wurde, zu aktualisieren?

Also, Hauptseite ruft einen Link auf und öffnet ein neuen Tab(Seite). Man nimmt Änderungen auf dieser Seite vor, die auf der Hauptseite aktualisiert dargestellt werden sollen, also eine Hauptseite aktualisieren durchführt.

Machbar? Big Grin unnd wie dann bitte

addEventListener wird nicht erstellt

Geschrieben von: Oly - 17.03.2023, 21:43 - Forum: Javascript - Antworten (3)

Hallo zusammen,

habe eine Schleife das zu einer Live Ansicht zwei neue Einträge hinzufügt. Klappt alles soweit gut, doch es wird immer nur ein EventListener zum ersten Eintrag erstellt. Der zweite nicht mehr, sieht vielleicht jemand den Fehler im Code?
Im Storage sind genau 2 Werte gespeichert und wie gesagt, beim zweiten Wert wird kein Listener erzeugt.

Code:
for(let i=0;i<zahl;i++)

        {

            chrome.storage.local.get(allKeys[i],  function(result)

                            {

                                    ZirAuftrag=allKeys[i];

                                    meinText= result[ZirAuftrag];

                                    document.getElementById("meine_Erinnerungen").innerHTML+=`

                                                <input type='button' id=`+allKeys[i]+` value='X' style="float:right"</input>

                                                <a href="/task/`+allKeys[i]+`/show" class="list-group-item  text-success" target="_blank" style="margin-right:24px">

                                                <strong>`+allKeys[i]+`</strong>

                                                <small class="text-muted pull-right" data-toggle="tooltip" title="" data-original-title="">13.03.2023</small>

                                                <br>

                                                <small>`+meinText+`</small>

                                                </a>`;

                                                document.getElementById(allKeys[i]).addEventListener('click',function(){alert("Auftrag: "+allKeys[i]);});      

                             });

        }

html parser elemente formatieren

Geschrieben von: BastiBln - 17.03.2023, 18:43 - Forum: Php - Antworten (5)

Moin,

ich benötige mal euren Rat. Ich habe mit der simple_html_dom lib einen Parser für Rezepte von chefkoch.de gebaut.
Um die Zutaten für meinen Bedarf zu verwenden benötige ich eine bestimmte Formatierung. Ich probiere schon eine ganze Weile rum, aber es funktioniert nicht so richtig.

Hier der Code:

PHP-Code:
include('simple_html_dom.php');
 
$html = file_get_html($_POST["recipe_url"]);

// ***************** parse ingredients **********
$ingreds_block = $html->find('table.[class=ingredients table-header]');

foreach($ingreds_block[0]->find('tr') as $row){
    $line_cut = strip_tags($row);
    $line_end = trim($line_cut).";";

    echo $line_end."<br>";
    
    //file_put_contents('../usr/'.$_SESSION['userid'].'/'.'ingred_list.txt', $line_end.PHP_EOL, FILE_APPEND | LOCK_EX);

}
// ******** end************ 

Das funktioniert soweit und erzeugt die Ausgabe je Zeile:

[Menge] [Einheit] [Bezeichung] [Bezeichnung] [Bezeichnung](n);

Was ich aber benötige ist:

[Menge],[Einheit],[Bezeichnung Bezeichnung Bezeichnung (n)];

Ein einfaches str_replace() funktioniert leider nicht, das sieht dann als Bsp. so aus:

800,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,g,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,Tafelspitz,vom,Rind;
1,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,Port.,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,Suppengemüse,(Lauch,,Sellerie,,Zwiebel,,Möhre);
3,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,Lorbeerblätter;
1,½,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,Liter,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,Gemüsebrühe,oder,Fleischbrühe;
2,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,Gemüsezwiebel(n);
1,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,EL,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,Senf,,mittelscharfer;
2,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,EL,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,Butter;
1,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,EL,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,Mehl;
5,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,cl,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,Weinessig;
1,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,EL,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,Zucker;
Salz,und,Pfeffer;

Test URL: https://www.chefkoch.de/rezepte/80242118...eisch.html

Woher die vielen 'Leerzeichen' kommen, konnte ich bis jetzt nicht nachvollzeihen. Im DOM sieht man nichts davon.
Eine weitere foreach()-Aufsplittung war bis auch nicht erfolgreich.

Hat mir wer einen Tipp?

Vielen Dank!

Web-Widget erstellen, das auf "Third-Party-Websites" eingebunden werden kann (CORS)

Geschrieben von: atokirina - 17.03.2023, 17:51 - Forum: Javascript - Antworten (3)

Hallo,

ich versuche eine Art Web-Widget zu erstellen, das auf "Third-Party-Websites" eingefügt werden soll. Aber irgendwie lauf ich ständig in das CORS rein. Ich habe versucht direkt ein iframe zu nutzen und auch auf eine Javascript oder JSON-Datei zuzugreifen. Alle bisherigen Versuche wurden durch das CORS verhindert. Auf der Sender-Seite habe ich spezielle CORS-Einstellungen ausgeführt (Drupal 9, PHP 8.1), die die Domain der Third-Part-Website als "allowed-origin" authentifizieren sollten, jedoch scheinen diese nicht richtig zu greifen, oder ich "hole" die Inhalte nicht richtig von der Third-Part-Website aus ab.

Wie kann ich denn z.B. einem iframe CORS-Informationen mitgeben? Z.B. einen "allowedHeader" oder "allowedMethod"? Ich nehme an, dass ich das benötigen könnte, um eine Art "Handshake" zwischen Sender und Empfänger Seite herzustellen. Die "X-Frame-Options" habe ich auch noch nicht durchdrungen, wie ich das mit Third-Party-Websites nutzen soll, weil es da ja nur 2 Optionen gibt: "DENY" und "SAMEORIGIN". Beides hört sich für mich unpassend an für den Verwendungszweck.

auf der Sender-Seite soll man scheinbar in einer Datei (services.yml) die CORS-Einstellungen vornehmen, diese lauten bei mir wie folgt:

Code:
cors.config:

    enabled: true

    # Specify allowed headers, like 'x-allowed-header'.

    allowedHeaders: ['x-csrf-token','authorization','content-type','accept','origin','x-requested-with', 'access-control-allow-origin','x-allowed-header']

    # Specify allowed request methods, specify ['*'] to allow all possible ones.

    allowedMethods: ['POST', 'GET', 'OPTIONS', 'PATCH', 'DELETE']    

    # Configure requests allowed from specific origins.

    allowedOrigins: ['https://www.third-party-website.de']

    # Sets the Access-Control-Expose-Headers header.

    exposedHeaders: []

    # Sets the Access-Control-Max-Age header.

    maxAge: false

    # Sets the Access-Control-Allow-Credentials header.

    supportsCredentials: true

Folgendes Script habe ich u.a. (erfolglos) ausprobiert:

Code:
function injectSameOriginIframeFromRemote(remoteSrcUrl, target, append, OPT_cb, OPT_useProxy) {

    var PROXY_BASE = 'https://cors-anywhere.herokuapp.com';

    useProxy = typeof(OPT_useProxy)==='boolean' ? OPT_useProxy : true;

    cb = typeof (OPT_cb) === 'function' ? OPT_cb : function () { };

    var iframe = document.createElement('iframe');

    if (append) {

        target.appendChild(iframe);

        iframe.style.width = '100%';

        iframe.style.height = '100%';

    }

    else {

        target.replaceWith(iframe);

    }

    var xhr = new XMLHttpRequest();

    xhr.onreadystatechange = function() {

        if (xhr.readyState === 4){

            if (xhr.status === 200){

                var rawHtml = xhr.responseText;

                var baseString = '';

                rawHtml = rawHtml.replace(/]+>/gim,'');

                rawHtml = rawHtml.replace(/<\/head>/gim,baseString + '\n' + '');

                iframe.contentWindow.document.open();

                iframe.contentWindow.document.write(rawHtml);

                iframe.contentWindow.document.close();

            }

            else {

                cb(false);

            }

        }

    }

    xhr.open('GET',PROXY_BASE + '/' + remoteSrcUrl);

    xhr.send();

    iframe.addEventListener('load', cb);

}

Quelle: https://joshuatz.com/posts/2019/embeddin...c-options/

Leider erschließt sich mir hier auch nicht, was die Variablen bedeuten sollen, die der Funktion übergeben werden (remoteSrcUrl, target, append, OPT_cb, OPT_useProxy), somit weiss ich auch nicht, mit was sie zu ersetzen sind beim Aufruf der Funktion.

Eine andere Variante (ebenfalls erfolglos):

Code:
let response = await fetch('https://site.com/service.json', {

  method: 'PATCH',

  headers: {

    'Content-Type': 'application/json',

    'API-Key': 'secret'

  }

});

Quelle: https://javascript.info/fetch-crossorigin

Müsste einer der Varianten funktionieren, oder ein einfaches iframe - wenn das CORS auf der Sender-Seite korrekt eingestellt ist? Soll heissen: Liegt der Fehler möglicherweise nur auf der Sender-Seite, oder liegt es an beiden, oder vllt. nur an der Empfänger-Seite?

Vielen Dank schon mal für Eure Hilfe.

Liebe Grüße,

pyretta

HILFEEE bekomme kein Wert aus einer Funktion

Geschrieben von: Oly - 16.03.2023, 10:25 - Forum: Hilfe bei Add-ons programmieren - Antworten (3)

Hallo zusammen, ich bin am verzweifeln und komme nicht weiter. Hoffe jemand kann mir da rasch helfen.

Mein Problem ist, das ich einen Wert nicht aus einer Funktion bekomme. Innerhalb dieser, bekomme ich ihn. Ich habe schon etliche Versuche gestartet, aber immer das selbe Problem.

Code:
let meinText;

       var meineID='M040-11111';

        function lesen(){

         // meinText="";

          chrome.storage.local.get(meineID, function (result)

             {

                     meinText= result[meineID];

                     //Teil 1

                     Seite.document.write("aus der Funktion "+meinText);

             });

             //Teil2

             Seite.document.write(meineID+" "+ meinText);

         }

meinText wird im ersten "Teil1" gefüllt und sauber ausggegeben
meinText im"Teil2" ist undefine und weiss nicht warum, was ich auch nicht nachvollziehen kann, warum bekomme ich die Ausgabe von "Teil2" zuerst ausgegeben?

selbst wenn ich den Versuch eines Beispiels aus dem Netz folge ein Objekt zu füllen

Code:
let meinText={val:""};

       var meineID='M040-11111';

        function lesen(){

         // meinText="";

          chrome.storage.local.get(meineID, function (result)

             {

                     //meinText= result[meineID];

                     result.val=result[meineID];

                     Seite.document.write("aus der Funktion "+meinText);

             });

             Seite.document.write(meineID+" "+ meinText);  

         }

sind beide Ausgaben von "meinText" undefine.Ich bin ratlos

Funktion mit Array

Geschrieben von: nbergmann - 13.03.2023, 20:31 - Forum: Javascript - Antworten (13)

Anfängerfrage:

<!DOCTYPE html><html lang="de">
<head>
<meta charset="utf-8">
<title>Funktion mit Array</title>
<link rel="stylesheet" href="js4.css">
</head>
<script>
function toArray(a, b)
{
return [a, b];
}
</script>
<body>
<script>
document.write("Bernd");
toArray (27, 11);
</script>
</body>
</html>

Was mach ich hier falsch? Warum erscheint nur "Bernd" auf dem Bildschirm, aber nicht der Inhalt des Arrays?

Seiten (51): « Zurück 1 … 13 14 15 16 17 … 51 Weiter »

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken