Jquery bestimmte Klasse erkennen?

Hi zusammen ,
ich brauch euch mal wieder.

Mein Script läuft mal wieder nur zu hälfte.

Was soll passierten?
>>> Wenn man einen Button/Link drückt, soll etwas ausgeführt werden. Dabei soll erkannt werden, welcher Button geklickt wurden. Gerne darf auf eine zusätzlichte Klasse erstellt werden.

Mein Problem ist, die Buttons werden aus einer Datenbank ausgegeben und haben alle die gleiche Klasse. ICh weiß auch nie wieviele Button/links ausgegeben werden.

Z.B.

<button type="button" name="delete" class="delete" data-name="Folder'.$einsPlus++.'">Del</button> 

<button type="button" name="delete" class="delete" data-name="Folder'.$einsPlus++.'">Del</button>

<button type="button" name="delete" class="delete" data-name="Folder'.$einsPlus++.'">Del</button>

Hier mien JS Teil

<script>
$(document).ready(function(){ 
	$(document).on('click', '.delete', function(){
		var folder_name = $(this).data('name');
		var action = "delete";
		
       alert("ok , -> reagiert auf Klick");
  
  		if(confirm("Die Datei wird nun endgültig gelöscht! Sicher?"))
  		{
  			$.ajax({
  				url: "site/ajax_delete_Datei.php",
  				method: "POST",
  				data:{folder_name:folder_name,action:action},
  				success: function(data)
  				{
  					alert("ok , -> senden");
  				}
  			});
  		}
  	});
  });
  </script>

was passiert ?

Zwar reagiert mein Script auf einen Klick, jedoch nicht wie ich es möchte.
Angenommen es werden wie in meinem Beispiel 3 Links ausgegeben, dann passiert folgenden.

Klickt man den 1. Button an, ist alles ok.

Klickt man den 2. Button an, muss man alles ZWEI mal bestätigen

Klickt man den 3. Buttin an, muss mal allles DREI mal bestätigen

usw......

was könnte das sein ?

Computer, Technik, JavaScript, JQuery, Technologie, Spiele und Gaming
2 Antworten
Ajax + PHP + JQuery richtig anwenden?

Hi,

kann mit hierbei jemand helfen?

Die Aufgabe:

Ich habe mehrere INPUT-felder, bei denen die Eingaben OHNE den SENDEN-button zu drücken direkt angezeigt werden sollen .

Zum Teil habe ich es auch schon gelöst bekommen.

HTML-teil

           
<input type="radio" name="arbeiter" class="mitarbeiter" id="Ac-1" value="teilzeit">
<label for="Ac-1">Teilzeitkraft</label>
             
<input type="radio" name="arbeiter" class="mitarbeiter" id="Ac-2" value="miniJob">
<label for="Ac-2">Mini-Jobber</label>
             

<input required class="focus" id="beruf" type="text" name="beruf" placeholder=" Maler, Rechtsanwalt, ..." >
<input required class="focus" type="date" id="eintritt" name="datum" placeholder=" 01.10.2019" >

<!--Ausgabe-->
<div id="ContentAnzeigeErstellen"></div>

<script>
					$(document).ready(function(){
						load_data();
						function load_data(beruf , eintritt)
						{
							$.ajax({
								url:"site/anzeigeErstellen.php",
								method:"post",
								data:{beruf:beruf , eintritt:eintritt},
								success:function(data)
								{
									$('#ContentAnzeigeErstellen').html(data);
								}
							});
						}
						/////////////////////////////////
						$('#beruf').keyup(function(){
							var search = $(this).val();
							if(search != '')
							{
								load_data(search);
							}
							else
							{
								load_data();			
							}
						});
						///////////////////
						$('#eintritt').keyup(function(){
							var search = $(this).val();
							if(search != '')
							{
								load_data(search);
							}
							else
							{
								load_data();			
							}
						});
						//////////////////////////////
					});
					
	
			</script>

PHP-teil

 <?php




$beruf = '';
if(isset($_POST["beruf"]))
{	
	$beruf = $_POST["beruf"];
	
	 
	
}
else
{
	$beruf .= "Keinen Eintrag gefunden";
}





