div in link umwandeln

[Ines]

Hallo,

und zwar habe ich schon ewig gegoogelt und probiert, aber ich habe keine Möglichkeit gefunden, wie man eine div in einen link umwandeln kann.
Speziell soll es einen Absatz geben (div) und wenn man darauf klickt kommt ein Eingabefeld, in das man z.b. "link" eingibt.
danach sollte die div hinter dem link stehen (versteckt) und wenn ich auf den link "link" gehe, soll der abschnitt wieder sichtbar.

Hat jemand eine Idee wie man das umsetzen könnte?
Wäre für Hilfe sehr dankbar.

Ines

[Skeeve]

Moin!

Ich zitiere einfach mal Dieter Nuhr: "Hä?"

-- Skeeve

[Mathias Brodala]

Hallo Ines.

Da ich mich nicht imstande sehe, dein Vorhaben in seiner Gesamtheit zu erfassen, beschränke ich mich auf Tipps für die einzelnen Schritte:

und zwar habe ich schon ewig gegoogelt und probiert, aber ich habe keine Möglichkeit gefunden, wie man eine div in einen link umwandeln kann.

Du könntest <http://de.selfhtml.org/javascript/objekte/htmlelemente.htm#a@title=das entsprechende> <http://de.selfhtml.org/javascript/objekte/document.htm#create_element@title=Element erzeugen>, den Wert der href-Eigenschaft (und damit des gleichnamigen Attributes) auf die gewünschte Adresse setzen (einfach per deinlinkobjekt.href = "http://example.org/") und in dieses Element einen http://de.selfhtml.org/javascript/objekte/document.htm#create_text_node@title=Textknoten http://de.selfhtml.org/javascript/objekte/node.htm#append_child@title=einhängen, dessen Wert dem http://de.selfhtml.org/javascript/objekte/node.htm#node_value@title=Inhalt des div-Elementes entspricht. (Enthält letzteres HTML, solltest du der Einfachheit halber zu http://de.selfhtml.org/javascript/objekte/all.htm#inner_html@title=innerHTML greifen.)

Speziell soll es einen Absatz geben (div) und wenn man darauf klickt kommt ein Eingabefeld, in das man z.b. "link" eingibt.

Hierzu könntest du auf den http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onclick@title=onclick-Event des jeweiligen div-Elementes reagieren und entweder ein bereits vorhandenes, aber ausgeblendetes, Eingabefeld http://de.selfhtml.org/javascript/objekte/style.htm@title=einblenden oder mit obiger Methode ein neues erzeugen.

danach sollte die div hinter dem link stehen (versteckt) und wenn ich auf den link "link" gehe, soll der abschnitt wieder sichtbar.

Hierzu reagierst du wiederum auf den onclick-Event und blendest nun im Gegenzug das div-Element ein. Die Abarbeitung des Links kannst du wie mehrfach im hiesigen Archiv beschrieben unterbinden. Brauchbare Suchbegriffe befinden sich im eben notierten Satz.

An Stelle des Links solltest du aber auch einen Button in Betracht ziehen, wenn der Link ohne JavaScript keinerlei weitere Funktion hat. Denn Links deuten eigentlich auf eine aufrufbare Ressource hin, Buttons auf Aktionen.

Einen schönen Donnerstag noch.

Gruß, Mathias

[Cybaer]

Hi,

Wäre für Hilfe sehr dankbar.

Kleine Anmerkung: Crossposten wird allgemein als ziemlich unhöflich empfunden (s. auch hiesige FAQ). Und wer hilft schon gerne unhöflichen Menschen?!

Du klingelst ja auch nicht im Hochhaus Sturm, wenn dir eine Zutat zum Backen fehlt, sondern klapperst Nachbar um Nachbar ab, oder?

Gruß, Cybaer