Make clickable area in textarea

[lindm]

Is it possible to make the text [Link] appear in the right top corner of a textarea and this text would be a link? The rest of the textarea would work as normal and the linktext would be part of the textarea when submitted...

[haku]

Can you elaborate a little? I'm not sure exactly what you mean.

[lindm]

Absolutely.

 

Imagine the textarea as a square. I want a normal text link to appear in the top right corner. For instance: <a href="xxx">link</a>. This link should not be part of the textarea contents and not submitted with the form.

[haku]

Ahh, you said it would be submitted with the form.

 

The only way I can see to do this is to use some fancy absolute positioning.

 

<div id="box_wrapper">

  <a id="floating_link">link</a>

  <textarea></textarea>

</div>

#box_wrapper
{
  position:relative;
}
#floating_link
{
  position: absolute;
  right:3px; //adjust this
  top:15px; //adjust this
}

 

Not tested, but it should be something like this.

[Dorky]

dont forget to z-index: or it may be behind the other elements.