$eintritt = '';
if(isset($_POST["eintritt"]))
{	

	$DatenAnkunft = $_POST["eintritt"];
	
	// Datum Übernehmen + Format 
	$dateUebergabe = strtotime($DatenAnkunft);
	// Datum auf Europa anpassen
	$eintritt = date("d.m.Y" , $dateUebergabe);
	
	 
	
}
else
{
	$eintritt .= "Keinen Eintrag gefunden";
}




?>


<div class="userBox">

<?PHP   echo $beruf; ?>
<br>
<?PHP   echo $eintritt; ?>
</div>

Mein Problem ist, es wird immer nur eine Eingabe übernommen. Das 2.Input überschreibt quasi mein 1. Ergebnis.

Was muss ich ändern ?

Computer, AJAX, JQuery
1 Antwort
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
4 Antworten
JQUERY CSS background-position?

Hallo

Per Input will ich die Position vom Hintergrundbild verändern.

Mir ist aufgefallen das es bei einer Seite(Page) nur Vertikal und bei einer anderen Seite(Page) nur Horizontal funktioniert. Der Code ist bei beiden seiten gleich(Copy&Paste)

Beim Quellcode in Chrome(Windows) und Safari(Mac) wird es angezeigt, das zb. background-position-y: 40% verändert wurde. Aber das Bild bewegt sich nicht. Egal ob ich 4(%) oder 7000(%) eingebe.

https://codepen.io/BudSpenser/pen/dwmNjz

Bei Codepen funktioniert nur vertikal. Wieso?

HTML

  <body>
    <li id="" class="ff-home-image-container1 desktop">
    </li>
    <div class="image-editor-position">
      <b>Image Position</b><br>
      <input type="number" id="image_horizontal_edit1" value="" placeholder="Horizontal">
      <input type="number" id="image_vertical_edit1" value="" placeholder="Vertical"><br><br>
    </div>
  </body>

CSS

.desktop {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 0;
  padding-top: 65%;
  background: url("https://www.w3schools.com/css/img_forest.jpg") no-repeat center center;
  background-size: cover;
  display: block;
  background-position-X: 100%;
  background-position-Y: 0%;
  background-attachment: fixed;
  text-align: center;
}

JS

$(document).ready(function () {       
$('#image_horizontal_edit1').keyup(function () { image_horizontal = $('#image_horizontal_edit1').val(); $('.desktop').css('background-position-x',image_horizontal+'%'); });
$('#image_vertical_edit1').keyup(function () { image_vertical = $('#image_vertical_edit1').val(); $('.desktop').css('background-position-y', image_vertical+'%'); });
});
Website, HTML, CSS, JQuery
1 Antwort
Große Queries durchlaufen?

Hallo zusammen!

Ich habe jetzt auch einmal eine Frage bzw. würde ich gerne erfahren, wie ihr solche Probleme löst. Es geht darum, dass ich bspw. einen Query mit sagen wir 2000 Sätzen habe.

Wenn ich bspw. jede Stunde alle Sätze durchlaufen möchte und prüfe, ob eine bestimmte Zeit kleiner als die aktuelle Zeit ist, dann soll dieser Satz editiert werden.

Wie das geht und was man da machen muss, ist alles klar. Meine Frage ist jetzt, wie ihr das löst, dass der Server (Ladezeit) nicht irgendwie stark beeinträchtigt wird und auch keine Timeouts zustande kommen.

Gibt es bspw. eine Möglichkeit den Query stufenweise zu durchlaufen? Aber innerhalb eines Aufrufs?

Ich würde gerne erfahren, wie ihr solche Dinge löst... in letzter Zeit benötige ich regelmäßig zeitgesteuerte Aufgaben, die mit verhältnismäßig vielen Daten arbeiten.

Gerne würde ich gute Antworten auch in einen Blogbeitrag packen, einfach damit ich immer alles parat habe (führe meinen Blog für mich selbst). Gerne also auch euren Link posten, falls ihr verlinkt werden wollt. (Sind nicht viele Besucher, ist wie gesagt nur für mich...)

Bitte nur für/mit: PHP, MYSQL, WordPress, JavaScript

Beispiel: In meinem Beispiel handelt es sich um Stellenanzeigen und die sind mit anderen Tabellen verknüpft. In den Stellenanzeigen gibt es ein Starttermin, eine Anzahl für die Tage die die Stelle live ist und dann daraus das Ablaufdatum. Der Query durchläuft also jede Stelle, prüft ob das aktuelle Datum größer ist als das Ablaufdatum und haut dann den Status "geschlossen" in den Job (ebenfalls ein Eintrag in einer Tabelle). Selektiert werden nur die Stellen, die den Status offen haben.

