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:
Fragen:
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:
- Tabelle auf Seite1.html befüllen.
- Auf Seite2.html wechseln.
- Tabelle auf Seite2.html befüllen.
- Zurück auf Seite1.html wechseln.
Fragen:
- Was ist notwendig um die Einträge zu "speichern" wenn ich zwischen den Seiten wechsle.
- Wie kann ich mit Variablen, welche ich auf Seite1.html anlege, auch auf Seite2.html
arbeiten? (Der Wert, den ich einer Variable auf Seite1.html zuweise möchte ich auf Seite2.html weiterverarbeiten/verändern/erweitern)?
HTML:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset = "utf-8" />
<title> Minimalbeispiel</title>
</head>
<body>
<header>
<h1> Minimalbeispiel </h1>
<nav>
<ul>
<li><a href="file:///home/.../Seite1.html"> Seite 1 </a> </li>
<li><a href="file:///home/.../Seite2.html"> Seite 2 </a> </li>
</ul>
</nav>
</header>
<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 src="https://code.jquery.com/jquery-2.1.0.js"></script>
<script>
function linksKlick(){
$(".TextLinks").text("Text links");
}
function rechtsKlick(){
$(".TextRechts").text("Text rechts");
}
</script>
</body>
</head>