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

Beitrag lesen

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