2012-03-26 17 views
4

私はFacebookの友達の名前がテキストエリアに追加@taggedのようなものを作るしようとしています。私はjquery UIオートコンプリートを使って仕事をしていますが、タグを開始するために@や〜などの記号が必要な場合を除いては問題なく動作しています。誰にでもアイデアはありますか?私はFacebookのような友達の複数のタグのためにそれを使用しています。トリガ@mention FacebookやTwitterなどのオートコンプリートやGoogle+

+0

あなたがこれまでにしようとしているかを示すことはできますか? –

+0

[テキストの途中でオートコンプリート(Google Plusなど)]の可能な複製](http://stackoverflow.com/questions/7089406/autocomplete-in-middle-of-text-like-google-plus) –

+0

同様に表示されます//meta.stackoverflow:[ここ](http://flipnotes.net/notes/note/6/commet-autocomplete-for-username-and-type) – suhailvs

答えて

8

私はこれを達成するためにプラグインを書いた:

http://www.hawkee.com/snippet/9391/


$('#inputbox').triggeredAutocomplete({ 
    hidden: '#hidden_inputbox', 
    source: "/search.php", 
    trigger: "@" 
}); 
0

ねえ、あなたがこのような何かを試すことができます...それが動作ホープ..

$q=$_POST['searchword']; 
$q=str_replace("@","",$q); 
$q=str_replace(" ","%",$q); 
$sql_response=mysql_query("select * from data where fname like '%$q%' or lname like '%$q%'"); 
while($row=mysql_fetch_array($sql_response)) 
{ 
    $fname=$row['fname']; 
    $lname=$row['lname']; 
} 
5

あなたが使用することができますが私が書いたブートストラップ・プラグイン・ライブラリー。それはのcontentEditableのdivに動作します。ここでは

1

が、これは有用である可能性があるサンプル一つだ、:http://jsfiddle.net/suneeshtr/6ymLD/1/ もチェック:http://www.hawkee.com/snippet/9391/

+0

なお、[リンクのみの回答](HTTPでのプラグイン。 com/tags/link-only-answers/info)は推奨されませんので、SOの回答は解決策の検索の終点でなければなりません。リンクを参考にして、ここにスタンドアロンの概要を追加することを検討してください。 – kleopatra

0

私は」遅れて2年遅れてしまったが、誰かが実際に質問に答えたようには見えないので、私は2セントを追加すると思った。

jQuery UIオートコンプリートのsourceオプションは、ウィジェットがトリガーされるとドロップダウンリストに表示されるアイテムを含む配列を指定するために使用されます。そのような配列、そのような配列を返す関数、またはそのような配列を生成するリソースへのURLとして定義できます。

最終的sourceの値となる配列が空の場合、ウィジェットはドロップダウンリストが表示されません。だから、@は、あなたが望むようウィジェットを動作させることができます入力されている唯一の非空の配列を返すことができる機能としてsourceを定義します。

このような関数を定義しない場合は、実際にビルドされた参照作成機能と管理機能(役立つ補助機能も含む)を提供するjQueryプラグインMentionatorを見てください。 jQuery UI Autocompleteの機能の上にあります。それは本当にあなたによって維持されます:)。

関連する問題