JavaScript Warum wird mein Modal nach Aktualisierung nicht wieder angezeigt?

2 Antworten

Hast du denn schon einmal geschaut, was passiert, wenn ein Modal geschlossen wurde? Wird das Element nur ausgeblendet oder tatsächlich aus dem DOM entfernt?

Zeig bitte auch die notwendigen HTML-Teile des Codes sowie die Stellen, an denen diese Funktion aufgerufen wird und die Klasse in zugewiesen wird.

Durchschnittsrechner Javascript Probleme mit onkeyup ausführung?

Hallo alle zusammen ich bin noch ein ziemlicher neuling in sachen Javascript daher entschuldigt mich, ich bin gerade dabei einen Durchschnittsrechner zu basteln und habe dafür eingabefeld erzeugt welches die eingegebene Note beim enter-Tasten drücken übernimmt und die anzahl an Noten um eines erhöht nur funktioniert es nicht und ich bekomme es auch nicht hin das feld zu clearen nachdem der wert übertragen wurde Kann mir jmd helfen?

Quelltext:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf8">
    <h1> Durchschnittsrechner</h1>
  </head>
<body>
     
      <Label id="anzahlNoten">Bitte gib die Note ein und bestätige mit der enter taste
</Label> 
      <input id="eingabe" type="number">
      <input type="button" id="noteneingabe" onclick="neueNote()" value="berechnen">
        
  <br>
       
       <br>
      <a id="result"></a>
       
    
   
     
   
   
</body>
  <script type="text/javascript">
    var weitereNote=0;
    var x=0;
     
    document.onkeyup = function neueNote(){
      if(window.event.keyCode==13){
        var Note = document.getElementById("eingabe").innerHTML; 
        var summe = summe+note;
        x++;
        var anzahl= x;
        document.getElementById("eingabe").innerHTML=0;
       
    }
    function Durchschnittberechnen(){
      document.getElementById("result").innerHTML=
        Math.round(summe/anzahl);
       
       
       
       
       
    }
     
  </script>
</html>

Vielen dank für eure hilfe

...zur Frage

Kann ich am Js Client (Browser) den Sourcecode irgendwie unleserlich machen. / encoden ohne dass das Javascript Crasht?

Ich hab ein Js das ein ajax Post request sendet an ein php script und das trägt was in die Mysql ein

var str = 199; //Beispiel 
function sendcoins(str) {

    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            document.getElementById("txtHint").innerHTML = this.responseText;
        }
    };
    
    
    xmlhttp.open("GET", "getcoin.php?update=" + str);
    xmlhttp.send();

}

Soo JZ nimmt php das Brav an

$update = $_REQUEST["update"];

Aber ... jz kommt das Problem jeder kann im Browser die Funktion aufrufen ...

Der Rest erklärt sich selbst denke ich ..

Hat Jemand ne idee wie ich das besser machen kann :0

Währe nice

HappyNewYear

...zur Frage

Ajax Insert?

Guten Morgen Community,

Ich würde gerne mein PHP Skript über Ajax ausführen.

Soweit hab ich schon alles stehen und die Variablen haben auch den richtigen zugewiesenen Wert jedoch wird beim versenden kein Insert ausgeführt.

Das PHP Skript an sich funktioniert auch, nur halt nicht über Ajax

Kann mir jemand sagen ob in dem Skript ein Fehler ist?

HTML Formular:

<form id="createform" action="../functions/addOrder.php" method="POST">
    <p>
      <input type="text" id ="vorname" name="vorname" class="createOrders" placeholder="Vorname" required>
	</p>
	<p>
      <input type="text" id ="nachname" name="nachname"  class="createOrders" placeholder="Nachname" required>
	</p>
	<p>
      <input type="text" id ="modell" name="modell"  class="createOrders" placeholder="Modell" required>
	</p>
	<p>
      <input type="text" id ="anmerkung" name="anmerkung"  class="createOrders" placeholder="Anmerkung" required>
	</p>
	<p>
	  <textarea rows="10" id ="aufgabe" name="aufgabe" class="createOrders" placeholder="Aufgabe" cols="40" required></textarea>
	</p>
	<p>
	  <input type="number" id ="preis" name="preis" class="createOrders" min="0.00" step="0.01" placeholder="Preis in €" name="notice" required>
    </p>
	<p>
	  <input type="submit" class="search_sub" id="submit" name="send" value="senden">
	</p>
</form>

