Beiträge von Sempervivum

Zitat

Früher war es verboten eine Variable, Funktion oder ID eine Zahl zu geben, die Browser hatten damit Probleme.

AFAIK trifft das auf Variablen und Funktionen immer noch zu, nur für IDs ist es in HTML5 zulässig.

Es gibt noch einen anderen Gesichtspunkt bei der Sache: In CSS ist eine numerische ID wiederum nicht zulässig. getElementById funktioniert damit aber nicht querySelector und auch nicht querySelectorAll weil für den Selektor, der als Parameter übergeben wird, die Regeln von CSS gelten und damit eine Zahl nicht zulässig ist.

Deshalb ist es nicht empfehlenswert eine reinen Zahlenwert als ID zu nehmen.

Der Zugriff, den Du bei deinem Alert verwendest, funktioniert übrigens, wenn man ihn so umändert:

console.log(window['1'].value);

Aber ebenfalls nicht empfehlenswert.

Nein, Du brauchst Math nicht. Das ist etwas verwirrend in Javascript: Das Pluszeichen dient sowohl zum Addieren von Zahlen als auch zum Zusammenfügen von Strings. Und weil der Inhalte eines Eingabefeldes ein String ist, werden die Zahlen zusammen gefügt statt addiert. Wandle die Strings aus den Eingabefeldern mit parseInt in eine Zahl um, dann funktioniert es, wie Du möchtest.

Es gibt da für Android ein Remote Debugging in Chrome, wo man über den Computer debuggen kann. Hatte ich schon Mal installiert, es war ein wenig tricky, hat aber am Schluss funktioniert. Bei Apple-Geräten gibt es das auch, aber ebenfalls vom Computer und man muss dann einen Mac haben.

Der erste Schritt wäre, die Fragen und Antworten auf dem Server abzulegen und das ginge durchaus auch ohne PHP und nur mit Javascript und Ajax bzw. fetch. Du müsstest dann, wenn Du auf PHP verzichten willst, die Fragen und Antworten in unterschiedlichen Dateien ablegen:

Erste Datei: Erste Frage und die Antworten dazu.

Zweite Datei: Lösung für die erste Frage sowie zweite Frage und Antworten dazu.

Dritte Datei: Lösung für die zweite Frage und ...

Wenn es jetzt jemand darauf anlegt, zu schummeln, könnte er immer noch die URL der nächsten Datei ablesen und die Datei mit der Lösung laden aber Du wärst immerhin einen Schritt weiter und es ginge nicht direkt durch Auslesen des Quelltextes.

Stimme zu, das wäre eine Alternative. Und zu dem Einwand vom Fragesteller selber:

Zitat

Mein Ansatz war es in der Media Square mit display none auszublenden. Ich habe aber gelesen dass diese Methode nicht optimal ist weil es das Video trotzdem lädt was für das Handy nicht so toll wäre.

ist zu sagen, dass die Browser auf Mobilgeräten ein Autoplay nicht zulassen. Daher kann man davon ausgehen, dass auch auf Mobilgeräten das Laden des Videos unterbleibt.

Bist Du schon auf dieses gestoßen?

https://stackoverflow.com/questions/2465…ith-own-buttons

Mit addLayer und removeLayer kannst Du die Layergroups zur Karte hinzu fügen und wieder entfernen.

Mit diesen Markern in OSM habe ich mich schon Mal beschäftigt aber ohne Leaflet. Poste doch mal einen Ausschnitt aus deinem Code, wo man sehen kann, wie Du sie setzt. Wahrscheinlich gibt es eine Funktion in der API, mit der man sie sichtbar und unsichtbar machen kann.

Hast Du dir meinen Link in #2 angesehen? Versuche es damit und wenn Du nicht zum Ziel kommst, melde dich wieder.

Es gibt jedoch eine Einschränkung bei deinem Vorhaben: Auf mobilen Geräten unterdrücken die Browser i. allg. ein Autoplay und starten ein Video nur durch Interaktion des Benutzers. Und Scrollen gehört nicht zu den Aktionen, die es tun, jedenfalls nicht im Samsung-Browser.

