1
Hallo Jörg / Hallo Leute
Ich bin durch einen Tipp auf dieses Forum gekommen und bedanke mich erst mal an dieser Stelle für diese coole Plattform!
Mein Anliegen ist etwas speziell, habe aber gesehen dass es schon ein paar Einträge dazu hier gibt. Doch so recht komme ich, trotzt lesen, nicht voran.
Viel Berührung hatte ich zuvor noch nicht mit Javascript, jQuery ... aber ich kenne mich recht gut aus mit CSS und HTML. Doch Ihr müsst bitte ein wenig Rücksicht auf mich nehmen :))
Nun zum Problemchen.
Brauche eine kleine einfache Anwendung ohne Schnick-Schnack, die offline auf meinem MacBook im Browser (Chrome, Safari) läuft. Dazu sollen Werte über LocalStorage angelegt, gespeichert, editiert und wieder gelöscht werden können.
Aufmerksam bin ich geworden durch diesen Link:
https://developer.apple.com/library/content/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/ASimpleExample/ASimpleExample.html
sowie diesen hier:
https://developers.google.com/web/tools/chrome-devtools/iterate/manage-data/local-storage?hl=en
Was habe ich bisher gemacht?
1. Ein Formular erstellt (formular.html)
2. Eine Auswertung erstellt (list.html)
3. Eine Löschdatei erstellt (clear.html)
4. Eine Datei für die Ausführung der Aktion erstellt (index.html)
Info
Der String im Browser sieht so aus:
file:///Users/home/Ammo/index.html?formkaliber=0&formstueckzahl=0&formhersteller=Remington&form=Formular+absenden
Es werden also die Daten aus dem Formular übergeben, kommen aber irgendwie nicht korrekt im Script an.
Da Script läuft bis "Stufe 2" = der "alert" erscheint und hört dann auf.
Die Werte werden nicht in die localStorage geschrieben.
Sorry, falls das jetzt zu banal ist, aber ich bin gerade total blind und komme nicht voran.
Besonders, weil das hier eigentlich funktionieren müsste, aber den Wert "null" im alert ausgibt und nicht "Tom" wie es eigentlich sein müsste.
Gebe ich aber zusätzlich das hier ein, dann wird korrekt "Tom" ausgegeben.
Naja, egal .. ist ja nicht mein eigentliches Problem, sondern das oben 1-4
Würde mich über ein wenig Hilfe oder ein paar Tipps freuen.
Danke
Peace and Out :)
Ich bin durch einen Tipp auf dieses Forum gekommen und bedanke mich erst mal an dieser Stelle für diese coole Plattform!
Mein Anliegen ist etwas speziell, habe aber gesehen dass es schon ein paar Einträge dazu hier gibt. Doch so recht komme ich, trotzt lesen, nicht voran.
Viel Berührung hatte ich zuvor noch nicht mit Javascript, jQuery ... aber ich kenne mich recht gut aus mit CSS und HTML. Doch Ihr müsst bitte ein wenig Rücksicht auf mich nehmen :))
Nun zum Problemchen.
Brauche eine kleine einfache Anwendung ohne Schnick-Schnack, die offline auf meinem MacBook im Browser (Chrome, Safari) läuft. Dazu sollen Werte über LocalStorage angelegt, gespeichert, editiert und wieder gelöscht werden können.
Aufmerksam bin ich geworden durch diesen Link:
https://developer.apple.com/library/content/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/ASimpleExample/ASimpleExample.html
sowie diesen hier:
https://developers.google.com/web/tools/chrome-devtools/iterate/manage-data/local-storage?hl=en
Was habe ich bisher gemacht?
1. Ein Formular erstellt (formular.html)
<body>
<form method="GET" action="index.html" name="form">
<input name="formkaliber" type="text" value="0" size="5" maxlength="5" id="formkaliber"><br>
<input name="formstueckzahl" type="text" value="0" size="5" maxlength="5" id="formstueckzahl"><br>
<select name="formhersteller" size="1" id="formhersteller">
<option value="Remington"> Remington </option>
<option value="Hornady"> Hornady </option>
<option value="C. Schuett (Kai1)"> C. Schuett (Kai1) </option>
</select>
<br><br>
<input type='submit' name='form' value='Formular absenden'>
<input type="reset" value="Loeschen">
</form>
</body>
2. Eine Auswertung erstellt (list.html)
<body>
<script>
// Check browser support
if (typeof(Storage) !== "undefined") {
// Retrieve
document.getElementById("kaliber").innerHTML = localStorage.getItem("amokaliber");
document.getElementById("stueckzahl").innerHTML = localStorage.getItem("amostueckzahl");
document.getElementById("hersteller").innerHTML = localStorage.getItem("amohersteller");
} else {
document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Storage...";
}
</script>
<table>
<tr>
<td>KALIBER:</td> <td>STUECKZAHL:</td> <td>HERSTELLER:</td>
</tr>
<tr>
<td><div id="kaliber"></div></td> <td><div id="stueckzahl"></div></td> <td><div id="hersteller"></div></td>
</tr>
</table>
</body>
3. Eine Löschdatei erstellt (clear.html)
<body>
<script>
// Check browser support
if (typeof(Storage) !== "undefined") {
localStorage.clear();
alert("Clearing OK");
} else {
document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Storage...";
}
</script>
</body>
4. Eine Datei für die Ausführung der Aktion erstellt (index.html)
<body>
<script>
// Check browser support
if (typeof(Storage) !== "undefined") {
var formkaliber1 = document.getElementById('formkaliber');
var formstueckzahl1 = document.getElementById('formstueckzahl');
var formhersteller1 = document.getElementById('formhersteller');
alert("Stufe 1");
// Store
localStorage.setItem("amokaliber", formkaliber1);
localStorage.setItem("amostueckzahl", formstueckzahl1);
localStorage.setItem("amohersteller", formhersteller1);
alert("Stufe 2");
// Retrieve
document.getElementById("kaliber").innerHTML = localStorage.getItem("amokaliber");
document.getElementById("stueckzahl").innerHTML = localStorage.getItem("amostueckzahl");
document.getElementById("hersteller").innerHTML = localStorage.getItem("amohersteller");
alert("Stufe 3");
} else {
document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Storage...";
}
</script>
</body>
Info
Der String im Browser sieht so aus:
file:///Users/home/Ammo/index.html?formkaliber=0&formstueckzahl=0&formhersteller=Remington&form=Formular+absenden
Es werden also die Daten aus dem Formular übergeben, kommen aber irgendwie nicht korrekt im Script an.
Da Script läuft bis "Stufe 2" = der "alert" erscheint und hört dann auf.
Die Werte werden nicht in die localStorage geschrieben.
Sorry, falls das jetzt zu banal ist, aber ich bin gerade total blind und komme nicht voran.
Besonders, weil das hier eigentlich funktionieren müsste, aber den Wert "null" im alert ausgibt und nicht "Tom" wie es eigentlich sein müsste.
<script>
// Check browser support
if (typeof(Storage) !== "undefined") {
// Save data to sessionStorage
localStorage.setItem('myCat', 'Tom');
// Get saved data from sessionStorage
var data = localStorage..getItem('myCat');
alert(data);
} else {
document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Storage...";
}
</script>
Gebe ich aber zusätzlich das hier ein, dann wird korrekt "Tom" ausgegeben.
alert(localStorage.getItem("myCat"));
Naja, egal .. ist ja nicht mein eigentliches Problem, sondern das oben 1-4
Würde mich über ein wenig Hilfe oder ein paar Tipps freuen.
Danke
Peace and Out :)