Js

    $(".createOrder").click(function(){
        $.ajax({
            url: 'html/createOrder.php'
        }).done(function(data) {
            $('.content').html(data).hide(0).fadeIn("slow");
			$("#createform").submit(function(e){
					$("#response").html("").hide(0).fadeIn("slow");
					$.ajax({
						thttp://localhost/Enescom_Order_Panel/functions/addOrder.phpel/functions/addOrder.php",
						data : { 
						Vorname: $("#vorname").val(),
						Nachname: $("#nachname").val(),
						Modell: $("#modell").val(),
						Anmerkung: $("#anmerkung").val(),
						Aufgabe: $("#aufgabe").val(),
						Preis: $("#preis").val(),
						},
						success: function(msg)
						{
						alert($("#preis").val());
						}
					});
			e.preventDefault();
			});    
        });
    });

PHP Skript

<?php
include("dbconnection.php");
$K_ID = rand(1,20000);
$vorname = isset($_POST["vorname"]) ? $_POST["vorname"] : NULL;
$nachname = isset($_POST["nachname"]) ? $_POST["nachname"] : NULL;
$modell = isset($_POST["modell"]) ? $_POST["modell"] : NULL;
$anmerkung = isset($_POST["anmerkung"]) ? $_POST["anmerkung"] : NULL;
$aufgabe = isset($_POST["aufgabe"]) ? $_POST["aufgabe"] : NULL;
$preis = isset($_POST["preis"]) ? $_POST["preis"] : NULL;

  if (isset($_POST["send"]))
  {
    $sql = "INSERT INTO kunden (K_ID,Vorname,Nachname,Modell,Anmerkung,Aufgabe,Preis,Status)
			VALUES ('$K_ID','$vorname','$nachname','$modell','$anmerkung','$aufgabe','$preis',0)";
	  mysqli_query($dbconnection,$sql);
  }
  mysqli_close($dbconnection)
?>

Ich bedanke mich schon einmal im voraus.

Mit freundlichen Grüßen

...zur Frage

javascript - innerHTML hinzufügen?

Hallo. folgender code:

var x = "hallo"; var y = "welt"; document.getElementById("demo").innerHTML = x; document.getElementById("demo").innerHTML = y;

wenn ein

die id demo hat, kommt da immer nur welt, weil hallo überschrieben wird.

kann man das einfach anhängen, ohne es zu überschreiben?? danke LG pixelino

...zur Frage

HTML Formular wird nicht ausgeführt in Ajax content?

Hallo,

Folgenden Problem.

Ich habe ein sidebar menü und lasse den content mittels Ajax anzeigen.

Jedoch wenn ich im Content ein Formular ausführen möchte (Auswertung auch über Ajax) bekomme ich keine Reaktion.

Zur Probe habe ich das PHP Skript mal außerhalb des Contents ausgeführt wobei dies auch einwandfrei funktioniert hat.

Script (js)

$(document).ready(function(){
	$(".hide").hide();
    $(".dropbox").click(function(){
        $(".hide").slideToggle("fast");
    });
  $("search").click(function(){
    $.get("../functions/searchOrder.php", function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
  });
    $(".order").click(function(){
        $.ajax({
            url: 'html/order.php'
        }).done(function(data) {
            $('.content').html(data).hide(0).fadeIn("slow");
        });
    });
    $(".createOrder").click(function(){
        $.ajax({
            url: 'html/createOrder.html'
        }).done(function(data) {
            $('.content').html(data).hide(0).fadeIn("slow");
        });
    });

//-------------------- Auswertung der Suche----------------------         $("#searchform").submit(function() {             if($("#search").val() == "") {                 $("#response").html("Bitte füllen sie die Suche korrekt aus!").hide(0).fadeIn("slow");         } else {             $("#response").html("aNotes werden geladen...").hide(0).fadeIn("slow")             $.ajax({                 type: "GET",                 url:  "../functions/searchOrder.php", data:  "send=1&search=" + $("#search").val(),                 success: function(msg)                 {                     $("#response").html(msg);                 }             });         }         return false;     });

});

Formular (HTML)

 <form id="searchform" action="../functions/searchOrder.php" method="get">
      <th>
	    <input type="search" class="textbox" id="search" name="search" placeholder="Geben sie eine Kunden ID ein">
      </th>
	  <th>
	  <input type="submit" name="send" class="submit" value="Suchen">
	  </th>
	</form>
...zur Frage

HTML Javascript Integration?

Ich habe schon vieles versucht wie:

<script src="script.js"></script>

usw. oder:

<script>javascriptcode</script>

Das geht alles, aber nicht der JavaScript-Code:

var myIndex = 0;
carousel();

function carousel() {
   var i;
   var x = document.getElementsByClassName("mySlides");
	
   for (i = 0; i < x.length; i++) {
      x[i].style.display = "none";
   }
	
   myIndex++;
	
   if (myIndex > x.length) {myIndex = 1}
	
   x[myIndex-1].style.display = "block";
   setTimeout(carousel, 4000); // Change image every 2 seconds
}
...zur Frage

Was möchtest Du wissen?