Über Javascript geänderten Attribut speichern (Sodass er nach neuladen der Seite immernoch geändert ist)

  • Hallo,
    ich bin ein Anfänger, was Javascript angeht.
    Bisher habe ich es hinbekommen, dass ich die Verlinkung des "a" Tags über ein Textfeld ändern kann, dass war auch nicht sonderlich schwer.
    Allerdings wird der Link nach neuladen der Seite ja wieder zurück gesetzt, was ich nicht möchte.
    Ich habe nicht wirklich einen Lösungsansatz, da ich mich mit Javascript nicht viel auskenne.


    Ich hoffe jedoch, das mir hier jemand helfen kann!:)




    Hier der Code:


    Code
    <input type="text" id="textfeld" placeholder="Link eingeben" /><button type="button" onClick="document.getElementById('Link').href = document.getElementById('textfeld').value ">Ändern</button><a href="http://google.de" id="Link">Link öffnen</a>



    Danke schonmal im Vorraus 8)

  • Wenn der Benutzer die Seite neu lädt, dann startet ja Dein Ablauf/Script neu -- also weiß nix von der vorigen Auswahl.
    Du musst also die Auswahl irgendwo zwischenspeichern.
    Was mir spontan sinnvolles einfällt wäre da
    url:
    angenommen die URL lautet page.com?d=1
    dann hängst Du per JS ein &link={LINK} an.
    Kommt dann raus: page.com?d=1&link={dein link ...}
    Beim neuladen (auch bem ersten Laden) der Seite prüfst Du, ob der Parameter link gesetzt ist. Wenn ja, dann die onclick function gleich einmal ausführen.
    siehe: window.location
    Beisp: Mit Javascript etwas an die URL anhängen



    oder
    localStorage:
    dabei legst Du beim Benutzer Daten lokal ab. Eigtl recht einfach.
    siehe: http://www.w3schools.com/html/html5_webstorage.asp

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!