Beiträge von Sempervivum

Zitat

Ist in der Kugel auch ein Bild drinnen, oder wird das alles durch Berechnungen da rein gecodet?

Nein, in der Kugel ist eine virtuelle Kamera, die die Umgebung fotografiert. Und dieses Bild wird dann umgerechnet und auf die Kugel gelegt.

Zitat

Gibt es für solche Berechnungen ein Ausdruck ( wie 3 Satz Algebra usw. ) ?

Ja, das dürfte im wesentlichen Trigonometrie oder Winkelmathematik sein, und das in 3D, wahrscheinlich mit Matrizen, Vektoren etc.

Hier ist noch eine andere Demo von threejs:

https://threejs.org/examples/#webg…cubemap_dynamic

Dort sieht man, dass die Kamera die Umgebung mit den anderen Objekten, die herumfliegen, aufnimmt.

Danke! Diese Berechnungen brauchen viel Power auf der GPU. Auf meinem PC läuft es vollkommen flüssig, auf meinem Handy ruckelt es beim Ziehen sehr stark. (Samsung A50, d. h. kein Premiummodell).

Ich habe mich ein wenig mit einer kleinen Spielerei mit three.js beschäftigt. Manche Hobbyfotografen haben solch eine Glaskugel, die wie eine Linse wirkt und die Szene dahinter verkehrt herum abbildet. Ich habe so etwa mal mit three.js nachgebildet, aber keine transparente sondern ein spiegelnde Kugel, die die Szene im Rücken des Betrachters abbildet. Hier das Ergebnis, es ist interaktiv, d. h. man kann sich durch Ziehen der Maus darin bewegen und zoomen durch das Mausrad. Das Interaktive funktioniert auf meinem Smartphone noch nicht perfekt. weil beim senkrechten Ziehen auch die Default-Aktion wirkt und das ganze Bild verschoben wird.

https://webentwicklung.ulrichbangert.de/panorama-reflection-sphere-2.html

Zitat

Sorry, ich bleibe dabei

Dann ist dir nicht zu helfen. Du hast ja auch nirgend wo deinen kompletten Code gezeigt, damit man heraus finden könnte, was Du falsch machst.

Das behauptest du aber das trifft nicht zu Außerdem hast du meinen Code falsch wieder gegeben.

Versuche dies, dann erkennst Du, dass die globale Variable durch die Funktion auto verändert wird:

    <button type="button" onclick="auto();">Klick!</button>
    <button type="button" onclick="showIt();">Zeige die Variable a!</button>
    <script>
        let a = 0; // globale Variable definieren
        function auto() {
            a++; // globale Variable verändern
            console.log(a);
        }
        function showIt() {
            console.log(a);
        }
    </script>

Wie schon geschrieben, von der Java-Seite habe ich null Ahnung. Ich hatte nur dies gefunden:

https://stackoverflow.com/questions/3732…nly-java-se-api

In der Antwort von BalusC wird leider nur angegeben, wie man eine Antwort an den Client schickt aber nicht, wie man GET- oder POST-Parameter auswertet. Da musst Du mal weiter nachforschen.

Ganz offensichtlich hat Facebook hier das Parsen von HTML unterbunden, was nachvollziehbar ist.

Weil Du auch nach einer Animation gefragt hattest, habe ich mal einen Slidedown-Effekt hinzu gefügt:

https://jsfiddle.net/Sempervivum/ary5h3wo/14/

Java als Kommunikationspartner ist in diesem Zusammenhang etwas ausgefallen, ich kenne es nur mit einem Webserver und PHP.

Aber anscheinend kann man auch mit Java einen Webserver bauen.

Auf diese Weise kannst Du einen JSON-String mit der fetch-API versenden:

        const params = new FormData();
        params.append('data', dein_JSON_string);
        fetch('url_deines_server_scripts', {
            method: 'post',
            body: params
        }).then(res => {
            return res.text();
        }).then(res => {
            // im Parameter res liegt jetzt der Text
            // der Antwort vom Server vor
            console.log(res);
        });

Den JSON-String findest Du dann in der Postvariablen data vor.

Das war auch nur als Demo gedacht, dass Du eine globale Variable aus einer Funktion heraus verändern kannst. Versuche dies mit einem Button:

    <button type="button" onclick="auto();">Klick!</button>
    <script>
        let a = 0; // globale Variable definieren
        function auto() {
            a++; // globale Variable verändern
            console.log(a);
        }
    </script>

Ich habe mal den ersten Schritt getan und das Schließen des alten Divs hinzu gefügt:

https://jsfiddle.net/Sempervivum/ary5h3wo/4/

Das "javascript:" in dem onclick-Handler brauchst Du nicht mehr, ebenso die Abfrage ob document.getElementById existiert.

Was das addEventListener betrifft, so trifft auf dieses ebenfalls zu: Die Forderung, es der inline-Notation vorzuziehen, lese ich ständig, aber keine plausible und stichhaltige Begründung dafür.

Ich verstehe leider deine Frage nicht ganz:

Zitat

Wenn ein Button angewählt wird, soll unter anderem eine globale Variable übergeben werden .

...

Sobald der Button angeklickt wird, brauche ich eine globale Variable, die ich irgendwo im Script mehrer Male verwenden kann:

Ich probierte mit: a=0;function auto() {a=1;}

Willst Du innerhalb der Funktion eine globale Variable verändern? Das funktioniert schon, wenn Du sie zuvor global definiert hast. Versuche dies:

let a = 0; // globale Variable definieren
function auto() {
    a = 1; // globale Variable verändern
}
auto();
console.log(a);

Dass das nicht funktioniert hat zwei Gründe:

