| | | | |
| |||||||
| JavaScript, Ajax und mehr dynamisches Scripten und Interaktion auf Clientebene |
|
| | LinkBack | Themen-Optionen | Thema bewerten |
| | |
| Erfahrener Benutzer Registriert seit: 11.12.2004
Beiträge: 238
PHP-Kenntnisse: Anfänger ![]() | Hallo Leute, ich benötige mal wieder eure Hilfe. Ein PHP Script erzeugt für mich eine Tabelle und füllt diese mit Daten aus einer Datenbank. Soweit, so gut! Nach dem die Tabelle geladen ist, kann ich mit Hilfe meiner Javascripte (Ajax) die Inhalte der Tabelle verändern. Das klappt auch alles super! Jetzt möchte ich gerne ein Formular erstellen, dass beim abschicken dynamisch eine Tabellenzeile eingefügt und die einzelnen Felder im Hintergrund in meine Datenbank eingetragen werden, sodass beim nächsten aufruf des PHP Scripts alle Zeilen geladen werden. Zu dem Thema Tabellenzeile einfügen habe ich bereits ein paar Artikel gefunden: The JavaScript Source: Miscellaneous: Add A Row HTML DOM insertRow() Method Code: <tbody><tr>
<th>Album</th>
<th>Beschreibung</th>
<th>Fotos</th>
<th>Upload</th>
<th>sichtbar</th>
<th width="16">löschen</th>
</tr>
<tr id="zeile1">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr id="zeile2">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr id="zeile3">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
Code: <tr id="zeile4"> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> Hat jemand eine Idee zu meinem Problem? |
| | |
| | |
| PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten | |
| | |
| Erfahrener Benutzer Registriert seit: 14.06.2009
Beiträge: 1.726
PHP-Kenntnisse: Fortgeschritten ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() | Kleines Beispiel (nur im Firefox getestet): HTML-Code: <script type="text/javascript"> // <![CDATA[ /** * Appends a row to a table * * @param tableId String ID of the table to which the row will be added * @param cells Array Cells to add as a new row */ function addRow(tableId, cells) { var tb = document.getElementById(tableId) .getElementsByTagName('tbody')[0]; var newTr = document.createElement('tr'); for (var i = 0; i < cells.length; i++) { var td = document.createElement('td'); td.appendChild(document.createTextNode(cells[i])); newTr.appendChild(td); } tb.appendChild(newTr); } // ]]> </script> <button onclick="addRow('test', ['eins', 'zwei']);">add</button> <button onclick="addRow('test', ['drei', 'vier']);">add2</button> <table id="test" border="1"> <tbody> <tr> <td>demo</td> <td>demo</td> </tr> </tbody> </table> |
| | |
| | |
| Erfahrener Benutzer Registriert seit: 11.12.2004
Beiträge: 238
PHP-Kenntnisse: Anfänger ![]() | Hi Vielen Dank für die Antworten. Wie setze ich nun mit diesem Script eine Id in der erstrellten zeile? <tr id=""></tr> Eine Idee? geht das überhaupt so? Kann ich dann darauf per Javascript zugreifen, weil ja nix im Quelltext steht. |
| | |
| | |
| Erfahrener Benutzer Registriert seit: 11.12.2004
Beiträge: 238
PHP-Kenntnisse: Anfänger ![]() | soo.. hier nun die Lösung: Code: function addRow(tableId, cells)
{
var tb = document.getElementById(tableId)
.getElementsByTagName('tbody')[0];
var newTr = document.createElement('tr');
for (var i = 0; i < cells.length; i++) {
var td = document.createElement('td');
//nur Text
//td.appendChild(document.createTextNode(cells[i]));
//Text + Link
td.innerHTML = "<a href='#' onclick=\"alert('"+cells[i]+"'); return false;\">"+cells[i]+"</a>";
newTr.appendChild(td);
}
//tb.appendChild(newTr);
//test11 ist durch eine variable zu ersetzen
tb.appendChild(newTr).setAttribute("id", "test11", 0);
}
|
| | |
|
| Themen-Optionen | |
| Thema bewerten | |
|
|
Ähnliche Themen | ||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Text in textarea in anderer Datei einfügen | emasch | JavaScript, Ajax und mehr | 13 | 25.08.2009 21:52 |
| Scriptangebot 1 Klick Counter Hosting Script | Charbel | Scriptbörse | 0 | 23.06.2009 07:43 |
| BB Codes einfügen? | $$$ ThiKool $$$ | HTML, Usability und Barrierefreiheit | 2 | 20.07.2007 09:51 |
| Bildwechsel beim Klick | HTML, Usability und Barrierefreiheit | 1 | 12.07.2005 23:49 | |
| Bei Klick etwas einfügen lassen? | b++ | PHP Tipps 2005-2 | 3 | 02.07.2005 03:27 |
| [Erledigt] Wert einfügen | HTML, Usability und Barrierefreiheit | 0 | 17.05.2005 22:53 | |
| Text per Klick in Textarea einfügen Abhängig von Radiobutton | 18inch | HTML, Usability und Barrierefreiheit | 1 | 09.05.2005 11:22 |
| input durch klick einfügen | PHP Tipps 2005 | 2 | 02.05.2005 16:20 | |
| Text in Input per Klick hinzufügen, bei erneutem Klick lösch | 18inch | HTML, Usability und Barrierefreiheit | 2 | 05.03.2005 14:01 |
| HTML Tabellenzeile in Tabelle einfügen? | Datenbanken | 2 | 28.01.2005 00:28 | |
| String an bestimmter Stelle einfügen | PHP Tipps 2005 | 1 | 14.01.2005 11:38 | |
| [Erledigt] Liste in Textarea einfügen | HTML, Usability und Barrierefreiheit | 0 | 03.01.2005 19:16 | |
| Nach Klick ID von Tabellenzeile auslesen | PHP Tipps 2004-2 | 11 | 14.12.2004 10:26 | |
| ADCELL Vermarktung zu 75% Pay per Klick Kampagnen | Beitragsarchiv | 0 | 18.10.2004 12:37 | |
| array_push nur in begrenzter Anzahl ausführen ? | PHP Tipps 2004 | 2 | 07.09.2004 09:05 | |
| Besucher kamen über folgende Suchanfragen bei Google auf diese Seite |
| javascript tabelle per knopfdruck eine zeile, http://www.php.de/javascript-ajax-und-mehr/59003-erledigt-tabellenzeile-per-klick-einfuegen.html, jquery tabellenzeile einfügen, jquery button zeilen in tabelle hinzufügen, jquery tabellenzeile hinzufügen, javascript tabellenzeile einfügen, javascript dom tabellenzeilen erzeugen, tabellenzeile einfügen javascript, javascript td einfügen, javascript zeile hinzufügen, jquery tabelle zeile einfügen, jquery tabelle zeile hinzufügen, javascript tabellenzeile hinzufügen, html dynamisches hinzufügen von tabellenzeilen formular, php formular zeile hinzufügen, jquery neue zeile einfügen, javascript tabelle zeile hinzufügen, tabellenzeile bei klick hinzufügen, tabellenzeilen in einem html-formular dynamisch hinzufügen, javascript tabellenzeile einfügen bestimmte stelle |