PHP Upload funktioniert auf PC aber nicht aufm Handy?

Hallo,

dieser Code funktioniert nicht auf Handy aber auf dem PC, hat wer tipps?

Clientseite (JavaScript):
<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script></head>
<body>
<form id="fileUploadForm" enctype="multipart/form-data">
    <input type="file" name="file" id="fileInput" required>
    <button type="button" id="uploadButton">Hochladen</button>
</form>


<script>
    $(document).ready(function(){
        $('#uploadButton').on('click touchend', function(){
            var formData = new FormData($('#fileUploadForm')[0]);
            $.ajax({
                url: 'https://sub-upload.main.de/upload.php',
                type: 'POST',
                data: formData,
                processData: false,
                contentType: false,
                success: function(response){
                    console.log(response);
                    alert(response);
                },
                error: function(xhr, status, error){
                    alert(error + xhr.status);
                }
            });
        });
    });


</script>
</body>
</html>
Serverseite (upload.php):
<?php
$targetDirectory = '../uploads/';
header("Access-Control-Allow-Origin: https://sub.main.de");
header("Access-Control-Allow-Methods: POST");
header("Access-Control-Allow-Headers: Content-Type");
if (!file_exists($targetDirectory)) {
    mkdir($targetDirectory, 0777, true);
}
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_FILES['file'])) {
    $targetFile = $targetDirectory . basename($_FILES['file']['name']);
    if (move_uploaded_file($_FILES['file']['tmp_name'], $targetFile)) {
        echo 'Die Datei wurde erfolgreich hochgeladen.';
    } else {
        echo 'Beim Hochladen der Datei ist ein Fehler aufgetreten.';
    }
} else {
    echo 'Keine Datei zum Hochladen gefunden.';
}
?>
HTML, Webseite, JavaScript, HTML5, Code, Datenbank, JQuery, MySQL, PHP, Programmiersprache, Webdesign, Webentwicklung
zahl 9999 in der xml als value rauskommt?

vielleicht kann ja jemand hier helfen:

ich weil, wenn nichts im Feld drin steht, dass die zahl 9999 in der xml als value rauskommt

              <input type="hidden" name="Geburtsjahr_Sorgeberechtigter_1" value="9999">
            <input type="hidden" name="Geburtsjahr_Sorgeberechtigter_2" value="9999">
                    <div class="col-xs-3" style="width: 187px;">Geburtsjahr</div>
                        <div class="col-xs-4"   style="width: 272px;">
                            <div class="form-group">
                                <input type="text" class="form-control" style="width: 125px;" placeholder="JJJJ" name="Geburtsjahr_Sorgeberechtigter_1" id="Geburtsjahr_Sorgeberechtigter_1" value="{if $pdf}{$values.Geburtsjahr_Sorgeberechtigter_1}{/if}" maxlength="4" min="1900" max="2100">
                            </div>
                        </div>
                        <div class="col-xs-3">
                            <div class="form-group">
                                <input type="text" class="form-control" style="width: 125px;" placeholder="JJJJ" name="Geburtsjahr_Sorgeberechtigter_2" id="Geburtsjahr_Sorgeberechtigter_2" value="{if $pdf}{$values.Geburtsjahr_Sorgeberechtigter_2}{/if}" maxlength="4" min="1900" max="2100">
                            </div>
                        </div> 


                        // Geburtsjahr 
            $(document).ready(function(){
                $('#Geburtsjahr_Sorgeberechtigter_1').on('input', function(){
                    var eingabeWert = $(this).val();
                    if(eingabeWert === ''){
                        eingabeWert = '9999';
                    }
                    $('input[name="Geburtsjahr_Sorgeberechtigter_1"]').attr("value", eingabeWert);
                });
            });


            $(document).ready(function(){
                $('#Geburtsjahr_Sorgeberechtigter_2').on('input', function(){
                    var eingabeWert = $(this).val();
                    if(eingabeWert === ''){
                        eingabeWert = '9999';
                    }
                    $('input[name="Geburtsjahr_Sorgeberechtigter_2"]').attr("value", eingabeWert);
                });
            });
HTML, Webseite, CSS, JavaScript, HTML5, Code, Datenbank, JQuery, MySQL, PHP, Programmiersprache, Webdesign, Webentwicklung, Frontend
Wieso versendet dieser PHP Code die Mail nicht?

Gestern ging es noch.....

Es kommt zwar die Meldung das die Mail verschickt wurde jedoch wurde sie nicht verschickt