Das lässt sich heute sehr viel einfacher als in deinem Skript mit dem Intersection-Observer machen:

https://developer.mozilla.org/en-US/docs/Web…on_Observer_API

Zitat

Man lernt eigentlich nur das, was man auch wirklich anwendet ...

Ein weiser Chinese hat mal gesagt:

Zitat

Erzähle mir und ich vergesse.
Zeige mir und ich erinnere mich.
Lass es mich tun und ich verstehe.

Konfuzius 553-473 v. Chr.

Wenn Du die Breite auf auto setzt, stellt der Browser sie entspr. der natürlichen Breite ein. Bleibt die Frage, wie Du diese wenigen Elemente adressierst. Hast Du die Möglichkeit, ihnen eine bestimmte Klasse zu geben? Wenn nicht, sehe ich nur die Möglichkeit, sie mit nth-child oder nth-of-type zu adressieren, aber dazu müssten sie auf der selben Stufe im DOM liegen.

Möchtest Du das Element mit der höchsten, der zweithöchsten und der dritthöchsten Höhe ermitteln? In dem Fall könnte ich mir ein ganz anderes Vorgehen vorstellen: Mit der Funktion sort und einem Callback die Elemente sortieren:

    <p>Aute tempor Lorem consequat sunt anim incididunt sit dolore pariatur. Adipisicing cillum laborum ipsum et ex non
        est
        aute in exercitation. Aute tempor Lorem consequat sunt anim incididunt sit dolore pariatur. Adipisicing cillum
        laborum ipsum et ex non est aute in exercitation.
    </p>
    <p>Aute tempor Lorem consequat sunt anim incididunt sit dolore pariatur. Adipisicing cillum laborum ipsum et ex non
        est
        aute in exercitation. Aute tempor Lorem consequat sunt anim incididunt sit dolore pariatur. Adipisicing cillum
        laborum ipsum et ex non est aute in exercitation. Aute tempor Lorem consequat sunt anim incididunt sit dolore
        pariatur. Adipisicing cillum laborum ipsum et ex non est aute in exercitation. Aute tempor Lorem consequat sunt
        anim
        incididunt sit dolore pariatur. Adipisicing cillum laborum ipsum et ex non est aute in exercitation.</p>
    <p>Aute tempor Lorem consequat sunt anim incididunt sit dolore pariatur. Adipisicing cillum laborum ipsum et ex non
        est
        aute in exercitation.
    </p>
    <p>Aute tempor Lorem consequat sunt anim incididunt sit dolore pariatur. Adipisicing cillum laborum ipsum et ex non
        est
        aute in exercitation. Aute tempor Lorem consequat sunt anim incididunt sit dolore pariatur. Adipisicing cillum
        laborum ipsum et ex non est aute in exercitation. Aute tempor Lorem consequat sunt anim incididunt sit dolore
        pariatur.
    </p>
    <script>
        // Damit wir sortieren können, müssen wir die Nodelist
        // in ein Array umwandeln:
        const elems = Array.from(document.querySelectorAll('p'));
        // Array nach Höhe der Elemente sortieren:
        elems.sort((a, b) => {
            return a.offsetHeight - b.offsetHeight;
        });

        // Index des letzten Elementes bereit stellen
        // und Farben einstellen:
        let idx = elems.length - 1;
        elems[idx].style.backgroundColor = 'black';
        elems[idx].style.color = 'white';

        // Index des vorletzten Elementes bereit stellen
        // und Farben einstellen:
        idx--;
        elems[idx].style.backgroundColor = 'blue';
        elems[idx].style.color = 'white';

        // Index des drittletzten Elementes bereit stellen
        // und Farben einstellen:
        idx--;
        elems[idx].style.backgroundColor = 'lightblue';

    </script>

https://developer.mozilla.org/de/docs/Web/Ja…ects/Array/sort

