Peter: Text auf Bild schreiben und abändern können

Hallo Leute,

hab ein Problem:
hab ne Html die ein Bild öffnet und an einen Punkt auf dem Bildschirm positioniert (100px ; 100px)
Mein Problem ist auf dieses Bild etwas zuschreiben z.B. "Bild Nr 1", durch Knopfdruck soll dieser Text geändert werden z.B. "Ein schönes Bild!". Ich würde selber ein Textarea vorschlagen aber man sieht dort das komplette Feld was das Bild überdeck man sollte aber nur den Text sehen und was noch wichtig ist dass das Feld auch postitioniert werden kann auf ein ganz bestimmten Punkt auf dem Bild (130px , 130px) .

Hier mein Quelltext:

<html>
<title>Test</title>
<body>

<input type="button" name="knopf" value="Drück mich!" onclick ="javascript: text();">

<script>
document.write('<style type="text/css">');
document.write('#Bild{position: absolute; top:100px; left:100px; }');
document.write('</style>');
document.write('<div ID="Bild"><img name="Bild" src="Bild.jpg" ></div>');

function text(){ }

</script>
</body>
</html>

Danke für eure Hilfe!
Mfg Peter

  1. Ich bin kein Profi, aber den Text würde ich mittels eines Layers drüber legen.

  2. Hallo Peter,

    Hast Du schon http://forum.de.selfhtml.org/my/?t=38381&m=210111 und die Antwort von Thomas Meinike gesehen? Könnte Dir helfen.

    Grüße aus Nürnberg,
    HarryS