テキストボックスの中にリンクを貼りたい

他の方がすでに質問されていたらすみません。急いでいます。
テキストボックスの中にリンクを貼りたいのです。
<FORM>
　<textarea name="name"readonly>
　　http://****
</textarea>
</FORM>
カテ違いかもしれないのですが、何か方法があれば教えてください。
もしくは有用なURLをお願いします。

よろしくお願いします。

No.4 ベストアンサー 回答者： koutarou504 回答日時： 2005/09/13 18:09

＞cssでテキストエリアのような働き（スクロール）をさせる事ができるのですか？

もともと #1 の方の提案が CSS です。
で、
＞表示領域がレイアウト上決まっていて、
＞更新履歴が増えるとスクロールできるからという理由
これを意識した例示が以下になります。
<textarea name="snmKotaName" readonly>りれき１
りれき２
りれき３</textarea>
</form>
<div style="background:#ffffff; border:inset; width:10em; height:2em; overflow:auto;">
りれき１<br>
りれき２<br>
りれき３<br>
</div>
上がテキストエリアで下がCSSです。
マージンなど他の値を出来るだけ素にする為に div要素 を選択しましたが、P要素 など他のブロック要素でも出来ます。
尚、幅，高さは未指定のテキストエリアに近い様にしただけですので、必要に応じて変更して下さい。


それと一応知識として、インラインフレームも同じ様な形になりますが・・・。

この回答への補足

ありがとうございます。思うとおりのものができました。

テキストエリアを指定するように
scrollbar-face-color:#******;
scrollbar-track-color:#******;
scrollbar-arrow-color:#******;
scrollbar-highlight-color:#******;

等、色は変えることはできますか？

補足日時：2005/09/14 10:28

この回答へのお礼

すみません。自分で書いた方法で変更できました。

どうもありがとうございました。

お礼日時：2005/09/14 10:50

No.3 回答者： partita 回答日時： 2005/09/13 17:06

＞cssでテキストエリアのような働き（スクロール）をさせる事ができるのですか？

できますよ。
＃１のpタグに長い文章を入れるとわかると思います。

No.2 回答者： koutarou504 回答日時： 2005/09/13 15:01

まず、何故 textarea の readonly を用いているのか？

これが JavaScript での動的な書き換えを意識しての事なら、JavaScript が有効との前提でリンクでなくリンクと同等の事を JavaScript で行うのはいかがでしょうか？
onclick イベントで textarea に書き出してある URL を location.href に送るとか。

書き換えを意識していない、JavaScript が無効でも同じ動きをさせたい、ただデザイン上の事で textarea を用いているなら div に換えてデザインは CSS で行うとかの考え方があります。
この方法ならリンクは A要素 を用いて容易に実現できますし・・・。


まぁ結局、何故 textarea の readonly を用いているのか？　がポイントですかねぇ～
これによって代案がいろいろ変わります・・・。
もしさらに代案が必要な場合は、textarea の readonly を用いている背景というか理由，何をしたいのかという全体の目的をご提示頂けたら幸いです。

この回答への補足

ご回答ありがとうございます。
補足します。

textareaを更新履歴に使いたいと思っています。表示領域がレイアウト上決まっていて、更新履歴が増えるとスクロールできるからという理由でテキストエリアがいいかと思いました。
javascriptが無効な場合は考慮しないつもりです。

説明がいたらなければすみません。またご回答お願いします。

cssでテキストエリアのような働き（スクロール）をさせる事ができるのですか？だとすると助かります。

補足日時：2005/09/13 16:25

No.1 回答者： partita 回答日時： 2005/09/13 12:28

readonlyならば、テキストエリアでなく

<p>を使用して

p {
widht:600px;
height:300px;
overflow:auto;
border:1px solid #999;
}
のようにしたらどうですか？