javascript auf mehreren Seiten parallel

html.de-Forum JavaScript
1

Liebe Gemeinde,

mein neustes Projekt:
Meine Webseite besteht aus 2 html-Datein (Seite1.html und Seite2.html). Auf beiden Seiten möchte ich mittels
javascript per Mausklick zwei Tabellen befüllen.
Was mache ich:
[ol]
[li]Tabelle auf Seite1.html befüllen.[/li][li]Auf Seite2.html wechseln.[/li][li]Tabelle auf Seite2.html befüllen.[/li][li]Zurück auf Seite1.html wechseln.[/li][/ol]
Problem: Auf Seite1.html ist die Tabelle nun wieder leer.

Fragen:
[ol]
[li]Was ist notwendig um die Einträge zu „speichern“ wenn ich zwischen den Seiten wechsle.[/li][li]Wie kann ich mit Variablen, welche ich auf Seite1.html anlege, auch auf Seite2.html [/li]arbeiten? (Der Wert, den ich einer Variable auf Seite1.html zuweise möchte ich auf Seite2.html weiterverarbeiten/verändern/erweitern)?
[/ol]
Anbei ein Minimalbeispiel. Auf Layout habe ich hier verzichtet. Zudem fehlt Seite2.html. Diese soll genau so aussehen wie Seite1.html und die gleichen Funktionen haben.

[HTML]

Minimalbeispiel

Minimalbeispiel 

<h1 id="titel1"> Tabelle </h1>
<table>
    <thead>
        <tr>
            <th scope="col"> Links</th>
            <th>Mitte</th>
            <th scope="col"> Rechts</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><p class="TextLinks"></p></td>
            <td>M 2</td>
            <td><p class="TextRechts"></p></td>
        </tr>
        <tr>
            <td><p class="TextLinks"></p></td>
            <td>M 3</td>
            <td><p class="TextRechts"></p></td>
        </tr>
    </tbody>
</table>


<button id="links" onclick="linksKlick()">Links</button>
<button id="rechts" onclick="rechtsKlick()">Rechts</button>

<script>

function linksKlick(){
$(„.TextLinks“).text(„Text links“);
}
function rechtsKlick(){
$(„.TextRechts“).text(„Text rechts“);
}

[/HTML]
2

Entweder speicherst Du die eingetragenen Daten in einer von JavaScript gesteuerten Datenbank (z.B. sqlite).
Oder Du nutzt eine serverseitige Sprache wie PHP um die Daten zu speichern.

Moderation: Verschoben von HTML zu JavaScript.

3

Geht einfach, in dem du die Daten in den Session Storage schiebst.
https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage

btw. file Protocol geht gar nicht. Du solltest die Seiten über einen Webserver routen.

4

Wie soll das denn gehen, ich dachte, Zugriff auf das lokale Dateisystem sei mit JavaScript nicht möglich, also bleibt doch nur der Server oder besser, der von Tronjer vorgeschlagene Browser Storage, der allerdings dann von alten Browsern nicht unterstützt wird.

5

Liebe Gemeinde,

ich möchte nun mein Projekt fortsetzen. In der Zwischenzeit habe ich die Grundlagen von php gelernt.
Was möchte ich im Allgemeinen alsi tun?

[ol]
[li]Innerhalb einer javascript-Umgebung Daten erzeugen, z.B. durch Mausklick.[/li][li]Senden der Daten an php-file.[/li][li]Schreiben der Daten in eine Datenbank.[/li][li]Datensatz aus Datenbank lesen.[/li][li]Anfordern des Datensatzen per Mausklick[/li][/ol]
Was mir ganz entscheidend fehlt ist der Austausch zwischen javascript (bzw. HTML) und php. Wie realisiere ich das hin- und herschicken eines Datensatzes?

Aus Literatur und Web gibt es in diesem Zusammenhang Ajax, XML und JSON.

Welches Werkzeug ist für mein Vorhaben geeignet und mit meinen Anfängerkenntnissen gut anwendbar?

Beste Grüße Capa

6

Mit Anfängerkenntnissen eher wenig.

Das Zauberwort heißt Ajax, und das Datenformat JSON. Das Werkzeug dafür ist: https://angularjs.org

7

Mittels „json_encode“ kann ich zum Beispiel ein Array von php nach javascript transportieren.
Gibt es umgekehrt eine solche einfache Methode?

8

JSON.stringify(). aber ohne Grundlagenkenntnisse kommst du nicht weit.