Beiträge von Sempervivum

Sempervivum · 2020-10-29T21:53:50+01:00

Zitat

ich habe Spaß am Herausfinden, was noch geht.

Warum investiert Du deinen Lernwillen dann nicht in die richtige Richtung? Heute werden Webseiten auf allen möglichen Geräten aufgerufen und angezeigt, mit ganz unterschiedlichen Abmessungen des Browserfensters. Das erfordert ein responsives Layout, das mit Boxen fester Größe nicht realisierbar ist. Informiere dich dazu z. B. hier:

https://wiki.selfhtml.org/wiki…ials/responsive_Webdesign

Sempervivum · Vor 2 Stunden

Zitat

Das Einbetten also <embed> funktioniert in der Tat. Ich habe eine Beispiel.txt erstellt und im HTML Körper mit

<embed type="text/plain" src="beispiel.txt"></embed>

den Text aus der Beispiel.txt Datei genau in die Box geholt, die ich wollte.

Hast Du dabei einen gravierenden Nachteil dieser Methode nicht bemerkt: Die Größe des Elementes passt sich nicht an den Inhalt an, sondern wird durch width und height bzw. deren Defaultwerte fest gelegt. Das Problem hast Du nicht, wenn Du die Dateien mit PHP-include einbindest.

Sempervivum · Vor 8 Stunden

Ich bin nicht bis ins letzte Detail in deinen Code eingestiegen, nur einige Hinweise, was schnell auffällt:

Das mit den data-Attributen hast Du schon sehr schön gemacht.

Tu dir einen Gefallen und style das Ganze nicht mit float. Für die Türchen eines Adventskalenders bietet sich ein Gridlayout an.
Ein a-href-Tag um Javascript auszuführen, ist ein wenig umständlich. Du kannst statt dessen einfach Eventlistener auf die Türchen registrieren:

Code

document.querySelectorAll('.Fenster').forEach((dasFenster) => {
dasFenster.addEventListener((event) => {
const derLink = dasFenster.dataset['link'],
derText = dasFenster.dataset['text'];
// so kannst Du die data-Attribute auslesen
// und die Werte in das Overlay eintragen.
});
});

Sempervivum · Vor 14 Stunden

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/#…materials_cubemap_dynamic

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

Sempervivum · Gestern, 17:46

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).

Sempervivum · Gestern, 16:37

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.ulrichb…-reflection-sphere-2.html

Sempervivum · Gestern, 13:11

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.

Sempervivum · Gestern, 11:48

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:

Code

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

Alles anzeigen

Sempervivum · Gestern, 11:18

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

https://stackoverflow.com/ques…va-using-only-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.

Sempervivum · Gestern, 08:40

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

Sempervivum · Dienstag, 21:10

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

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

Sempervivum · Dienstag, 20:12

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:

Code

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

Alles anzeigen

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

Sempervivum · Dienstag, 15:13

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

Code

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

Sempervivum · Dienstag, 14:44

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.

Sempervivum · Dienstag, 06:52

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.

Sempervivum · Montag, 22:21

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:

JavaScript

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

Sempervivum · Montag, 15:50

Dass das nicht funktioniert hat zwei Gründe:

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

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

Code

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

Sempervivum · Montag, 14:18

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…verweissensitive_Grafiken

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

Sempervivum · Montag, 13:27

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

Code

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

Alles anzeigen

Sempervivum · Montag, 12:53

Dieses:

Code

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.

Beiträge von Sempervivum

Text aus externer .txt Datei - Übersicht behalten

Text aus externer .txt Datei - Übersicht behalten

Adventkalender Problem mit Links in data-Attribut

Glaskugel mit three.js

Glaskugel mit three.js

Glaskugel mit three.js

Globale Variable mit onclick

Globale Variable mit onclick

JSON Objekte an JAVA Programm versenden

HTML-Link - Facebook

Bei Klick nur eine DIV Box anzeigen

JSON Objekte an JAVA Programm versenden

Globale Variable mit onclick

Bei Klick nur eine DIV Box anzeigen

Globale Variable mit onclick

Globale Variable mit onclick

Tabellen Zeile ausklappen und Farbe ändern - Konflikt CSS

Was ist das für ein Objekt, Bildformat ...

Objekte in Java Script

Objekte in Java Script