Beiträge von DER

Naja, die Ajax reguest wird doch erst beim senden des Formulars ausgeführt.

$('#registerForm').on("submit", function(event)

Das ist der eventhandler, der darauf wartet, dass das Formular abgeschickt wird.

Ich habe das mit Ajax und Jquery noch nicht so verstanden. Mein Ziel ist es die Daten mittels Ajax zum php script zu senden um sie dann dort zu überprüfen und auf der Website dann die Rückmeldung zu sehen.

Was ist denn das load-event? das JQuery load() nutze ich ja gar nicht.

Das ist der ganze Code.

Naja, HTML gibts noch:

<div id="cont"></div>
    <form method="post" id="registerForm">
        <h2>Register</h2>
        <input type="text" name="name" id="name">
        <input type="text" name="surname">
        <input type="email" name="email">
        <input type="password" name="password">
        <input type="password" name="password2">
        <select name="day">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>           
        </select>
        <select name="month">
            <option value="1">January</option>
            <option value="2">Februrary</option>
        </select>
        <input type="number" name="year" min="1900" max="2000" placeholder="Year">
        <input type="hidden" name="hidden">
        <input type="submit" name="submit" value="register">
    </form>

Die $_POST existieren alle, sind aber schlicht leer. Allerdings funktioniert empty() da auch nicht, bzw. gibt false zurück.

Ja stimmt, ist aber nicht der Fehler, auch mit echo klappts nicht.

Sowas kommt dadurch zustande dass man so viel versucht bis man so verwirrt ist, dass man den Code nur halb löscht, oder halb hinschreibt, weil man zwischendurch auf andere Ideen kommt.

Bloß 'ok', heißt also dass das php Script lädt, mehr aber nicht.

Ich versuche mittels JQuery Ajax Daten an php zu übermitteln und im PHP script abzufragen, ob das Formular leer ist.

<?php 

    echo "ok";

    if(!isset($_POST['name'])) {

        echo "NO";
    }

?>

Nun ist das Problem, dass $_POST['name'] immer gesetzt ist, auch wenn es leer ist. empty klappr komischerweise auch nicht, und das obwohl es eindeutig empty ist.

function main() {

    console.log('works');

    $('#registerForm').on("submit", function(event) {

        event.preventDefault();

        $.ajax({

            url: 'forms/form1.php',
            data: $('#registerForm').serializeArray(),
            type: 'post',
            success: function(data) {
                
                console.log(data);
            }
        });
    });
}

window.addEventListener('load', main);

Das ist einmal der ganze JS Code. Ich weiß nicht mehr wo noch der Fehler sein kann.

Ja gut, hat ja auch nicht so lange gedauert als ich von pure js zu jquery gewechselt habe.

basti1012 Danke für die Statistik.

Sempervivum Obwohl Jcanvas viele nützliche Dinge zu bieten hat, scheint es mir nicht die richtige Bibliothek für Spieleentwicklung zu sein. Da stellt sich jetzt bei mir die Frage: Nochmal alles neuprogrammieren mit neuer Bibliothek oder einfach noch eine nutzen? Faktisch habe ich gerade 2 in Benutzung, JQuery und JCanvas.

Dann mal ne andere Frage: Du als erfahrenerer Entwickler: Wie würdest Du so etwas programmieren? Es geht nämlich vor Allem um Objekte die sich schlichtweg von A nach B bewegen sollen. Die Objekte können verschwinden wenn man sie zerstört, müssen also schon als Objekt selbst ansprechbar sein. In den einzelnen Level kommen sie als Wellen in bestimmten Abständen. Wenn ein Objekt von Typ 2 zerstört wurde soll genau dort ein Objekt von typ 1 erstellt werden. Und ganz wichtig: Im ersten Level sind es 14 dieser Objekte, bei Level 100 sicherlich 600 - 800 die Reibungslos über das Spielbrett wandern sollen. Einige sind größer als andere, schneller oder haben allgemein andere Eigenschaften. Wie eben im Originalspiel

Jetzt sag mir nicht das geht nicht, gehen muss es ja schon irgendwie. Das Originalspiel basiert auf Flash, da hat man es ja auch hingekriegt.

Ich glaube da kann man auch ganz anders ansetzen als wir es bisher getan haben oder?

Ja richtig, das wars. Kann man nicht versuchen das einzusetzen statt setTimeout?

Das Problem mit der Verschiebung scheint schlichtweg auf Hardware Ebene zu liegen. Natürlich muss das trotzdem angegangen werden.

Die Sache mit dem Tab wechseln, das hatte ich schon bei der ersten Version des Levels() Scriptes. Soweit ich weiß gibt es da eine Funktion die ähnlich wie SetInterval funktioniert, nur dass diese Rücksicht auf den Browser nimmt um gerade solche Probleme zu vermeiden. Wie hieß die noch gleich...

Das ist passiert als ich den Tab gewechselt habe: https://ibb.co/tqtMYDT

Das beschreibt aber auch nicht das oben genannte Problem mit den Abständen. Die sind nämlich https://ibb.co/S7p1Y5v

Ja stimmt... Hätte mir klar sein sollen.

mytests.bplaced.net funktioniert jetzt.

Habe ein wenig mit Farben rumgespielt, nicht erschrecken, soll auch definitv nicht so bleiben

Ergänzend: Vorteil ist schlichtweg die Einfachheit. Ein weiteres Formularfeld und die dazugehörige CSS anweisung ist schnell gemacht. Der Nachteil allerdings ist, dass es nicht besonders sicher ist. Ein Bot lässt sich nämlich ebenso leicht umprogrammieren dass er solche Felder erkennt.

Dazu fällt mir witzigerweise eine andere Methode ein, dich ich mir soeben erdacht habe. Wenn man das ganze Spiel umdreht, wird es schon schwerer. Also: Ein Formularfeld hinzufügen mit der ausdrücklichen Anweisung der User solle dieses nicht ausfüllen.

Ich will mich ja nicht beschweren, aber hier hat es den Anschein, als würden die Bloons verziehen, wodurch der Abstand nicht der gleiche bleibt. Im nachhinein rücken die dann immer in einem Sprung 3 Schritte vor um den Abstand wiederherzustellen.

Da hätte ich mal ne konkrete Frage: Wozu braucht man das Timeout? Anscheinend klappt es ja auch ohne.

Zitat von Sempervivum

Mich erstaunt vor allem, dass dieser Code funktioniert. Er tut es, aber ich bin weit davon entfernt, zu verstehen, wie und warum.

Dann schau dir das hier an, da wirst Du vom Stuhl fallen:

function levels() {
    
    level++;
    allLevels();
    
    var h = 0;
    var idxAni = 1;
    var speed = 0.1;

    function getDuration(v, x1, y1, x2, y2) {

        var t = Math.hypot(x2 - x1, y2 - y1) / v;
        return t;
    }
                
        while(idxAni !== undefined) {
            
            $('canvas').addLayer({
                type: 'image',
                name: 'bloon'+h,
                data: {
                bloonType: 0
                },
                groups: ['bloons', 'redBloons'],
                source: 'img/redBloon.png',
                x: mapValues[0].x,
                y: mapValues[0].y
            }).animateLayer('bloon'+h, {
                x: mapValues[idxAni].x,
                y: mapValues[idxAni].y
            }, getDuration(speed,
                mapValues[idxAni - 1].x, mapValues[idxAni - 1].y,
                mapValues[idxAni].x, mapValues[idxAni].y), 'linear');

            idxAni++;
        }
}

Am besten ist es ja noch wenn der Programmierer selbst nicht weiß was er getan hat!

Im Grunde genommen kann ich damit auch nichts anfangen, da nicht 14 Bloons erstellt werden, sondern nur einer.

basti1012 Du kannst beim Installationsvorgang von XAMPP selbst auswählen was Du haben willst. Dann lösche XAMPP nochmal neu und wähle beim installieren alles ab was nicht apache oder MariaDB ist. Also 'Filezilla', 'Tomcat' und 'Mercury' abwählen, dann bekommst Du nur den Apache und MariaDB.

Sempervivum Als ich die levels function so verändern wollte dass sie mit bloonCounter arbeitet, ist mir aufgefallen dass ich die Variable 'counter' nicht berücksichtigt habe. Also habe ich versucht levels noch mal neu zu schreiben und konnte den Code zu meinem erstaunen deutlich kürzer halten:

function levels() {
    
    level++;
    allLevels();
    
    var idxAni = 1;
    var speed = 0.1;
    function getDuration(v, x1, y1, x2, y2) {

        var t = Math.hypot(x2 - x1, y2 - y1) / v;
        return t;
    }

    for (var i = 0; i < counter; i++) {
        
        for (var i2 = 0; i2 < bloonCounter[i]; i2++) {
            
                $('canvas').addLayer({
                    type: 'image',
                    name: 'bloon',
                    data: {
                    bloonType: 0
                    },
                    groups: ['bloons', 'redBloons'],
                    source: 'img/redBloon.png',
                    x: mapValues[0].x,
                        y: mapValues[0].y
                }).animateLayer('bloon', {
                    x: mapValues[idxAni].x,
                    y: mapValues[idxAni].y
                }, getDuration(speed,
                    mapValues[idxAni - 1].x, mapValues[idxAni - 1].y,
                    mapValues[idxAni].x, mapValues[idxAni].y), 'linear');

                idxAni++;
        }
    }
}

Jetzt gibt es hier aber 2 Probleme hinter die ich noch nicht komme. 1. hört der bloon sich schon nach 13 Schritten sich zu bewegen. Und 2. wird trotzdem nur ein Bloon erstellt...

jetzt frage ich mich wo genau man ansetzen muss..

EDIT: Problem 1 hat sich geklärt. Bleibt noch Problem 2.

Wobei meine Version eigentlich auch funtkionieren sollte. Zumindest habe ich es so immer gemacht.