<?php
if(isset($_POST['submit'])) {
  $to = $_POST['to'];
  $subject = $_POST['subject'];
  $message = $_POST['message'];
  $header = "From : <//email-adresse-vom-sender>";
  if(mail($to, $subject, $message, $header)) {
    echo "Email sent successfully";
  } else {
    echo "Email failled";
  }
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div class="container">
  <div class="form_container">
    <h3>Send Email with PHP</h3>
    <form method="post">
      <p>
        <label for="to">To:</label>
        <input type="text" name="to" placeholder="To.."/>
      </p>
      <p>
        <label for="subject">Subject:</label>
        <input type="text" name="subject" placeholder="Subject.."/>
      </p>
      <p>
        <label for="name">Message:</label>
        <input type="text" name="message" placeholder="Message.."/>
      </p>
      <button name="submit" name='submit'>Send</button>
    </form>
    </div>
    </div>
  
</body>
</html>

E-Mail, HTML, Webseite, CSS, JavaScript, HTML5, Code, Datenbank, JQuery, MySQL, PHP, Programmiersprache, Webdesign, Webentwicklung, Frontend, phpMyAdmin
Brauche Hilfe von erfahrenem JS Entwickler?

Hi,

ich arbeite an einem kleinen Projekt und bereue es schon seit Tagen.. Ich möchte in meinem Projekt "bootstrap datatables" verwenden. Ein bootstrap wrapper für datatables.. so dachte ich. Nach Vergleichen der beiden scripte ist mir aufgefallen, dass diese bootstrap version kaum etwas mit der originalen jquery library zu tun hat. >3000 Zeilen javascript. Das ist zu viel für mich.

Zum Problem: Eigentlich funktioniert alles bis auf einen wichtigen Punkt, und zwar die Möglichkeit, mit Hilfe der Suchzeile in ALLEN Spalten der Tabelle GLEICHZEITIG nach Einträgen suchen zu können. Sprich, ich habe folgende Spalten (Titel, Genre, Subgenre, Rating). Wenn ich in der Suchleistr ein Genre eingebe, zeigt er mir alle Einträge an denen dieses Genre zugewiesen wurde. Wenn ich dann aber dahinter mit Leerzeichen ein Subgenre zusätzlich eingebe, soll er mir nur die Einträge auflisten, die sowohl das angegebene Genre, als auch das Subgenre aufweisen. Das funktioniert prima in der originalen jquery datatable version (anscheinend aber erst seit dem letzten Release). In der bootstrap version funktioniert es nicht. Ich gebe ein "Genre" "Leerzeichen" und sobald ich dann den Anfangsbuchstaben eines Subgenres eingebe, zeigt er keine Ergebnisse mehr an. Außerdem löscht er das Leerzeichen nach ca. 1 Sekunde automatisch, wenn ich nicht schnell einen Buchstaben eingebe.

Es gab wohl einige Leute, die dem Entwickler dies vorgeschlagen haben, jedoch gibt es anscheinend keine Lösung, hab auch den Entwickler kontaktiert, aber keine Antwort seit mittlerweile über einem Monat. Wahrscheinlich sind es nur ein paar Zeilen Code, aber der js code ist mir zu komplex. Da ich auch in Stackoverflow seit Wochen keinerlei Hilfe erhalten konnte, ist dies hier meine letzte Hoffnung, bevor ich das Projekt an den Nagel hänge. Vielleicht erbarmt sich ja ein javascript Experte hier.

Meine beiden Quellcodes habe ich der Übersicht halber mal hier hochgeladen, statt sie in den Post hier zu hängen.

https://go.wetransfer.com/t-jGmy9u5iXa

Webseite, JavaScript, JQuery, Programmiersprache, Webentwicklung
Value in jQuery Code?

ich habe für ein Projekt drei verschiede Options Felder (Ja/Nein) Fragen.

Es soll ein Wert (value) "1" ausgegeben werden wenn man, eins der drei Felder auf Ja setzt.

Wenn man aber alle drei Felder auf Nein setzt, soll ein Wert von "2" kommen.

Und wenn man nicht auswählt, also alles frei lässt, soll ein Wert "3" kommen

Hier ein dieser Options Felder:

      <div class="col-xs-6">
                                                        <div class="form-group">
                                                            <label for="Roeteln" style="width: 150px;">Röteln</label>
                                                                <input type="text" class="form-control" name="Roeteln" style="width: 80px;"
                                                                value="{if $values.Roeteln == 'X'}Ja{elseif $values.Roeteln == ''}Nein{elseif $values.Roeteln == ''}{/if}">
                                                                <select class="form-control" name="Roeteln" style="width: 80px;">
                                                                    <option value="" selected=""></option>
                                                                    <option value="X">Ja</option>
                                                                    <option value="">Nein</option>
                                                                </select>
                                                        </div>
                                                    </div>
HTML, Webseite, JavaScript, HTML5, JQuery, Programmiersprache, Webentwicklung, Frontend
Wie kann man zwei Bedingungen in einen JQuery schreiben?

Guten Tag :)

Ich verzweifle an einem Problem bei einem Live Search Feldes in einer Art Telefonbuch. Ich suche einen Vornamen in dem Input, und er zeigt mir alle Personen die diesen Vornamen haben.

Hauptseite (gekürzt):

...jquery-3.5.1.min.js...
...jquery/1.11.3/jquery.min.js...

