Zitat von
Vertaler
Recht verbreitet, dadurch auch gut ausgetestet:
https://github.com/websanova/js-url
Das kann nebenbei noch viel mehr, als du hier anfragst. Du könntest so z. B. sowohl mit normalem GET als auch über den Hash-Wert der URL Parameter übergeben, die du mit dem Skript schön auslesen kannst. Gibt es auch als jQuery-Plugin, falls du das nutzt (auch da zu finden).
Ach, und übergeben kannst du GET-Parameter natürlich normal mit einem HTML-Formular und Hash-Werte mit Links (oder natürlich auch mit JavaScript zusammenbauen und dann entsprechend dorthin wechseln).
Danke sehr für die Empfehlung!
Ich habe ein anderes Tutorial ausprobiert und konnte es erfolgreich umsetzen.
Hier das Ergebnis:
Sendende Datei:
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Wertübergabe mittels URL - Sendendes Dokument</title>
</head>
<body>
<form method="GET" action="receiver.html">
<p>Wie heißen Sie?</p>
<p>
<label for="vorname">Vorname:</label>
<input type="text" name="vorname" id="vorname" size="25">
</p>
<p>
<label for="nachname">Nachname:</label>
<input type="text" name="nachname" id="nachname" size="25">
</p>
<p><input type="submit" value="Senden"></p>
</form>
<H1> Form 2: </H1>
<form method="GET" action="receiver2.html">
<p>Wie heißen Sie?</p>
<p>
<label for="id">Vorname:</label>
<input type="text" name="id" id="id" size="25">
</p>
<p><input type="submit" value="Senden"></p>
</form>
</body>
</html>
Empfangende Datei 1 (receiver 1):
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Wertübergabe mittels URL - Empfangendes Dokument</title>
<script type="text/javascript">
function Werteliste (querystring) {
if (querystring == '') return;
var wertestring = querystring.slice(1);
var paare = wertestring.split("&");
var paar, name, wert;
for (var i = 0; i < paare.length; i++) {
paar = paare[i].split("=");
name = paar[0];
wert = paar[1];
name = unescape(name).replace("+", " ");
wert = unescape(wert).replace("+", " ");
this[name] = wert;
}
}
var liste = new Werteliste(location.search);
</script>
</head>
<body>
<h1>Übergebene Daten</h1>
<table border="1" cellpadding="5" cellspacing="0">
<tr>
<th>Feldname</th>
<td>Eintrag</td>
</tr>
<script type="text/javascript">
for (var eigenschaft in liste) {
document.write(
"<tr><td>" + eigenschaft + "</td>" +
"<td><code>" + liste[eigenschaft] + "</code></td></tr>"
);
}
</script>
</table>
</body>
</html>
Empfangende Datei 2 (receiver 2):
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Wertübergabe mittels URL - Empfangendes Dokument</title>
</head>
<body>
<h1>Übergebene Daten</h1>
<table border="1" cellpadding="5" cellspacing="0">
<tr>
<th>Feldname</th>
<td>Eintrag</td>
</tr>
<script type="text/javascript">
var text_test = location.search;
document.write(text_test);
var res = text_test.slice(4);
document.write("<br />");
document.write(res);
</script>
</table>
</body>
</html>
World of Players
HTML/Javascript: Übergabe von Parameter von einer Seite an die andere
HTML/Javascript: Übergabe von Parameter von einer Seite an die andere
)