Danke vorab!

Wordpress, JavaScript, AJAX, JQuery, MySQL, PHP
8 Antworten
PHP Wegesuchproblem?

Hallo zusammen,

ich möchte eine Art Labyrinth mit PHP programmieren.

Wenn ich auf eines der unten rechts sich befindenden Symbole klicke und dann auf ein Kästchen im Labyrinth, so soll dieses Symbol flächendeckend in diesem Kästchen eingefügt werden.

  • Drücke ich auf grün, so soll das Zeichen grün sein,
  • drücke ich auf lila, so soll das Zeichen lila sein.
  • Wenn ich auf Löschen drücke und dann auf ein Kästchen klicke, so soll dieses Kästchen von seinem derzeitigen Symbol befreit und wieder leer sein.

Nachdem ich alles fertig "bemalt" habe, schicke ich mein Ergebnis ab.

Dann soll überprüft werden ob alles genau so ist, wie ich es auf der Zeichnung habe. Wenn eine Figur anders ist, so soll wieder das Labyrinth, aber schon mit den vorher gegebenen Symbolen, mir angezeigt werden und ich kann es noch so oft wie ich will versuchen.

Ist es allerdings genauso, wie ich es gerne hätte, dann soll ein Text: Super! ausgegeben werden.

 

Wie kann ich so etwas programmieren.

Bitte helft mir, auch wenn ihr nur Tipps schreibt, fände ich das richtig klasse, auch wenn ein Scrip auch noch besser wäre ;-))

Fragt auch bitte eure Freunde, ob sie wissen, wie man so etwas macht.

Meinetwegen kann die Lösung auch andere Scriptsprachen enthalten wie z.B. JavaScript, CSS, HTML...

Danke im Voraus!

Computer, Technik, HTML, Programmieren, CSS, Java, JavaScript, Programmierung, html5, Array, JQuery, PHP, php5, Technologie, labyrinth
3 Antworten
Webstorm?Javascript und jquery führt nicht aus?

Hallo, ich sitze seit 5 Stunden an meiner Webseite und verzweifle. Ich habe eine HTML Datei und JavaScript Datei. node und jquery sind ebenfalls runtergeladen.

Html Datei :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Farbauswahl</title>
    <https://code.jquery.com/jquery-3.3.1.min.js.com/jquery-3.3.1.min.js"
            integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
            crossorigin="anonymous"></script>
    <script src="Farbauswahl1.js"></script>
    <script src="Farbauswahl3.js"></script>

</head> <body style="font-size: 22pt"> <input type="button" id="b1" value="Rot"> <input type="button" id="b2" value="Grün"> <input type="button" id="b3" value="Blau"> <div id="div"> Das ändert die Farbe. </div> </body> <body>

</body> </html

Javascript Datei:

