Hallo Matthias,
Dieses Element erzeugst du als Kind des umgebenden divs und positionierst absolut mit top=0 und right=0. Div ist nicht passend, wenn du einen Link erzeugen möchtest. Ich würde das gleich in einem Abwasch mit dem Erzeugen der helper-divs erledigen.
Ich habe das Bild jetzt in einem test wie folgt erzeugt:
<style>
#helper1 img {
position:absolute;
top: -10px;
left: calc(100% - 20px);
}
</style>
var image = document.createElement("img");
image.src = "info.gif";
image.id = "pic";
image.onclick = "test();";
r.appendChild(image);
<div id="helper1">
Lorem ipsum ... blabla blabla<br/>
Lorem ipsum ... blabla blabla<br/>
Lorem ipsum ... blabla blabla<br/>
</div>
Zwei Probleme habe ich aber noch dabei:
- Das Bild wird abgeschnitten, es soll sich aber ja anheften und überschneidend angezeigt werden
- Die Funktion test() wird beim Klick auf das Bild nicht aufgerufen.
LG Marvin