文章中の URL に自動的にリンクを貼る javascript というのはあるのでしょうか?

なぜこのようなスクリプトを探しているいるのかは、Web上で情報いれるときに、できるだけ手間を省きたいというのが理由です。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2004/08/17 16:56:02
  • 終了:--

回答(5件)

id:harakachi No.1

harakachi回答回数18ベストアンサー獲得回数02004/08/17 17:15:22

ポイント10pt

リンクを貼るということは

<a href=”hogehoge”>hoge</a>

というタグを出力するということなので

javascriptでは基本的に無理かと思います

(Javascriptをoffにしてたら終わりですし。)

innerHTMLというプロパティがあるので

無理矢理にやろうと思えばできるかも?

<script language=”javaScript”>

hoge.innerHTML=’<a href=”hoge”>hoge</a>’;

</script>

<div name=”hoge”>

</div>

id:isogaya

入力の時の支援なので、テキストの中に、タグを埋め込んで、戻してくれるようなものでよいのです。

2004/08/17 17:43:14
id:kuippa No.2

くいっぱ回答回数1030ベストアンサー獲得回数132004/08/17 17:42:13

ポイント10pt

http://www.miloweb.net/win/server/script.html

サーバサイドスクリプトを実行させる( CGI・Perl 編 ) - Home Server Technical for Windows

ユーザが編集してサーバにあげたファイルに対して、動的にその内容を変更するには、サーバ側で実行されるスクリプトを書いてやる必要があります。

一般的にいわれているサーバーサイドスクリプトとよばれるものです。cgiやphp aspやjspなどがそうです。

javascriptに、サーバサイドのものを含めるのであれば、JSPなどを用いればできますが、一般的なクライアントサイドで動作するJavascriptでは難しいです。

予めリンクを貼る文章領域をしていしておけば、

ダイナミックhtmlなどをつかい、クライアントサイドのスクリプトでもできなくもないですが、タグでURLを一々囲むことを考えると、ちょっと本末転倒な気がします。

いちばん楽チンな方法は、FTPなどでサーバに贈る際にツールなどで、httpから始まるURLと思われる個所を変換するコンバータを入れてあげることではないでしょうか。

id:isogaya

サーバにあげる前に処理したいのです。ボタンを

おすと、テキストエリア内のURLにリンクをはってくれるとかいようなものです。

2004/08/17 17:46:37
id:lovemaker No.3

lovemaker回答回数59ベストアンサー獲得回数12004/08/17 18:16:33

ポイント20pt

http://bookmarklet.daa.jp/blog/archives/000007.html

JavaScript::Bookmarklet Blog: サイトへgo

ブックマークレットをご存知でしょうか?

Javascriptをお気に入りに入れて

クリックするだけで実行するものです。

「サイトへgo」というブックマークレットがぴったりではないでしょうか?

http://bookmarklet.daa.jp/

JAVASCRIPT::BOOKMARKLET

id:isogaya

なるほどよさげですね。

フォーム入力のときに使えるかですけど

2004/08/17 19:27:42
id:smoking186 No.4

186回答回数74ベストアンサー獲得回数62004/08/17 18:37:50

ポイント20pt

http://d.hatena.ne.jp/smoking186/10000102

?D Edit JavaScript - 186::Diary

昔はてなダイアリー用に改造した入力支援JavaScriptです。Proxomitron等のローカルプロキシソフトと組み合わせて使うことが前提になっています。

二番目のurlがそのサンプルです。JavaScriptをオンにして試してみてください。文字列を選択した後、テキストエリア下のlinkボタンをクリックするとurlを入力する様の窓が表れます。

http://186.bz/hatena/edit/

186.bz - hatena ?D Edit JavaScript for Mozilla and IE(はてなダイアリー入力支援)

id:isogaya

どうもありがとうございます。ぴったりでは

ないですが、ちかいです。

2004/08/17 19:28:15
id:Mars No.5

Mars回答回数203ベストアンサー獲得回数202004/08/17 19:20:35

ポイント30pt

適当な掲示板などで投稿する時にtextareに書いたurlをリンクに変換するスクリプト(bookmarklet)です。

#これでよかったのかな?もうひとつ質問というか要求を理解していないかも。なお、urlの解釈はちょっと甘いかもしれません。

#また、’などは全角>半角に直して試してください。

javascript:if(document.body)XXX(document);for(var i=0;i<document.frames[i];i++)XXX(document.frames[i].document);function XXX(O){var TA=O.getElementsByTagName(’textarea’);var Rp=new RegExp(’http://([0-9a-zA-Z#$/%&?.+¥~¥-]+)’,’g’);for(var i=0;TA[i];i++){TA[i].value=TA[i].value.replace(Rp,function(Str,P1){return ’<a href=”http://’+P1+’”>’+P1+’</a>’});}}

id:isogaya

パーフェクトでなくてよいのです。ありがとうございました。

2004/08/17 19:28:46
  • id:Mars
    訂正

    ちょっとスクリプトが長すぎました。
    url欄に入れることは出来ても実際、お気に入りには入らないようなので不要と思われる機能(フレーム対応、複数textarea対応)を削りました。

    javascript:var Rp=new RegExp(’http://([0-9a-zA-Z#$/%&?.+¥~¥-]+)’,’g’);var O=document.getElementsByTagName(’textarea’)[0];O.value=O.value.replace(Rp,function(Str,P1){return ’<a href=”http://’+P1+’”>’+P1+’</a>’});void(0);

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません