ユーザーがコンテンツを追加して時々編集するテキストエリアがあります。
そのテキストが URL を指すようにしたい (つまり、テキストエリア内のハイパーリンク)。しかし、テキストエリア内にハイパーリンクを設定することはできないため、テキストエリア全体を URL 自体にリンクさせることはできますか?
ユーザーがコンテンツを追加して時々編集するテキストエリアがあります。
そのテキストが URL を指すようにしたい (つまり、テキストエリア内のハイパーリンク)。しかし、テキストエリア内にハイパーリンクを設定することはできないため、テキストエリア全体を URL 自体にリンクさせることはできますか?
onclick イベント ハンドラーをテキストエリアに追加し、window.location に目的の場所を設定します。
その他のオプションは、CK エディターやYUI エディターなどのエディターを使用することです。
jqueryを使用できます:
<a href='http://example.com' style='display:none' id='textarea_link'></a>
<textarea id='textarea1'></textarea>
<script type='text/javascript'>
jQuery('#textarea1').click(function(){jQuery('#textarea_link').click()});
</script>
次に、テキストエリアをクリックすると、クリックイベントがリンクに渡され、ブラウザはリンクをクリックしたかのように処理します。
注:これは意図的にjavascriptwindow.open関数を使用していません