テキストエリアにリンクをはりたい テキストエリアにリンクをはりたい…。 そんな事は実際には出来ません。 ただ…見た目だけなら良く似た物を作れます。 上はテキストエリアではありません。 インラインフレームで作成しています。 <iframe></iframe>で作成しています。 下で詳しく説明します。 |
<IFRAME src="ファイル名" name="このインラインフレームの名前" width="200" height="100" frameborder="1" > ここは非対応のブラウザの時に文字が表示されます。</IFRAME> まずは上のように入力してみましょう。表示させたい場所に埋め込みます。 ↑のような感じのスペースが出来ました。 この中にリンクを張れば…完成？ですね^^;) しかしここで勘違いしてはダメな事があります。 このスペースには文字を打ち込むのではありません。 ページを埋め込む事になります。 つまりこの指定した枠の中に指定のページを表示させているのです。 src="ファイル名"表示させるページのファイル名を入れます。 name="インラインﾌﾚｰﾑに名前を設定します"半角英数字で付けてください。これを指定する事で色々な事が出来ます。 width=インラインﾌﾚｰﾑの幅をピクセル指定します。 height=インラインフレームの高さを指定します。ピクセル単位です。 ％で指定することも出来ます。例width="40%" frameborder=インラインフレームの枠の太さです。ピクセル単位で指定します。0にする事で枠線が消えます。 簡単に説明すると src="index.htm"にすればインラインフレームの中にトップページが表示される事になります。 ここをクリックしてみてください こういう感じでページを先に作成しておいて、そのページをインラインフレーム内に表示させる事でテキストエリア内にリンクを張っているように見えるだけです。 <IFRAME src="jisen14-01.htm" name="pr" width="200" height="100" frameborder="1"></iframe> 結構単純に出来てしまいます^^) そこでもっと面白い使い方をしてみましょう。 テスト１ テスト２ テスト３ <IFRAME src="#" name="test" width="200" height="100" frameborder="1"></iframe><BR> <A href="jisen14-01-test01.htm" target="test">テスト１</A><BR> <A href="jisen14-01-test02.htm" target="test">テスト２</A><BR> <A href="jisen14-01-test03.htm" target="test">テスト３</A><BR> <BR> nameに向けてターゲットを指定する事でリンク先をインラインフレームに表示させる事も出来ます。 |
|
| HOME BACK | |
| パソコン初心者講座ぱそおーる |