1. Der Selektor .tabelle tr ist spezifischer als .collapse und hat daher eine höhere Priorität.
2. background-image liegt über background-color und verdeckt diese.

Lösung indem Du den Selektor spezifischer machst und das Hintergrundbild weg nimmst:

.tabelle tr.collapse {
    visibility: collapse;
    background-color: coral;
    background-image: none;
}

Früher hat man so etwas mit Imagemaps gemacht aber aus bestimmten Gründen wird heute empfohlen, statt dessen eine SVG-Grafik über das Bild zu legen - so macht es auch die Seite von n-tv. Das wird alles hier erklärt:

https://wiki.selfhtml.org/wiki/HTML/Mult…sitive_Grafiken

Diese Grafik liegt in einem iFrame und es dürfte kein Problem sein, diesen herunterzuladen, aber denke an die Problematik mit dem Urheberrecht.

Ich gehe davon aus, dass Du alles zusammen in ein JSON packen willst, dann darfst Du das stringify erst auf das Endergebnis anwenden:

let nameDerBoxen = [];
let preisDerBoxen = [];
let gesamtPreis = 0;
for(i=0;i<document.liste.length;i++)
  {
    if(document.liste.elements[i].checked)
    {
      /*rechnung*/
      nameDerBox = document.liste.elements[i].name;
      namederBoxen.push(nameDerBox);
      preisDerBox = document.liste.elements[i].value;
      preisDerBoxen.push(preisDerBox);
      gesamtPreis += Number(preisDerBox);
    }/*ende if*/
  }/*ende for*/

let bestellung = {nameDerBoxen: nameDerBoxen, preisDerBoxen: preisDerBoxen, gesamtPreis: gesamtPreis};
let bestellungJSON = JSON.stringify(bestellung);

Dieses:

bestellung ={boxen: alleGetränkenamen , preise: alleGetränkepreise, gesamtPreis: endsumme};

geht genau so gut, auch wenn mir selber mein Vorschlag sympatischer ist. Als alleGetränkenamen kannst du problemlos auch dein Array eintragen, ebenso für allGetränkepreise.

Ich sehe gerade, dass ich das Zusammenfassen in einer Tabelle gar nicht berücksichtigt habe. Dazu musst Du das HTML zu dem vorhandenen hinzu fügen, also eine globale Tabelle:

<table>
    <thead>
         <tr><th>Name</th><th>Land</th><th>Geburtstag</th></tr>
    </thead>
    <tbody id="tbody-global">
    </tbody>
</table>
<table>
    <thead>
         <tr><th>Name</th><th>Land</th><th>Geburtstag</th></tr>
    </thead>
    <tbody id="tbody1">
    </tbody>
</table>

Und dann das HTML hinzu fügen:

        function player(xml, tableid) {
            var i;
            var xmlDoc = xml.responseXML;
            var x = xmlDoc.getElementsByTagName("Spieler");
            var table = '';
            for (i = 0; i < x.length; i++) {
                table += "<tr><td>" +
                    x[i].getElementsByTagName("Name")[0].childNodes[0].nodeValue +
                    "</td><td>" +
                    x[i].getElementsByTagName("Country")[0].childNodes[0].nodeValue +
                    "</td><td>" +
                    x[i].getElementsByTagName("Birthday")[0].childNodes[0].nodeValue +
                    "</td></tr>";
            }
                // document.getElementById(tableid).innerHTML = table;
                document.getElementById(tableid).insertAdjacentHTML('beforeend', table);       }

Das kannst Du dann auch problemlos mit einer einzigen Funktion erledigen: Übergib zusätzlich die ID der Tabelle:

    function loadData(url, tableid)
        {
            var xhttp = new XMLHttpRequest();
            xhttp.onreadystatechange = function ()
            {
                if (this.readyState == 4 && this.status == 200)
                {
                    player(this, tableid);
                }
            };
            xhttp.open("GET", url, true);
            xhttp.send();
        }
        function player(xml, tableid) {
            var i;
            var xmlDoc = xml.responseXML;
            var x = xmlDoc.getElementsByTagName("Spieler");
            var table = '';
            for (i = 0; i < x.length; i++) {
                table += "<tr><td>" +
                    x[i].getElementsByTagName("Name")[0].childNodes[0].nodeValue +
                    "</td><td>" +
                    x[i].getElementsByTagName("Country")[0].childNodes[0].nodeValue +
                    "</td><td>" +
                    x[i].getElementsByTagName("Birthday")[0].childNodes[0].nodeValue +
                    "</td></tr>";
            }
            document.getElementById(tableid).innerHTML = table;
        }

Dann legst Du für jede Tabelle den Rahmen mit leerem Body an:

<table>
    <thead>
         <tr><th>Name</th><th>Land</th><th>Geburtstag</th></tr>
    </thead>
    <tbody id="tbody1">
    </tbody>
</table>
<table>
    <thead>
         <tr><th>Name</th><th>Land</th><th>Geburtstag</th></tr>
    </thead>
    <tbody id="tbody2">
    </tbody>
</table>
<!-- usw. -->

Und übergibst jeweils die ID an die Funktion loadData:

    loadData("SERVER/xml/Player.xml", "tbody1");
    loadData("SERVER/xml/Player2.xml", "tbody2");
// usw.

Dann brauchen wir also eine unterschiedliche Verarbeitung. Verstehe ich das richtig: Es gibt eine Anzahl von XMLs, spieler1.xml, spieler2.xm, spieler3.xml usw. und diese sollen in einer Tabelle zusammen gefasst werden. Und dann gibt es unabhängig davon eine weitere XML, die in einer getrennten Tabelle angezeigt werden soll?