Kopieren Sie die Tabelle und öffnen ein neues popup-Fenster

Benötige ich etwas Hilfe von den Experten hier auf dieser Seite.

Was ich vollbringen möchte, ist an der Klick auf eine Schaltfläche, kopieren Sie die vorhandene Tabelle ("Daten"), öffnet ein neues popup-Fenster und verwenden Sie das Dokument.schreiben zum schreiben der Tabelle von der vorherigen Seite auf die neue.

<!DOCTYPE html>
<html>

    <head>
        <meta http-equiv="Content-Language" content="en-ca">
    </head>

    <body>
        <table id="data" border="1" cellspacing="1" width="100" id="table1">
            <tr>
                <th>Fruits</th>
                <th>Vegetables</th>
                <th>Colors</th>
                <th>Quantity</th>
                <th>Price</th>
            </tr>
            <tr>
                <td>Apples</td>
                <td>Carrots</td>
                <td>red</td>
                <td>10</td>
                <td>0.99</td>
            </tr>
            <tr>
                <td>Pears</td>
                <td>Celery</td>
                <td>blue</td>
                <td>24</td>
                <td>1.00</td>
            </tr>
            <tr>
                <td>Mangos</td>
                <td>Broccoli</td>
                <td>green</td>
                <td>12</td>
                <td>1.50</td>
            </tr>
            <tr>
                <td>Oranges</td>
                <td>Cauliflower</td>
                <td>purple</td>
                <td>48</td>
                <td>1.25</td>
            </tr>
        </table>
        <br>
        <input type="button" value="test it" />
    </body>

</html>

InformationsquelleAutor John Smith | 2013-08-27

Hier ist ein funktionierendes Beispiel.

Die Schaltfläche muss eine click-handler:

<input type="button" value="Open popup" onclick="openPopup();" />

Den click-handler-Funktion:

function openPopup() {
  var popup = window.open("", "", "width=640,height=480,resizeable,scrollbars"),
      table = document.getElementById("data");

  popup.document.write(table.outerHTML);
  popup.document.close();
  if (window.focus) 
    popup.focus();
}

Fenster.öffnen Sie oft null zurück

InformationsquelleAutor kol

0

Hinzufügen von onclick-Funktion für die Taste zuerst:
```
  <input type="button" value="test it" onclick="openWin()" />
```
Im Skript:

Funktion openWin()
{

MeinFenster=window.open(",",'width=200,height=100');
MeinFenster.Dokument.write(document.getElementById('Daten').outerHTML);

MeinFenster.focus();

}

Thats it.

Ich bin nicht sicher, outerHTML-Eigenschaft Kompatibilität zu allen Browsern. Bitte einmal überprüfen.

InformationsquelleAutor Mani AC

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.