Du musst beim Durchlaufen der Schleife das Element mit der größten Höhe so ermitteln:

    let maxHeight = 0,
        elemMaxHeight = null;
    const elems = document.querySelectorAll('p');
    for (let i = 0; i < elems.length; i++) {
        console.log(elems[i].offsetHeight);
        // Ist die Höhe größer als die zuvor gespeicherte, speichern wir die Höhe
        // und das Element als (vorläufig) höchstes:
        if (elems[i].offsetHeight > maxHeight) {
            maxHeight = elems[i].offsetHeight;
            elemMaxHeight = elems[i];
        }
    }
    console.log(elemMaxHeight);

Nachdem ich das ein wenig angesehen habe, würde ich auch so vorgehen, wie Basti in #4 vorgeschlagen hat:

Zitat

In der sessionsave.php würde ich die Daten des Spielers holen , und als JSON zurückgeben.

Im Ajax success nimmst du den JSON auseinander und fügst es dann in das Modal ein und zeigt den Modal dann an

Zitat

selbst mit "position: absolute;" gehts nicht

Wahrscheinlich ist es eher so, dass es wegen "position: absolute" nicht geht Ich habe es vorhin mit dem HTML-Inspektor und Flexlayout ohne Probleme und ohne absolute Positionierung eingerichtet. Informiere dich hier:

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

und wenn Du allein nicht zum Ziel kommst, melde dich wieder.

Verstehe ich das richtig: Es geht dir um die beiden Seiten, auf die man nach dem Login gelangt? Und problematisch ist die Taskleiste unten? Und Du möchtest das Start-Icon ganz links, die Uhrzeit ganz rechts und die anderen Icons dazwischen in der Mitte zentriert?

Solch eine Anordnung kann man ganz ohne absolute Positionierung mit Flexlayout erzielen.

Ich wüsste ja zu gern, was Du da genau vor hast. Der Benutzer soll PHP-Code eingeben können und der soll dann ausgeführt werden? Von so etwas habe ich noch nie gehört und ich frage mich, ob es keine Alternative ohne solche sicherheitskritischen Aktivitäten gibt.

Das ist ein häufiges Problem und meistens liegt es daran, dass die beiden Skripts den selben Variablennamen verwenden. Auch bei dir trifft das zu, es ist offenbar die Variable i . Wenn Du in der Funktion Search diese Variable lokal anlegst, dürfte das Problem schon behoben sein:

function Search(item)
{
    var collection = document.getElementsByClassName("listItem");
      
    // In der folgenden Zeile das "let" bewirkt, dass die Variable lokal innerhalb
    // der Funktion angelegt wird und die globale Variable i des Sliders nicht
    // mehr beeinflusst:  
    for (let i = 0; i < collection.length; i++)
    {
        if (((collection[i].innerHTML).toLowerCase()).indexOf(item) > -1) 
        {
           collection[i].style.display = "block";
        } 
        else 
        {
            collection[i].style.display = "none";
        }
    }
}

Generell ist gegen eine Variable mit dem Namen i nichts einzuwenden weil jeder weiß, worum es sich dabei handelt aber wenn sie global ist wie beim Slider liegen die Dinge anders. Man könnte sie z. B. iSlider nennen oder den Slider ganz in einer Funktion kapseln.

Zitat

"Dann würde in noch onclick in addEventListener ändern."

habe ich beim Entfernen-Button nicht umgesetzt. Da weiß ich nicht, wie ich addEventListener zusammen mit Event-Bubbling anwende.

Das wäre relativ einfach:

        window.addEventListener('click', function (event) {
            // In event.target steht das geklickte Element zur Verfügung
            switch (event.target) {
                case eanmodal:
                    eanmodal.style.display = "none";
                    break;
                case hinweismodal:
                    hinweismodal.style.display = "none";
                    break;
                case listeloeschenmodal:
                    listeloeschenmodal.style.display = 'none';
                    break;
            }
            // Wir prüfen ob der Entfernen-Button geklickt wurde:
            if (event.target.classList.contains('entfernenbutton')) {
                $('#liste').load('elementauslisteentfernen.php', {
                    nummerElement: event.target.value
                });
            }    
        });

(ungetestet)

Zitat

Ansonsten funktioniert der Code nun soweit!

Was war denn jetzt der Knackpunkt? Zuerst hattest Du ja geschrieben, dass es noch nicht funktioniert.