$(function () {
    let div: JQuery = $("#div");
}

$("input").on("click", function () { let inhalt: string = $(this).val() as string; div.text(text_function; "Es wurde auf den Button " + Inhalt + " geklickt") });

$(function () { let div: JQuery = $("#div");

$("#b1").on("click",function() {
    div.css("background", "rgb(255, 0, 0)");
    div.css("color", "rgb(0, 255, 255)");
});

$("#b2").on("click", function () {
    div.css("background", "rgb(0, 255, 0)");
    div.css("color", "rgb(255, 0, 255)");
});

$("#b3").on("click", function () {
    div.css("background", "rgb(0, 0, 255)");
    div.css("color", "rgb(255, 255, 0)");
});

});

und noch eine js Datei

$(function ()
{ let div: JQuery = $("#div");
    $("#b1").on("click",function() {
        div.css("background", "rgb(255, 0, 0)");
        div.css("color", "rgb(0, 255, 255)");
    });
$("#b2").on("click", function () {
    div.css("background", "rgb(0, 255, 0)");
    div.css("color", "rgb(255, 0, 255)");
});

$("#b3").on("click", function () {
    div.css("background", "rgb(0, 0, 255)");
    div.css("color", "rgb(255, 255, 0)");
});

});

ich verstehe ehrlich gesagt auch nicht wieso zwei js Dateien, aber wir haben es so vorgegeben bekommen. Wenn ich auf run klicke bekome ich so viele Fehlermeldungen und auf Internet Explorer tut sich nichts.

JavaScript, JQuery, node.js
1 Antwort
Wie erstelle ich einen sich ergänzenden Link mit onClick?

Hallo! Ich bin seit mittlerweile sieben Jahren Beautybloggerin, habe über 3.000 Beiträge und diverse Marken und Kategorien. Nun möchte ich eine „Suche“ erstellen, in der man Kategorie, Zertifizierungen, etc. hinzufügen kann (siehe super gezeichnete Graphik im Bild).

Der Startlink ist webseite . com /search/label

An diesen Link sollen nun die verschiedenen, angeklickten Elemente hinzugefügt werden. Wählt also jemand Element A, soll der Link

webseite . com /search/label/A

darstellen.

Wird aber noch ein zweites, drittes, etc. Element hinzugefügt, muss zwischen den Elementen ein +

Der Link würde also so aussehen: webseite . com /search/label/A+B+C+D+E

Ich habe den folgenden Code versucht, aber das klappt leider nicht. Kann einer von euch schlauen Köpfen mir vielleicht helfen?

Kategorie <select class="select" size="1" name="category">
<option value="Duschen">Duschen</option>
<option value="K&ouml;rperpflege">K&ouml;rperpflege</option>
<option value="Haarpflege">Haarpflege</option>
<option value="Handpflege">Handpflege</option>
<option value="Make%20Up">Dekorative Kosmetik</option>
</select>  Zertifizierung <select class="select" size="1" name="cert">
<option value="Vegan">Vegan</option>
<option value="BDIH">BDIH</option>
<option value="ECOCERT">ECOCERT</option>
<option value="NaTrue">NaTrue</option>
<option value="FAIRTRADE">FAIRTRADE</option>
</select>  <br />
<input value="" id="query" type="text" /><br />
<a onclick="this.href=this.href+document.getElementById('category')+document.getElementById('cert')?q=+document.getElementById('query').value;" href="https://www.gooloo.de/search/label/">Abfragen</a>
Blog, HTML, CSS, JavaScript, Blogger, JQuery, Webdesign
1 Antwort
JavaScript Code Probleme?

Hey Leute ich habe eine Frage zu JavaScript unzwar versuche ich aktuell mein Code der in JQuery geschrieben ist in JavaScript zu konvertieren.

Ich habe es hier beispielsweise auch versucht aber es funktioniert nicht.

Wo liegt das Problem ?

JQuery Code:

`&lt;script&gt;$(document).ready(function () {</p><p>      $('#checkinput').on("input", function () {</p><p>        tmpval = $(this).val();</p><p>        if (tmpval == '') {</p><p>          $('#vm').removeClass(' do ');</p><p>          $('#vm').addClass(' donot ');</p><p>        } else {</p><p>          $('#vm').addClass(' do ');</p><p>          $('#vm').removeClass(' donot ');</p><p>        }</p><p>      });</p><p>    });&lt;/script&gt;
</p><p>JavaScript Code:
&lt;script&gt;</p><p>function onCallInput3() {tmpval = document.getElementById("checkinput").value;if (tmpval == '') {document.getElementById('vm').classList.remove('do');document.getElementById('vm').classList.add(' donot ');} else {document.getElementById('vm').classList.add('     do');document.getElementById('vm').classList.remove('  donot');}};&lt;/script&gt;
das ganze soll den button aktivieren und deaktivieren
<span style="color: rgb(131, 148, 150); font-family: Consolas, &quot;Liberation Mono&quot;, Menlo, Courier, monospace; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: pre-wrap; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(47, 49, 54); display: inline !important; float: none;">&lt;button id="vm" oninput="onCallInput3()" class="activatedeactivate     donot    " disabled=""&gt;abschicken&lt;/button&gt;
`

Computer, Internet, HTML, Programmieren, JavaScript, JQuery
3 Antworten
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
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

HTML, Programmieren, JavaScript, AJAX, JQuery, PHP
3 Antworten
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>
HTML, Programmieren, CSS, Java, JavaScript, Formular, AJAX, JQuery, PHP
2 Antworten

Meistgelesene Fragen zum Thema JQuery