Tekst layer, ændre teksten

Selve princippet er som jeg gør her:
--- cut ---
<form name="formen">
<textarea name="display" style="border:0px;"></textarea>
</form>
<a href="#" onmouseover="document.formen.display.value='Test tekst'">Test</a><br>
<a href="#" onmouseover="document.formen.display.value='Anden tekst'">Anden</a>

--- cut ---

Hvor jeg gerne vil have et layer som fungerer på samme måde. Da jeg har en "tale boble" hvor teksten skal passe ind i. Håber der er nogen som har nogle ideer.

Sådan ?-)
<div name="display" id="display" style="border:0px;height:75px;width:200px;"></div>
<button onmouseover="document.getElementById('display').innerHTML='Test tekst'">Test</button><br>
<button onmouseover="document.getElementById('display').innerHTML='<b style=\42font-size:18px;color:red;\42>Anden tekst</b>'">Test2</button><br>

Ja det er noget i denne retning, det ser lovende ud, jeg har lige ændret stylen til:
---
style="border:0px;height:75px;width:50px; position=absolute;left:80; top:35;z-index=2"
---
Derved kan jeg jo placere den oven på min talebobbel, dog er taleboboblen, ikke firkantet, er der mulighed for at definere nogle punkter som teksten skal være inden for?

Kun 'langsomt' og med det mener jeg, at du skal lægge noget i vejen for teksten, så den ikke kan lægge sig der ,-)
-- men oftest vil du med en text-align:center i style'n og en tilstrækkelig præcis størrelse kunne få det ordentligt på plads !-)

Har lige lagt mit eksempel ud på www.sjat.dk/resen der kan du se selve problematikken (det er det hvide felt ved aben, som teksten skal stå i)

Nogle ideeR?

Prøv sådan (præcis det med at 'lægge noget i vejen' ,-)

<div style="border:0px;height:75px;width:200px;">
<div style="width:15px;height:30px;border:0px;float:left;"></div><div name="display" id="display"></div>
</div>

hth
jes

Ja det er på den måde, og det lovende ud.
Kan dog ikke få det til at virke, hvis jeg vil lave flere, "kasser" som teksten skal uden om, se igen www.sjat.dk/resen jeg har i øjeblikket lavet en rød kasse over abens arm. Ville gerne kunne lave flere kasser, så jeg kan dække hele armen. Har prøvet at lave en stor firkant som dækker hele armen. Det virker fint, dog er der problemer med tekstombrydningen... Nogle ideer?

Hvis de strikt ligger uden på hinanden kan du godt lave flere divs, men ...

Jeg ville acceptere den sidste lille ende, altså lave kassen så stor, at den praktisk taget dækker armen, men dermed også tager noget af det hvide felt under armen -- det er jo ikke en wysiwyg-editor men html vi har med at gøre ...

Tekst-ombrydningen kan vi ligervis ikke gøre noget ved med html-kode ,-)

-- selvfølgelig kan vi genskabe orddelingsalgoritmer med javascript, men det er da vist en hel del nemmere at finde ud af, hvordan teksten ser ud og så indsætte orddelings-streger !-)

Nu har jeg uploadet den nye, hvor jeg dækker det meste af armen og det virker fint, så må jeg jo lave en vejledning til inputfeltet, om hvordan teksten skal skrives, for at det står på den rigtige måde, kunne man evt. ligge et layer eller ligende hen over et textarea, og derved vise hvilket område teksten skal skrives inden for?

Kan du ikke ligge et svar?

Jeg tror du bliver nødt til at vise det frem, fordi teksten i textarea normalt har en helt anden formattering ...
Layer over textarea tror jeg helt du kan opgive, men du kan jo lave en kopi af det indtastede on-the-fly:

onkeyup="document.getElementById('textLayer').innerHTML=this.value"

hth
jes '-)

Endelig fik jeg løst mit problem. Ved at lave en kopi af displayet og opdatere teksten med onkeyup. Har jeg fået det til at spille ;)

Tak skal du have.

Velbekomme -- og tak for points ;~}