テキストボックスに指定したURLのタイトルやdescription、使用されている画像等を取得するjQueryプラグイン・Link...

テキストボックスに指定したURLのタイトルやdescription、使用されている画像等を取得するjQueryプラグイン・Link Scrapper TextBox | かちびと.net

指定したリンク先のURLやタイトル 、description、ページ内で使用し ている画像を取得するjQueryのプラ グイン・Link Scrapper TextBoxの ご紹介です。Facabook等でも使わ れていますね。 Facebookのように、テキストボックスにURLを入れると、そのURL先のタイトルやdescription、画像を取得する、というスクリプトです。jQueryに依存しています。 Link Scrapper TextBox 上記のようにタイトルやdescriptionなどを取得、表示しています。何かと使えそうですねー。 以下公式の動作サンプルです。 コード 本体とプラグインを読み込みます。 後はセッティング。 var scrapper_total_width = 400;//全体のボックスの長さ var scrapper_image_width = 100;//サムネの幅 var scrapper_image_height = 100;//サムネの高さ //各出力変数 var scrapperLinkURL; var scrapperLinkTitle; var scrapperLinkDescription; var scrapperLinkImageURL; var scrapperText; function displayScrapperData() { 各項目を表示するDOMを生成 $('#foo').prepend(' '+' Text: '+scrapperText+' URL: '+scrapperLinkURL+' Title: '+scrapperLinkTitle+' Description: '+scrapperLinkDescription+' Image Source: '+scrapperLinkImageURL+''); } ボックス内のレイアウトはセッティングにて作ります。 マークアップは空のボックスを用意するだけ。 なかなかべんりっぽいです。

http://kachibito.net/web-design/link-scrapper-textbox.html