Marvin Esse: per CSS oder javascript automatisch Code an div anhängen

Beitrag lesen

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