div in link umwandeln

[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