Hallo,
ich habe leider mein Problem noch immer nicht gelöst. Folgender HTML Code:
<label for="Textzusprechen" accesskey="t">Text eingeben zum Sprechen</label><br>
<textarea name="Textzusprechen" id="Textzusprechen" cols="50" rows="3" style="width:90%;font-size:120%;"></textarea>
<br><br>
<label style="font-size:120%;" for="Auswahlsprechtexte">Text auswählen</label>
<select name="Auswahlsprechtexte" id="Auswahlsprechtexte" accesskey="w" style="width:76%;font-size:120%;"></select>
<br>
<input type="button" value="Laden" accesskey="l" onclick="LocalStorageTextLaden()" title="Der ausgewählte Text wird geladen und gesprochen" style="padding:10px;width:90%;font-size:120%;">
<input type="button" value="Speichern Unter" accesskey="u" onclick="LocalStorageTextSpeichernUnter(Textzusprechen.value)" title="Der eingegebene Text wird unter einem vorgegebenen Namen gespeichert" style="padding:10px;width:90%;font-size:120%;">
Jetzt der Javascipt-Code:
function LocalStorageTextLaden() {
// Ausgewählter Text in aufklappbare Liste speichern
var ausgewaehlerTextName = document.getElementById("Auswahlsprechtexte").value;
//befüllen der TextArea
zuLadenderText = localStorage.getItem(ausgewaehlerTextName);
Textzusprechen.value = zuLadenderText;
Sprechen();
}
function LocalStorageTextSpeichernUnter(textEingabe) {
// Abfrage wie der gespeicherte Text heißen soll
var vTextname = prompt("Wie soll der gespeicherte Text heißen?", "");
localStorage.setItem(vTextname, textEingabe);
// Neuen Text in aufklappbare Liste hinzufügen
var createElm = document.getElementById("Auswahlsprechtexte");
//Um eine Option zu speichern benötigst Du keinen fortlaufenden Index,
//es reicht wenn Du Dir die Länge der Auswahl holst!
createElm.options[createElm.length] = new Option(vTextname, textEingabe);
}
Mein Ziel: Ich möchte mehrere verschiedene Texte in den Localstorage speichern und nach Auswahl in der Select-Aufklappbaren Liste wieder laden.
Mein Problem: Es funktioniert nur begrenzt. Ich bitte um Hilfe.