<script>$(document).ready(function(){  $('.Suchfeld input[type="text"]').on("keyup input", function(){    /* Bei Änderung des Feldes Daten übertragen */    var inputVal = $(this).val();    var resultDropdown = $(this).siblings(".Ergebnisse");    if(inputVal.length){      $.get("daten.php", {s: inputVal}).done(function(data){        // Zeige Ergebnisse        resultDropdown.html(data);        $("#Suchfeld").focusout(function () { → Hier das Problem          $('#Ergebnisse').css('display', 'none');        });        $("#Suchfeld").focusin(function () {          $('#Ergebnisse').css('display', 'block');        });      });    } else{      resultDropdown.empty();    }  });
  // Angeklicktes ins Feld  $(document).on("click", ".Ergebnisse p", function(){    $(this).parents(".Suchfeld").find('input[type="text"]').val($(this).text());    $(this).parent(".Ergebnisse").empty();  });});</script></head><body>
<div class="Suchfeld"><input type="text" autocomplete="off" placeholder="" name="Suchfeld" id="Suchfeld"><div class="Ergebnisse" name="Ergebnisse" id="Ergebnisse"></div></div>

So sieht das aus:

Funktionen:

Wenn ich den Focus verliere (also etwas anderes auf der Seite anklicke oder TAB drücke) wird das blaue Dropdown Menü geschlossen. Wenn ich es wieder anklicke, wird es wieder ausgeklappt.

Wenn einer der Namen angeklickt wird (z.B. Dennis in diesem Fall) soll der Name in das Input Feld übertragen werden.

Problem:

Das mit dem Namen anklicken hat nur so lange geklappt, bis ich das mit dem Focus verlieren eingebaut habe. Als das drin war, hat es nicht mehr geklappt. Wieso? Weil in dem Moment, wo ich einen Namen anklicke, der Focus von dem Input Feld verloren geht. Also ich klicke auf Dennis, und noch bevor er den Namen in das Input überträgt, verliert er den Focus und schließt das Dropdown Menü sofort wieder.

Daher brauche ich eine zweite Bedingung, nämlich dass das Dropdown Menü beim verlieren des Focus nur geschlossen werden soll, wenn die Maus gerade nicht über dem Dropdown Menü ist.

Also der Code hier:

$("#Suchfeld").focusout(function () {
$('#Ergebnisse').css('display', 'none');
});

Soll nur ausgeführt werden wenn focusout zutrifft und wenn die Maus NICHT drüber ist. Mouseout ist hierfür nicht so geeignet, weil es erst aktiviert wird, wenn man die Maus von drin rausbewegt. Es soll aber immer aktiviert werden wenn die Maus gerade nicht drüber ist, ohne sie erstmal rein und dann wieder raus zu bewegen.

Daher die Bedingungen

  1. Input Feld kein Focus
  2. Maus nicht drüber

Ich verzweifle echt an diesem Problem und wäre sehr dankbar für eine Lösung.

Vielen Dank an die Community <3

Bild zu Frage
HTML, Webseite, JavaScript, JQuery, Programmiersprache, Webentwicklung
Text unter Bild in HTML hinzufügen?

Ich habe ein Bild. Darunter habe ich ein Text platziert. Allerdings geht der Horizontal von links nach rechts, was es auch soll. Nur soll er da anfangen, wo auch das Bild beginnt und enden, wo das Bild endet. In den zwei Bildern könnt ihr erkennen, wie es es gerade habe und nicht will und wie ich es gerne haben würde.

<!DOCTYPE html>
<html>
<head>
    <title>Film- und Serienbeschreibungen</title>
  


  <style>
    img {
        display: block;
        margin: 0 auto;
        width: 1000px;
        border-radius: 10px;
    }


    body {
        text-align: center;
    }


    p {
        
    }
  </style>
</head>
  <body>
    <img src="mrrobotscene.jpg">
    <h1>Mr. Robot - Beschreibung</h1>
    <p>Mr. Robot ist eine US-amerikanische Fernsehserie, die von Sam Esmail entwickelt wurde. Die Serie handelt von Elliot Alderson, einem jungen Programmierer, der für eine Cyber-Sicherheitsfirma arbeitet und in seiner Freizeit zum Hacker wird. Elliot leidet unter sozialen Ängsten und Depressionen und verfällt in eine Art Schizophrenie, die von seinem imaginären Freund, Mr. Robot, ausgelöst wird</p>
    
  </body>
</html>
Bild zu Frage
PC, Computer, Programm, HTML, Webseite, programmieren, CSS, Java, JavaScript, HTML5, Hacking, Informatik, JQuery, PHP, Programmiersprache, Python, Softwareentwicklung, Technologie, Webdesign, Webentwicklung, Visual Studio Code, Frontend-Entwicklung
wieso PHP Parse error: syntax error, unexpected token ";" in /home/emmanuel/Downloads/hp.php on line 11?
<link rel="stylesheet" href="style.css">
<?php
$db = unserialize(file_get_contents('data.php'));
if($db == false){
        $db = array();
}
if($_POST['mail'] == ''){
        if($_POST['name'] == ''){
                if($_POST['pass'] == ''){a
                        if(!array_key_exists($_POST['mail'], $db){
                                $db[$_POST['mail']] = [$_POST['name'], []];
                                file_put_contents('data.php', serialize($db));
                        } 
                }
        }
}
?>
<form action="" method="post">
    <center>
        <label for="firma_name" >name:</label><br>
        <input type="text" class="input" name="name" autocomplete="off"><br>
        <label for="produkte">email:</label><br>
        <input type="text"  class="input" name="mail" autocomplete="off"><br>
        <label for="adresse">pass:</label><br>
        <input type="text"  class="input" name="pass" autocomplete="off"><br>
        <input type="submit" class="anmelde_button" value="anmelden">
    </center>
</form>

wieso PHP Parse error: syntax error, unexpected token ";" in /home/emmanuel/Downloads/hp.php on line 11?

HTML, Webseite, CSS, JavaScript, HTML5, Datenbank, JQuery, MySQL, PHP, Programmiersprache, Webdesign, Webentwicklung, phpMyAdmin
jQuery Eingabe unten einfügen?

Ich soll einen Code schreiben, der die Eingabe nach dem drücken des Buttons unten auflistet (wie im Bild gezeigt). Kann mir jemand sagen was ich falsch gemacht habe?

Hier mein Code:

<!DOCTYPE html>
<html lang="de">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Praktikum Webanwendungen 1</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    </head>
    <style>
        h1{
            font-size: 50px;
        }


        div{
            float: left;
            margin: 10px;
        }


        .aufgabe{
            font-weight: bold;
            font-size: larger;
        }
       
        .liste{
            border: solid black;
        }
    </style>
    <body>
        <h1>Todo Liste</h1>
        <div class="aufgabe">Aufgabe:</div>
        <div class="eingabe"> <input type="text"> </div>
        <div class="erstellen"> <input type="submit" value="Erstellen"> </div>
        <br><br>
        <p class="liste"></p>
    </body>
    <script>
        $(document).ready(function(){
            $(".erstellen").click(function(){
                $("input").appendTo(".liste");
            });
        });
    </script>
  </body>
</html>


Bild zu Frage
HTML, CSS, JavaScript, JQuery
JavaScript Problem?

Hab mir einen Passwort Generator gemacht (Code unten), aber irgendwas stimmt da manchmal nicht und ich komm nicht drauf.

Ist noch nicht fertig oder überhaupt ein Krasser Passwort Generator aber hab den aus Langeweile gemacht und dieser Fehler stört mich.

Kann mir jemand weiterhelfen ?

Hier steht kein Undefined.

Hier steht ein Undefined mitten im erstellten Passwort.

Ist nur kurzer JavaScript Code:


let pwLength = 12;
let randomNumber  = Math.round(Math.random() *3);
let ALPHABET = [ 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R',  'S', 'T', 'U', 'V', 'W', 'X','Y', 'Z' ];
let alphabet = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'];
let Numbers = ["0","1","2","3","4","5","6","7","8","9"];
let SpecialChar = 
            ["!", "*", "#" ,"," ,";" ,"?", "+", "-", "_" ,".", "=", "~", "^", "%", "(", ")" ,"{", "}", "[", "]", "|", ":", "/" ];
let passwort = "";


    for (i = 0; i <= pwLength - 1; i++){
    /* zufällige Zahl zwischen 0-3,
    Bei jedem Schleifendurchgang geht es in ein anderes if statement rein */
    randomNumber  = Math.round(Math.random() *3);


                    // +1 Großbuchstabe
                if (randomNumber == 0){
                passwort += ALPHABET[Math.round(Math.random() *ALPHABET.length)]; }
                  // +1 Kleinbuchstabe
                if (randomNumber == 1){
                passwort += alphabet[Math.round(Math.random() *alphabet.length)];}
                  // +1 Zahl
                if (randomNumber == 2){
                   passwort += Numbers[Math.round(Math.random() *Numbers.length)];}
                    // +1 Sonderzeichen
                if (randomNumber == 3){
                passwort += SpecialChar[Math.round(Math.random() *SpecialChar.length)];}
    }
                if (passwort.includes("undefined")){
                console.log("Undefined Fehler, Passwort lautet " + passwort);}
                else{ console.log("Dein Passwort lautet : " +passwort )}

Glaube mit Switch Case wäre das besser als if, hab ich aber nie benutzt nur in Tutorials mal gesehen

Bild zu Frage
Computer, HTML, programmieren, CSS, JavaScript, Fachinformatiker, Informatik, JQuery, MySQL, web.de, Angular
Warum ist $_POST hier leer?

Hi, arbeite gerade an nem Kontaktformular, welches mit JQuery und Ajax gesendet werden soll. Hier der Code:

let form = $(this);
let actionUrl = "assets/php/contact.php";

$.ajax({
    type: "POST",
    url: actionUrl,
    contentType: "application/json",
    data: form.serialize(),
    success: function (backendError) {
        console.log(backendError);
        errorHandler(backendError);
    },
    error: function () {
        console.log("failure");
        alert("Internal Error occured. Please try again later");
    }
});

hier der PHP Code zum senden:

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    try {
        $errors = array();
        $name = "";
        $email = "";
        $human = "";
        $message = "";

        if (empty($_POST["name"])) {
            $errors[] = "name";
        } else {
            $name = $_POST["name"];
        }

        if (empty($_POST["email"])) {
            $errors[] = "email";
        } else {
            $email = $_POST["email"];
        }

        if (empty($_POST["human"])) {
            $errors[] = "human";
        }

        if (empty($_POST["message"])) {
            $errors[] = "message";
        } else {
            $message = $_POST["message"];
        }

        if (count($errors) === 0) {
            $to = "my@email.de";
            $subject = "Kontaktformular - " . $name;
            $message = "";
            $additional_headers = array(
                "From" => $email,
                "Reply-To" => $email,
                "X-Mailer" => phpversion()
            );

            mail($to, $subject, $message, $additional_headers);
            $response["error"] = false;
            echo json_encode($response);
            exit;
        } else {
            $response["error"] = $errors;
            echo json_encode($response);
            exit;
        }
    } catch (Exception $exception) {
        // in Log File Time + Error + IP
        exit;
    }
}

mein Problem: das POST Array is leer. Habs mir mal ganz oben ausgeben lassen, und stand nix drin, obwohl jquery die inputfelder per POST an das PHP File sendet. Ich denke, dass ich irgendwas bei der $ajax methode falsch gemacht habe, und es deshalb net funktioniert. bin am verzweifeln :) danke für jede Hilfe!

Computer, HTML, Webseite, programmieren, JavaScript, AJAX, JQuery, PHP
jQuery lädt nicht?

Hallo,

ich brauche Hilfe bei diesem Code:

Index:

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Dokument</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
      $(function () {
        $("#nav").load("nav.html");
      });
    </script>
    <link rel="stylesheet" href="style.css"><link>
  </head>
  <body>
    <div id="nav"></div>
  </body>
</html>

geladene Datei:

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Dokument</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
      $(function () {
        $("#nav").load("nav.html");
      });
    </script>
    <link rel="stylesheet" href="style.css"><link>
  </head>
  <body>
    <div id="nav"></div>
  </body>
</html>

Das Problem ist, dass wenn ich die Index mit einem Live Server starte dann kann ich auch die geladene Navigation sehen, aber wenn ich sie normal öffne (Doppelklick auf die Datei (Chrome)) dann geht es nicht.

Danke im voraus

Computer, Technik, programmieren, JQuery
JavaScript 2 forEach Schleifen?

Hi,

ich bin dabei mein eigenes Schachspiel als Webseite zu programmieren. Ich hänge aber leider gerade beim spawnen der Figuren fest. Ich will diese ja so kompakt wie möglich im Code formulieren.

Die Frage ist jetzt beim letzten Bild. Warum kann ich keine 2 for each schleifen so wie im bild durchlaufen lassen. es kommt das hier als fehler

Ich will in der ersten for each alle 6 objekte nacheinander aufrufen, dann jeweils pro durchlauf soll zu z.b den bauern alle 16 positionen auf dem schachfeld belegt werden. ich hoffe jemand kann mir helfen.

Hier nochmal die wichtigsten teile des codes als text:

function Figur(name, position, bild)

{

    this.Name = name;

    this.Position = position;

    this.Bild = bild;

    this.Bewegen = bewegen;

}

var f_namen = ["bauer","springer","laeufer","turm","dame","koenig"];

var bauer = new Figur("bauer", ["1_2","2_2","3_2","4_2","5_2","6_2","7_2","8_2","1_7","2_7","3_7","4_7","5_7","6_7","7_7","8_7"], "Media/Bilder/Schachfiguren/Bauer.png");

var springer = new Figur("springer", ["2_1","7_1","2_8","7_8"], "Media/Bilder/Schachfiguren/Springer.png");

var laeufer = new Figur("laeufer", ["3_1","6_1","3_8","6_8"], "Media/Bilder/Schachfiguren/Läufer.png");

var turm = new Figur("turm", ["1_1","8_1","1_8","8_8"], "Media/Bilder/Schachfiguren/Turm.png");

var dame = new Figur("dame", ["4_1","4_8"], "Media/Bilder/Schachfiguren/Dame.png");

var koenig = new Figur("koenig", ["5_1","5_8"], "Media/Bilder/Schachfiguren/König.png");

function spielstart()

{

    //Alle Felder leeren

    $(".figur").remove();

    //Figurenzähler auf 1

    f_nummer = 1;

    //Figuren spawnen

    f_namen.forEach(element_name => {

        element_name.Position.forEach(element => {

            $("<div/>",{

                id: koenig.Name + "_" + f_nummer,

                class: "figur",

                "height" : "100px"

            }).appendTo("#feld_" + element);

           

            $("<img/>",{

                class: "l_bild",

                "src" : koenig.Bild

            }).appendTo("#koenig_" + f_nummer);

            f_nummer++;

        });

    });

}

Bild zu Frage
Computer, HTML, programmieren, JavaScript, JQuery, Spiele und Gaming
Wie sende ich Variablen von JavaScript nach Flask via jQuery?

Hallo,

ich bin in JavaScript/jQuery und auch Python/Flask noch ein ziemlicher Anfänger. Ich versuche gerade, einfach nur ein JSON-Objekt aus JavaScript in einem HTML-Template mit Flask anzuzeigen.

Hier mein Code:

Flask:

from flask import Flask,request, render_template

app = Flask(__name__)

@app.route("/")
def rofl():
  return render_template("test.html")

@app.route("/test", methods=['POST'])
def test():
  Namensliste = request.get_json(True)
  print(Namensliste)
  return render_template("rofl.html", Namensliste=Namensliste)

if __name__ == '__main__':
  app.run(port=5200)

test.html:

<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  <form action="#" method="post">
    <button type="button" onclick="JSONTest()"> Send UserInfo</button>
  </form>
</body>

rofl.html:

<head>
  <meta charset="UTF-8">
  <title>Titel</title>
</head>
<body>
  NamensListe: {{Namensliste}}
</body>

JavaScript-Datei:

var myJason = {
  "name1" : "Jens",
  "name2" : "Josef",
  "name3" : "Johannes"
}

function JSONTest() {
  var MyJason= JSON.stringify(myJason);
  console.log(MyJason)
  $.ajax({
    type: 'POST',
    url: '/test',
    data: MyJason,
    success: function(data) {
      console.log(data, "Rückmeldung1");
  }});
}

Wie mein Code eigentlich funktionieren soll ist: Ich rufe die Route "/" auf, drücke auf den Button: "JSONTest()" und meine Funktion sendet via jQuery mein JSON-Objekt an "/test". Dort wird das Objekt in Namensliste gespeichert und rofl.html mit der Namensliste darin aufgerufen.

Ich weiß, dass hier wahrscheinlich viele Grundlagenfehler drin sind, aber ich habe wirklich ewig lang gegooglet und finde einfach nicht, wie man es richtig macht.

Danke schon einmal für jede Idee.

Computer, Technik, HTML, programmieren, JavaScript, Informatik, JQuery, Python, Flask
Password auf Groß und Kleinbuchstaben/ziffern achten JavaScript?

Hallo wir sollen bei einer Aufgabe überprüfen ob das Passwort ein Groß/kleinBuchstaben und eine Ziffer enthält und dann die Eingabe grüne färben. Bin mir aber nicht sicher wie das funktionieren soll.

Aufgabe:

(b) Erweitern Sie die Funktion aus der vorherigen Aufgabe so, dass auch bei mehr

als 8 Zeichen der Hintergrund ebenfalls gelb ist und erst grün wird, wenn die

Zeichenkette einen Großbuchstaben, einen Kleinbuchstaben, eine Ziffer und

ein anderes Zeichen enthält! Hinweis: Mit s.charAt(i) greift man auf das i-te Zeichen in der Zeichenkette s zu.

<!DOCTYPE html>
<html lang=de>
<head>
  <title>JS – jQuery Einbinden</title>
  <meta charset=utf-8>


  <!-- Nur eine der beiden folgenden Varianten einsetzen: -->


  <script src="jquery-3.4.1.min.js"></script>
  <script>
  function test(s)
  {
  var anz=s.length;
   var charset = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
   var bool=true;
	if(anz<6)
	{
	$('#passw').css("background-color","pink");
	}
	if(anz>=6 && anz <=8)
	{
	$('#passw').css("background-color","yellow");
	}
	if(anz>8)
	{


	}
	for(i=1;i<=anz; i++)
	{
	if(s.charAt(i)==charset)
		$('#passw').css("background-color","lightgreen");
	else 
	$('#kurz').text("zukurz");
	
	}
	
	$('#anz').text(anz);
  }
  </script>
  </head>
<body>
<h1>Passworteingabe</h1>
<p>Passwort eingeben: </p>
<input type=text oninput="test(value);" id="passw">
<br>
Anzahl: <span id="anz"></span>
Zu Kurz? <span id="kurz"></span>
</body>
</html>
Computer, JavaScript, Informatik, JQuery
JQuery Code wird in falscher Reihenfolge ausgeführt?

Guten Tag. Ich will einen Bar Chart generieren nachdem ich informationen bei einer API ausgelesen habe. Dies habe ich mir so vorgestellt, dass erstmal die daten ausgelesen werden, diese in ein array umgewandelt werden und dann der barchart generiert wird.

Gerade komme ich nicht weiter beim umwandeln zum Array. Die Funktion test() wird schon am direkt am anfang ausgeführt, obwohl noch nicht alle informationen zusammengestellt wurden. Was kann ich machen, damit test() erst nach dem start() vollständig ausgeführt wurde, ausgeführt wird?

Code:

var app = {};
			//a jQuery function that is directly called using jQuery is registered to be started after the page has finished loading
$(function() {
      start();
	  test();
});
        var arrayy = [];


        function start()
        {
            getLogDataKeys();   
        }
        
        //a function that retrieves a list of objects for owner logdata
        function getLogDataKeys()
        {
            $.getJSON("http://webtechlecture.appspot.com/cloudstore/listkeys?owner=logdata",
                    &nbsp;&nbsp;
                    &nbsp; function(data)//this function is called when the server answers its data
                    &nbsp; {
                        console.log(data)
                        if (data.length&gt;0)
                        {
                            $.each(data,
                                &nbsp; &nbsp;function(index,logEntry){//this function is called for each single object in the array named "data" (listobjects and listkeays answer an array, while get does not!)
                                        processLogEntry(logEntry);
                                    });
                        }
                    &nbsp; }
                        
                     );




        }
        
        //each logEntry is processed here
        //process &amp; aggregate the data here
        function processLogEntry(aEntry)
        {
            $.getJSON("http://webtechlecture.appspot.com/cloudstore/get?owner=logdata&amp;key="+aEntry.key,
                function(data)//this function is called when the server answers its data
                    &nbsp; {
                        var diena = data.app;
                        
                    &nbsp; &nbsp; if(app.hasOwnProperty(diena)){
                        var value= app[diena];
                        app[diena]= value+1;
                        }
                        if(!(app.hasOwnProperty(diena))){
                        app[diena] = 1;
                        }
                        console.log(aEntry);
                        
                    });
        }
    function test()
        {
                        Object.keys(app).forEach(function(key) { arrayy.push([key,app.key])});
                        console.log("HI");
        }
    google.charts.load('current', {packages: ['corechart', 'bar']});
    google.charts.setOnLoadCallback(drawBarColors);

function drawBarColors() {       var data = google.visualization.arrayToDataTable([         arrayy       ]);

      var options = {
        title: 'Population of Largest U.S. Cities',
        chartArea: {width: '50%'},
        colors: ['#b0120a', '#ffab91'],
        hAxis: {
          title: 'Total Population',
          minValue: 0
        },
        vAxis: {
          title: 'City'
        }
      };
      var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
      chart.draw(data, options);
    } </script>

programmieren, JavaScript, JQuery
[jQuery AJAX] echo mit HTML Content von PHP Datei ausgeben?

Okay, die Frage ist evtl ein bisschen kompliziert. Deshalb beschreibe ich das anhand eines Beispiels. Zuerst meine Dateien:

PHP (submit.php)

<?php
 $mail = $_GET['mail']; if(filter_var($mail, FILTER_VALIDATE_EMAIL)) { echo "<div role=\"alert\">Ungültige E-Mail</div>"; } else { echo "<div role=\"alert\">Gültige E-Mail</div>"; }

?>

HTML (index.html)

<form id="myForm">
  <input type="email" name="mail" id="mail" placeholder="E-Mail Adresse"/>
  <input type="submit" name="check" id="check" value="Senden"/>
</form>
<script src="http://code.jquery.com/jquery-1.9.1.js"/> <script> $(function () { $('form').on('submit', function (e) { e.preventDefault(); $.ajax({ type: 'post', url: 'submit.php', data: $('form').serialize(),   success: function() {    //echo "Gültige E-Mail    } error: function() { //echo "Ungültige E-Mail" } }); }); }); </script>

Beschreibung:

Sobald das Formular abgesendet wurde, wird die E-Mail an die submit.php gesendet. In dieser wird überprüft, ob die E-Mail gültig ist und gibt dann das Ergebnis in Form von HTML-Code zurück.

Die Lösung mit alert will ich nicht. Es soll unterhalb der Form das Ergebnis stehen.

Wenn ich mit PHP

echo "<div role=\"alert\">Gültige E-Mail</div>";

ausgebe, dann steht das auch direkt in HTML dort (also nicht als PlainText).

Wie ist es also möglich, das Ergebnis der submit.php zu bekommen und in der index.html auszugeben?

Vielen Dank im Voraus!

Computer, Technik, HTML, Webseite, programmieren, JavaScript, AJAX, JQuery, PHP, Technologie
CSS Animation vor Redirect?

Hallo, ich hatte schonmal so eine ähnliche Frage gestellt aber bekomme es einfach nicht hin. Nun hab ich eine kleine Testumgebung gebaut, in der ich folgendes möchte:

Die Eingangsanimation spielt sich automatisch ab wenn die Seite geladen ist. Klicke ich auf den Go-Button in der Mitte (Später sollte das bei jedem Button passieren der eine bestimmte Klasse hat) dann soll der Klasse "intro" die Klasse "animation_out" hinzugefügt werden. Nach einer bestimmten Zeit (Am besten händisch per Ms änderbar) soll dann erst der Redirect erfolgen.

Gibt es da eine EINFACHE Lösung für Anfänger wie mich?

XXXXXXXX_____HTML_____XXXXXXXX

<div class="intro">
</div>

<a class="testbutton" href="#">GO</a>

XXXXXXXX_____CSS_____XXXXXXXX

body{
 margin: 0;
 padding: 0;
}

.intro{
width: 100%;
height: 100vh;
position: fixed;
z-index: 9999;
padding: 0;
background-color: #000;
overflow: hidden;
pointer-events: none;
-webkit-animation: animation_in 1s 1; /* Safari 4.0 - 8.0 /
animation: animation_in 1s 1;
animation-fill-mode: forwards;
}

@keyframes animation_in {
0%  {height: 100%;}
100% {height: 20px;}
}

.animation_out{
-webkit-animation: animation_out 1s 1; /* Safari 4.0 - 8.0 /
animation: redirectanimationout 1s 1;
}

@keyframes redirectanimationout {
0%  {height: 20px;}
100% {height: 100%;}
}

.testbutton{
position: absolute;
background-color: #000;
color: #fff;
width: 50px;
padding: 5px 0;
text-align: center;
float: 0 auto;
margin-top: 50vh;
margin-left: calc(50% - 25px);
}






HTML, Webseite, CSS, JavaScript, Code, JQuery
Ajax holt Daten, JQUERY erkennt ID nicht?

Hallo

Ich hoffe, dass Ihr mir auf die Sprünge helfen könnt.

Mittels Button wird per JQUERY Ajax aufgerufen. Von der Datenbank werden Bilder ausgegeben.

Nun habe ich vorher schon einige Funktion gebastelt, die mir erlauben das Bild zu bearbeiten, z.B. mittels keyUP die Positionen vom Bild zu verändern, Größe und Co.

Da es mehrere Bilder sind, wird in der PHP Datei eine For-schleife erstellt, wo die Inputs und Buttons mit classen (und Id->testzweck) versehen werden (echo-ausgabe).

Nun lassen sich weder die Buttons noch mit Inputs steuern, weder mit this bzw Klassen noch mit der Id.

Hat vielleicht jemand eine Idee woran es liegen könnte?

      $('#load_image').click( function (event) {
        event.preventDefault();
        $.ajax({
          type: 'POST',
          url: 'ajax/home.php',
          data: $(this).serialize(),
          success: function (title_image) {
            $('#title_image').html(title_image);
          }

        });
      });



<button id="load_image" type="submit" name="load_image" class="btn btn-primary start"> <span><i class="glyphicon glyphicon-picture"></i>Bilder Laden</span> </button>
        <div id="title_image" class="margin">
          <!-- DIVS vom PHP AJAX -->
        </div>


Ajax PHP datei

if (!$title->execute()) {
  echo "Fehler";
} else {
  $name = array();
  while ($data = $title->fetch()) {
    $name[] = $data['name'];
  }
$count = count($name);
  for ($i=0; $i < $count; $i++) {
    echo $name[$i];

/* DIVS */
    echo '    <input type="number" id="image_horizontal_edit1" value="" placeholder="Horizontal">';
    echo '    <input type="number" id="image_vertical_edit1" value="" placeholder="Vertical"><br><br>';
    echo '    <input type="number" id="image_zoom_edit1" value="" placeholder="Zoom"><br><br>';


Computer, Technik, HTML, programmieren, HTML5, AJAX, JQuery, MySQL, PHP, Technologie
JQuery in JavaScript Converter?

Hey Leute,

ich möchte gerne meinen jQuery-Code in JavaScript umwandeln. Mir ist klar, dass jQuery auch JavaScript ist, das halt nur eine Library benötigt. Gibt es so etwas wie einen jQuery-to-JavaScript-Converter?

Ich möchte halt diesen Code umwandeln:

<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#key').removeClass('lglan');
      }
      else {
        $('#key').addClass('lglan');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $('#receive').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#key2').removeClass('lglan');
      }
      else {
        $('#key2').addClass('lglan');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#vm').removeClass(' esy ');
        $('#vm').addClass(' odn ');
      }
      else {
        $('#vm').addClass(' esy ');
        $('#vm').removeClass(' odn ');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $("#change").focusin(function () {
      $("#change").addClass("dri2");
    })
    $("#change").focusout(function () {
      $("#change").removeClass("dri2");
      $("#change2").focusin(function () {
        $("#change2").addClass("dri2");
      })
      $("#change2").focusout(function () {
        $("#change2").removeClass("dri2");
      })
    })
  });
</script>
<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $("#vm").attr("disabled", "disabled");
        $("#vm").removeAttr("enabled", "enabled");
      }
      else {
        $('#vm').attr("enabled", "enabled");
        $("#vm").removeAttr("disabled", "disabled");
      }
    });
  });
</script>
<script>
  $(document).ready(function() {
    $('#receive').on("input", function() {
      let currentValue = $(this).val();

      if (!currentValue.length) {
        $('#toggle').html('');
      }
      else {
        $('#toggle').html('<a id="click" class="lock" href="javascript:;"><?php echo $show ?></a>');
      }
    });
    $(document).on("click", "#click", function() {
      let text = $(this).text();

      if (text === "<?php echo $show ?>") {
        $(this).text("<?php echo $hide ?>");
        $("#receive").attr("type", "text");
      }
      else {
        $(this).text("<?php echo $show ?>");
        $("#receive").attr("type", "password");
      }
    });
  });
</script>

LG

Wenn jemand etwas weiß, wäre es cool, mich zu unterstützen. 😉

Computer, online, HTML, programmieren, JavaScript, JQuery

Meistgelesene Fragen zum Thema JQuery