Beiträge von Loho

Loho

Hallo nochmal,

wollte es selbst noch versuchen - und nun funktioniert es

Das Problem war scheinbar das .deleteRow keine id übermittelt bekam. Habe das nun einfach zu der ID des forms gekoppelt - und so hauts hin.

Danke für die Hilfe!

Hier noch der kpl. Code sollte mal jemand ein ähnliches Problem haben.

Code

<script src="https://code.jquery.com/jquery-latest.js"></script>
<table id="myTable">
    <tr>
        <td>
<form  name="contact1" action="#" method="POST" id="1">    
    <div>Name: <input type="text" name="name" id="name"   required /></div> 
    </td><td>
    
    <div><input type="submit" name="submit"  value="Submit"  /></div> 
</form>
</td></tr>
    <tr>
        <td>
<form name="contact2" action="#" method="POST" id="2">    
    <div>Name: <input type="text" name="name"   required /></div> 
    </td><td>
    <div><input type="submit" name="submit" value="Submit"  /></div> 
</form>
</td></tr>
</table>
<div id="results"></div>
 
<script type="text/javascript">
$(document).ready(function() {
    $("form").submit(function() {
        // Getting the form ID
        var  formID = $(this).attr('id');
        var formDetails = $('#'+formID);
        $.ajax({
            type: "POST",
            url: 'test_exe.php',
            data: formDetails.serialize(),
            success: function (data) {    
                // Inserting html into the result div
                $('#results').html(data);
                document.getElementById("myTable").deleteRow(formDetails);
            },
            error: function(jqXHR, text, error){
            // Displaying if there are any errors
                $('#result').html(error);           
        }
    });
        return false;
    });

});


</script>

Alles anzeigen

Loho

Alles klar - super.

Schreib dann die url rein sobald ich vor nen PC komm

Loho

Leider nicht, das ist nur lokal erreichbar. Ich kann es später auf einen server hochladen (so in 1-2std leider erst)

Loho

Ja - das habe ich natürlich versucht, leider ohne erfolg.

Edit: ich würde ja auch sagen das es innerhalb des success platziert werden muss. Jedoch mache ich garantiert irgendwas falsch dabei. Habs einfach mal per copy&paste reingehauen.

Loho

Hallo liebes Forum,

ich steh noch ziemlich am Anfang was JS betrifft, verzeiht mir also wenn die Frage (oder das Problem) möglicherweise selten dämlich ist

Folgendes Szenario:

Tabelle.

Pro Zeile benötige ich ein <form> welches per onlick im Hintergrund an die PHP geschickt und dort verarbeitet wird.

Nach dieser Verarbeitung soll diese Tabellenzeile gelöscht werden.

Ich bekomme beides getrennt hin. Also einmal eine Tabelle wo im Hintergrund Ajax das Formular abschickt, und einmal eine Tabelle wo die jeweilige Zeile gelöscht wird. Aber kombiniert bekomme ich es nicht gebacken.

So sieht derzeit meine Baustelle aus:

Code

<script src="https://code.jquery.com/jquery-latest.js"></script>

<table id="myTable">

<tr>

<td>

<form  name="contact1" action="#" method="POST" id="contact1">    

<div>Name: <input type="text" name="name" id="name"   required /></div> 

</td><td>

<div><input type="submit" name="submit" onclick="deleteRow(this)" value="Submit" /></div> 

</form>

</td></tr>

<tr>

<td>

<form name="contact2" action="#" method="POST" id="contact2">    

<div>Name: <input type="text" name="name"   required /></div> 

</td><td>

<div><input type="submit" name="submit" onclick="deleteRow(this)" value="Submit" /></div> 

</form>

</td></tr>

</table>

<div id="results"></div>



<script type="text/javascript">

$(document).ready(function() {

$("form").submit(function() {

// Getting the form ID

var  formID = $(this).attr('id');

var formDetails = $('#'+formID);

$.ajax({

type: "POST",

url: 'test_exe.php',

data: formDetails.serialize(),

success: function (data) {

// Inserting html into the result div

$('#results').html(data);



},

error: function(jqXHR, text, error){

            // Displaying if there are any errors

            $('#result').html(error);           

        }

    });

return false;

});



});



function deleteRow(r) {

  var i = r.parentNode.parentNode.rowIndex;

  document.getElementById("myTable").deleteRow(i);





}

</script>

Alles anzeigen

Vl. hat jemand einen Schups in die richtige Richtung für mich

Beiträge von Loho

JS - Formular abschicken und Zeile löschen

JS - Formular abschicken und Zeile löschen

JS - Formular abschicken und Zeile löschen

JS - Formular abschicken und Zeile löschen

JS - Formular abschicken und Zeile löschen