Guten Abend.
Ich habe auf meiner Seite ein Kontaktformular und fand es ganz nett im Admin Panel einen kleinen Posteingang zu haben.
Ich sehe alle eingegangenen Nachrichten in einer Tabelle, jedes tr steht für eine Nachricht.
Klickt man auf ein tr, wird die Nachricht in einen div-Container geladen. Zusätzlich wird eine Antwort Box dazu geladen (das ist der lange HTML Code). Es ist ein Button mit der Beschriftung "Jetzt eine Antwort verfassen" (#antwortBtn). Wenn man darauf klickt, erscheint eine Textarea mit Absende Button (td: #antwortBlock).
Das ganze MUSS in eine Zeile geschrieben werden, sonst funktioniert gar nichts, also entschuldigt die fehlende Übersicht.
Das Problem:
Teil A funktioniert nicht mit Teil C. Ist C weg, funktioniert A.
Keine Fehler in der Fehlerkonsole sichtbar.
Ich habe auf meiner Seite ein Kontaktformular und fand es ganz nett im Admin Panel einen kleinen Posteingang zu haben.
Ich sehe alle eingegangenen Nachrichten in einer Tabelle, jedes tr steht für eine Nachricht.
Klickt man auf ein tr, wird die Nachricht in einen div-Container geladen. Zusätzlich wird eine Antwort Box dazu geladen (das ist der lange HTML Code). Es ist ein Button mit der Beschriftung "Jetzt eine Antwort verfassen" (#antwortBtn). Wenn man darauf klickt, erscheint eine Textarea mit Absende Button (td: #antwortBlock).
Das ganze MUSS in eine Zeile geschrieben werden, sonst funktioniert gar nichts, also entschuldigt die fehlende Übersicht.
Das Problem:
Teil A funktioniert nicht mit Teil C. Ist C weg, funktioniert A.
Code:
$(function() { // A $("#antwortBtn").click(function() { $("#antwortBlock").css("display", "block"); }); // B $("#antwortenBtn").click(function(e) { if ($("#nachricht").val() == "") { e.preventDefault(); } }); // C $("tr").click(function() { $("#email").html("<table width='100%'><tr><td style='vertical-align:middle; width:20%;'><button id='antwortBtn'>Jetzt eine Antwort verfassen</button></td><td id='antwortBlock' style='display:none'><form method='post'><input type='text' value='" + $(this).attr("id") + "' style='display:none' name='id'><textarea style='width:100%' height='100px' name='nachricht' id='nachricht' required></textarea><br><input type='submit' value='Antwort senden' name='antwort' id='antwortenBtn'></form></td></tr></table><hr>" + $(this).attr("name")); }); });
Kommentar