php.de

Zurück   php.de > Webentwicklung > JavaScript, Ajax und mehr

JavaScript, Ajax und mehr dynamisches Scripten und Interaktion auf Clientebene

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 13.09.2009, 15:24  
Erfahrener Benutzer
 
Registriert seit: 11.12.2004
Beiträge: 238
PHP-Kenntnisse:
Anfänger
Buschdieb
Standard [Erledigt] Tabellenzeile per klick einfügen

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>
Wie schaffe ich es, dass

Code:
<tr id="zeile4">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
angehangen wird. Ich benötige id aus dem tr feld für die weitere verarbeitung. sie sollte fortlaufend sein. die zahl wird im php script mit hilfe einer schleife angehangen.

Hat jemand eine Idee zu meinem Problem?
__________________
fragen ist kostenlos!

Buschdieb.com
Buschdieb ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 13.09.2009, 21:16  
Erfahrener Benutzer
 
Benutzerbild von mermshaus
 
Registriert seit: 14.06.2009
Beiträge: 1.726
PHP-Kenntnisse:
Fortgeschritten
mermshaus kann auf vieles stolz seinmermshaus kann auf vieles stolz seinmermshaus kann auf vieles stolz seinmermshaus kann auf vieles stolz seinmermshaus kann auf vieles stolz seinmermshaus kann auf vieles stolz seinmermshaus kann auf vieles stolz seinmermshaus kann auf vieles stolz seinmermshaus kann auf vieles stolz sein
Standard

Wenn du den Inhalt bereits mit Ajax verändern kannst und ein Script hast, das eine Tabellenzeile hinzufügt, sehe ich das Problem nicht so wirklich.

- Setze beim Wunsch, eine Zeile hinzuzufügen, einen Ajax-Request ab, führe auf dem Server eine INSERT-Query aus, gebe das Ergebnis und die geschriebene ID zurück an den Ajax-Request und füge bei Erfolg im Client die Zeile im HTML-Code hinzu.
mermshaus ist gerade online   Mit Zitat antworten
Alt 14.09.2009, 09:22  
Erfahrener Benutzer
 
Registriert seit: 11.12.2004
Beiträge: 238
PHP-Kenntnisse:
Anfänger
Buschdieb
Standard

Zitat:
Zitat von mermshaus Beitrag anzeigen
Wenn du den Inhalt bereits mit Ajax verändern kannst und ein Script hast, das eine Tabellenzeile hinzufügt, sehe ich das Problem nicht so wirklich.

- Setze beim Wunsch, eine Zeile hinzuzufügen, einen Ajax-Request ab, führe auf dem Server eine INSERT-Query aus, gebe das Ergebnis und die geschriebene ID zurück an den Ajax-Request und füge bei Erfolg im Client die Zeile im HTML-Code hinzu.
Vielen dank für die Antwort.

Zitat:
füge bei Erfolg im Client die Zeile im HTML-Code hinzu.
Das sollte ich alles umsetzen können nur frage ich mich, wie setzte ich eine neue zeile unter "zeile3"?

die ausgabe mach ich ja mit:
Code:
document.getElementById('irgendeine_id').innerHTML = ''hier kommt die zeile rein?!";
irgendwie steh ich auf dem schlauch... vielen dank schon mal für die hilfe!
__________________
fragen ist kostenlos!

Buschdieb.com
Buschdieb ist offline   Mit Zitat antworten
Alt 14.09.2009, 11:45  
Erfahrener Benutzer
 
Registriert seit: 30.07.2008
Beiträge: 1.167
PHP-Kenntnisse:
Fortgeschritten
xm22 sorgt für eine eindrucksvolle Atmosphärexm22 sorgt für eine eindrucksvolle Atmosphärexm22 sorgt für eine eindrucksvolle Atmosphäre
Standard

jQuery Grid Plugin

Ist dann zwar nicht selbst gemacht, aber dafür funktioniert es..
xm22 ist offline   Mit Zitat antworten
Alt 14.09.2009, 13:44  
Erfahrener Benutzer
 
Benutzerbild von mermshaus
 
Registriert seit: 14.06.2009
Beiträge: 1.726
PHP-Kenntnisse:
Fortgeschritten
mermshaus kann auf vieles stolz seinmermshaus kann auf vieles stolz seinmermshaus kann auf vieles stolz seinmermshaus kann auf vieles stolz seinmermshaus kann auf vieles stolz seinmermshaus kann auf vieles stolz seinmermshaus kann auf vieles stolz seinmermshaus kann auf vieles stolz seinmermshaus kann auf vieles stolz sein
Standard

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> 
mermshaus ist gerade online   Mit Zitat antworten
Alt 14.09.2009, 22:15  
Erfahrener Benutzer
 
Registriert seit: 11.12.2004
Beiträge: 238
PHP-Kenntnisse:
Anfänger
Buschdieb
Standard

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.
__________________
fragen ist kostenlos!

Buschdieb.com
Buschdieb ist offline   Mit Zitat antworten
Alt 01.10.2009, 10:52  
Erfahrener Benutzer
 
Registriert seit: 11.12.2004
Beiträge: 238
PHP-Kenntnisse:
Anfänger
Buschdieb
Standard

irgendwie kann ich hier nix mehr posten...
__________________
fragen ist kostenlos!

Buschdieb.com

Geändert von Buschdieb (01.10.2009 um 11:04 Uhr).
Buschdieb ist offline   Mit Zitat antworten
Alt 01.10.2009, 11:03  
Erfahrener Benutzer
 
Registriert seit: 11.12.2004
Beiträge: 238
PHP-Kenntnisse:
Anfänger
Buschdieb
Standard

Hallo Leute,

Vielen Dank für eure Hilfe.

Hier der Code über den ich gerade geschrieben habe.
__________________
fragen ist kostenlos!

Buschdieb.com
Buschdieb ist offline   Mit Zitat antworten
Alt 01.10.2009, 21:37  
Erfahrener Benutzer
 
Registriert seit: 11.12.2004
Beiträge: 238
PHP-Kenntnisse:
Anfänger
Buschdieb
Standard

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);
}
Vielen Dank nochmal für die kräftige Unterstützung!
__________________
fragen ist kostenlos!

Buschdieb.com
Buschdieb ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ä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

Alle Zeitangaben in WEZ +2. Es ist jetzt 10:50 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum