私はfacebookのようなURLを検出する問題に立ち往生してしまった。 Facebookで、URLを入力すると、自動的にURLの詳細が取得されます。テキスト領域に入力されたデータとそれに続くスペースをチェックし、その型付きのURLの詳細を取得します。facebookのような自動URL検出を実装する方法は? (URL抽出を実装する方法ではない)
Ex。 iタイプ
www.google.com
私のFacebookのステータスの更新のテキストエリアでは、入力されたURLが入力され、その詳細を見つけることができます。
このようにします。
Gmail: Email from Google
https://accounts.google.com/ServiceLogin...
7+ GB of storage, less spam, and mobile access. Gmail is email that's intuitive, efficient, and useful. And maybe even fun.
私はすでに、URLの抽出を実施し、FacebookのようなURLからのすべての詳細を取得しますが、私の実装では、私はテキスト領域と1つの送信ボタンを持っています。ユーザーがサブミットボタンを押すと、入力されたURLの詳細を取得できます(利用可能な場合)。
Facebookのような実装をアップグレードしたいと思います。 私のコードをここに置いて、何をする必要があるのですか?いくつかのヒント/ガイダンスを教えてください。
私のコード::
<div>
<input type="text" name="url" size="64" id="url" />
<input type="submit" name="attach" value="Attach" id="attach" />
</div>
<div id="loader">
// Url content display div
</div>
スクリプトコード::
$(document).ready(function() {
$('#url').keyup(function() {
//alert("something is here!!");
if (!isValidURL($('#url').val())) {
// alert('Please enter a valid url.');
return false;
}
else {
$('#load').show();
var a = $('#url').val();
// some code for extracting url//
}
}
});
isValidURL()そのURL天気をかを検出します。
私が最初に入力したテキストが見つかるようにするために必要な変更は、urlかどうかであり、urlの場合はさらに進んでいきます。 (スペースバーの前にテキストをチェックする方法は?)
ありがとうございます!