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

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

 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
                        }
                    }]
                    }
                }
                });

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.

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;
    }

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

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?   unnd wie dann bitte

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.

 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]);});      
                                                
                                              
                             });
         
                             
      
      
                
        }
   

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:

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************

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:

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

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);
}

let response = await fetch('https://site.com/service.json', {
  method: 'PATCH',
  headers: {
    'Content-Type': 'application/json',
    'API-Key': 'secret'
  }
});

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.

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);
         }

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);  
         }
       

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?

Guten Abend,
ich bin noch blutiger Anfänger in JS und allgemein beim Programmieren und habe mich an ein kleines Projekt zur Übung gemacht. Sicher kein Ding für viele, aber für mich eine Herausforderung. Nun probiere ich schon seit fast zwei Stunden hin und her und bekomme es einfach nicht hin.

Ich habe ein script in einer html-Datei, welches Kreisberechnungen vornehmen soll. Dazu gibt es ein input, wo der user einen Wert in mm eintragen soll. Danach zwei Buttons die zur Flächen- bzw. Umfangberechnung des Kreises führen. Ausgegeben wird das Ergebnis über innerhtml in einen Paragraph am Ende der html-Datei.

Die Funktionen laufen auch alle. Aber wenn ich im Inputfeld einen Wert eintrage, wird dieser nicht erkannt. Erst wenn ich mit F5 die Seite aktualisiere, funktioniert die Berechnung.
Ich habe also scheinbar ein Timing-Problem?

Ich weiß mir keinen Rat mehr. Für mich ist der Code in logischer Reihenfolge geschrieben und funktieniert ja -wie gesagt- auch. Aber eben erst nach Aktualisieren der Seite.

Ich hoffe ich habe mein Problem so schildern können, dass ihr wisst was ich meine.

Bin für jede Hilfe dankbar.

Grüße
Marco

hier ist mein Code:

<body>
<h1>Hier kannst du verschiedene Funktionen zur Berechnung von Kreisen nutzen.</h1>
<div class="introText">
<p>Gib den Radius deines Kreises in mm in das Eingabefeld ein.</p>
</div>
<div class="eingabeBereich">
<div>
<input id="idEingabefeld" type="text" maxlength="6" placeholder="Radius in mm...">
</div>
<div>
<button id="idFlächenButton">Kreisfläche berechnen</button>
</div>
<div>
<button id="idUmfangButton">Kreisumfang berechnen</button>
</div>
<p id="idErgebnis" class="ergebnisAusgabe">Ergebnis:</p>
</div>

<script>
"use strict"
let flächenButton = document.getElementById("idFlächenButton");
let eingabewert = document.getElementById("idEingabefeld");
let übergabewert = eingabewert.value;
let umfangButton = document.getElementById("idUmfangButton");
let ergebnisAusgabe = document.getElementById("idErgebnis");

const pi = 3.1415;
let radius = übergabewert;
let qcm = kreisflächeBerechnen() / 100;

function kreisflächeBerechnen() {
return (radius * radius * pi);
}

function kreisflächeÜbergeben() {
if (übergabewert.length > 0) {
ergebnisAusgabe.innerHTML = "Der Kreis hat eine Fläche von: " + kreisflächeBerechnen() + " qmm. Das sind " + qcm + " qcm.";
eingabewert.value = "";
} else {
alert("Bitte gib eine Zahl ein.")
}
}

flächenButton.addEventListener("click", kreisflächeÜbergeben);

function kreisumfangBerechnen() {
return (radius * 2 * pi);
}

function kreisumfangÜbergeben() {
if (übergabewert.length > 0) {
ergebnisAusgabe.innerHTML = "Der Kreis hat einen Umfang von " + kreisumfangBerechnen() + " mm bzw. " + (kreisumfangBerechnen() / 10) + " cm.";
eingabewert.value = "";
} else {
alert("Bitte gib eine Zahl ein.")
}
}

umfangButton.addEventListener("click", kreisumfangÜbergeben);

</script>
</body>

Hallo zusammen, möchte gerne die API Chrome.Storage.local set bzw get nutzen. Der Key soll jedoch variable sein, was ich hinbekommen habe, zuminndest wird er mir ausgelesen, aber egal wie ich es drehe und wende, nicht den Text der hinter dem Schlüssel steckt. 

       var meineID='M04055555';
   

function loeschen(){
  chrome.storage.local.remove(meineID);
}


       function speichern(){
       
 
chrome.storage.local.set({[meineID]:"test"});
         
        
              
        }
      
        function lesen(){
          meinText="";
          

          chrome.storage.local.get([meineID], function (result) {
            meinText = result.meineID;
            Seite.document.write(meinText);
         
        });

       }