Ergebnis 1 bis 5 von 5
  1. #1
    Avatar von ShadowOnWalk
    ShadowOnWalk ist offline Grünschnabel
    registriert
    11-03-2007
    Beiträge
    8

    HTML Tabellen von Javascript ausgeben lassen?

    Hallo @all,

    hab ein großes Problem, wie kann ich eine HTML Tabelle von Javascript generieren lassen die dann so ausgegeben wird wie meine HTML Tabelle:
    Ich möchte diese Tabelle mit Javascript erstellen nur wie mach ich das???
    Vielen Dank für eure Hilfe in voraus...

    grüße ShadowOnWalk

    HTML CODE:

    PHP-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
                          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
    >
    <
    html xmlns="http://www.w3.org/1999/xhtml">

    <
    head>
        <
    title>HTML Tabellen mit Javascript generieren</title>    
            <
    meta http-equiv="content-type" content="text/html; charset=utf-8" />

    <
    script type="text/javascript">



    </script>        
    </head>

    <body>

    <table id="table" cellspacing="0" cellpadding="0" border="1" width="400" height="400">

    <tr id="reihe1" align="center">
    <td><img src="" id="bild00" />00</td>
    <td><img src="" id="bild01" />01</td>
    <td><img src="" id="bild02" />02</td>
    <td><img src="" id="bild03" />03</td>
    </tr>

    <tr id="reihe2" align="center">
    <td><img src="" id="bild04" />04</td>
    <td><img src="" id="bild05" />05</td>
    <td><img src="" id="bild06" />06</td>
    <td><img src="" id="bild07" />07</td>
    </tr>

    <tr id="reihe3" align="center">
    <td><img src="" id="bild08" />08</td>
    <td><img src="" id="bild09" />09</td>
    <td><img src="" id="bild10" />10</td>
    <td><img src="" id="bild11" />11</td>
    </tr>

    <tr id="reihe4" align="center">
    <td><img src="" id="bild12" />12</td>
    <td><img src="" id="bild13" />13</td>
    <td><img src="" id="bild14" />14</td>
    <td><img src="" id="bild_blank" />..</td>
    </tr>

    </table>

    </body>
    </html> 
    Geändert von dkdenz (11-03-2007 um 20:10 Uhr) Grund: Code-Tags hinzugefügt...

  2. #2
    pit-r Guest

    AW: HTML Tabellen von Javascript ausgeben lassen?

    Moin!

    SELFHTML: JavaScript / Objektreferenz / node

    Edit - Moin, Herr Denz.

  3. #3
    Avatar von ShadowOnWalk
    ShadowOnWalk ist offline Grünschnabel
    registriert
    11-03-2007
    Beiträge
    8

    Question AW: HTML Tabellen von Javascript ausgeben lassen?

    Hallo habe versucht die Tabelle mit hilfe einer function zu generieren aber irgendwie funzt das nicht - was mach ich falsch??? Die tabelle im Format 4x4 angezeigt werden, und Varianten von 2x2, 2x4, 3x3 u. eben 4x4 zulassen?

    Der Code meiner Function:

    var anzahlZeilen = 4;
    var anzahlSpalten = 4;


    function schreibeTabelle() {
    for (var zeile = 1; zeile <= anzahlZeilen; zeile++) {
    document.write("<tr>");
    for (var spalte = 1; spalte <=anzahlSpalten; spalte++) {
    document.write("<td>");
    }

    }
    document.write("<tr>");
    }

    Wär echt klasse wen Ihr mir dabei helfen könntet...
    grüße ShadowOnWalk

  4. #4
    Cord Worthmann ist offline Routinier
    registriert
    27-07-2005
    Ort
    27356 Rotenburg
    Beiträge
    418

    AW: HTML Tabellen von Javascript ausgeben lassen?

    Mach's doch, wie empfohlen, per DOM - dafür ist es schliesslich da...
    Code:
    var table = document.createElement('table'), rows = 4, cols = 4, cnt = 0;
    table.id = 'table';
    table.setAttribute('cellpadding', '0');
    table.setAttribute('cellspacing', '0');
    table.setAttribute('border', '1');
    table.setAttribute('width', '400');
    table.setAttribute('height', '400');
    for (var i = 1; i <= rows; i++) {
        var row = document.createElement('tr'), pos = cnt + 4;
        row.id = 'reihe' + i;
        row.setAttribute('align', 'center');
        for (; cnt < pos; cnt++) {
            var cell = document.createElement('td'), img = document.createElement('img');
            img.id = 'bild' + cnt;
            cell.appendChild(img);
            cell.appendChild(document.createTextNode(cnt.toString()));
            row.appendChild(cell);
        }
        table.appendChild(row);
    }
    document.body.appendChild(table);

    Grüsse

  5. #5
    Avatar von ShadowOnWalk
    ShadowOnWalk ist offline Grünschnabel
    registriert
    11-03-2007
    Beiträge
    8

    AW: HTML Tabellen von Javascript ausgeben lassen?

    Danke hat prima geklappt!!!

    grüße ShadowOnWalk

Ähnliche Themen

  1. Javascript Wysiwyg - HTML Code der Auswahl ?
    Von SaschaG im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 05-10-2006, 04:17
  2. "Textrückgabe" einer PHP Datei in HTML ausgeben.
    Von ObeY im Forum Serverseitige Programmierung
    Antworten: 5
    Letzter Beitrag: 08-03-2006, 11:37
  3. Wert von Javascript ausgeben, umwandeln
    Von magasmile im Forum Serverseitige Programmierung
    Antworten: 7
    Letzter Beitrag: 15-02-2006, 18:06
  4. Suche HTML & Javascript Hilfe
    Von flash66 im Forum Jobs
    Antworten: 0
    Letzter Beitrag: 20-01-2005, 15:31
  5. [MySQL] Bestenliste ausgeben über 5 Tabellen
    Von Fallen][Angel im Forum Serverseitige Programmierung
    Antworten: 2
    Letzter Beitrag: 03-09-2004, 17:31

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •