Verwandte Themen

Frage
von ArdaS716
25.02.2023, 13:46
Mit Bildern
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 zum Beitrag
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
3 Antworten
Frage
von Ep1cNinja
07.10.2018, 20:04
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
4 Antworten
Frage
von len732u
13.04.2024, 02:29
Mit Links
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
2 Antworten
Frage
von maetin944
22.03.2024, 08:53
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
1 Antwort
Frage
von frage7377332
31.01.2024, 15:53
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
1 Antwort
Frage
von Ginpanse
05.11.2023, 15:15
Mit Links
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
1 Antwort

Meistgelesene Fragen zum Thema JQuery

Mehr meistgelesene Fragen zu JQuery