jquery.ajax-combobox
Text area

Basic テキストエリアの基本

You can search and complement a tag such as "Twitter hashtag" in textarea.
Set textarea to plugin_type option. Specify "start symbol" and "end symbol" by using array.

テキストエリアの中にある、Twitterハッシュタグのような文字列を検索・補完することができます。
plugin_typeオプションにtextareaを指定し開始記号と終了記号を設定することで、テキストエリア内でのタグ検索が可能です。

$('#foo').ajaxComboBox(
  'jquery.ajax-combobox.php',
  {
    plugin_type: 'textarea',
    tags: [
      {
        pattern: ['#', ''],
        db_table: 'tag'
      }
    ]
  }
);
No space タグ補完後に空白を挿入しない

In an initial state, a space is inserted after complement.
You can prevent by using space option.

デフォルトでは、タグ補完後に両側に空白が挿入されます。
(すでに空白が存在する場合や、行頭、行末の場合は除きます)
spaceオプションでこの挙動を変えることができます。

$('#foo').ajaxComboBox(
  'jquery.ajax-combobox.php',
  {
    plugin_type: 'textarea',
    tags: [
      {
        pattern: ['[', ']'],
        space: [false, false],
        db_table: 'tag'
      }
    ],
  }
);
JS object instead of DB DBの代わりにJSオブジェクトを検索する
var tagData = [
  {id:1,name:'PhysicalEducation',japanese:'体育学'},
  {id:2,name:'Musicology',       japanese:'音楽学'},
  {id:3,name:'Mathematics',      japanese:'数学'},
  ...
];

('#foo').ajaxComboBox(
  tagData,
  {
    plugin_type: 'textarea',
    tags: [
      {
        pattern: ['@', '']
      }
    ],
  }
);
Multi tag pattern 複数のタグパターン
$('#foo').ajaxComboBox(
  'jquery.ajax-combobox.php',
  {
    lang: 'en',
    plugin_type: 'textarea',
    tags: [
      { // 1st
        pattern: ['[', ']'],
        space: [false, false],
        db_table: 'tag'
      },
      { // 2nd
        pattern: ['#', ''],
        db_table: 'tag'
      },
      { // 3rd
        pattern: ['@', ''],
        db_table: 'tag'
      }
    ]
  }
);
Options タグごとにオプションを設定する

You can set following options for every tags.

下記のオプションをタグごとに設定することができます。

tags: [
  {
    db_table: ,
    field: ,
    search_field: ,
    order_by: ,
    sub_info: ,
    sub_as: ,
    show_field: ,
    hide_field: 
  }
]
$('#foo').ajaxComboBox(
  'jquery.ajax-combobox.php',
  {
    plugin_type: 'textarea',
    tags: [
      {
        pattern: ['[', ']'],
        space: [false, false],
        db_table: 'tag',
        sub_info: true
      },
      {
        pattern: ['#', ''],
        db_table: 'tag',
        sub_info: true,
        sub_as: {
          id: 'TagID',
          japanese: '日本語'
        }
      },
      {
        pattern: ['@', ''],
        db_table: 'tag',
        order_by: 'name DESC'
      }
    ]
  }
);
Shorten URL URLを短縮する

The result of having shortened URL using external service can be made to reflect in text area.
At present, it corresponds only to service of "bit.ly".

外部サービスを利用してURLを短縮した結果を、テキストエリア内に反映させることができます。
現在のところ、"bit.ly"にしか対応していません。

$('#foo').ajaxComboBox(
  'jquery.ajax-combobox.php',
  {
    plugin_type: 'textarea',
    shorten_btn: '#foo-shorten',
    shorten_src: 'bitly.php',
    shorten_min: 20
  }
);
Complex 両方を使う

By combining "Complement a tag" and "Shorten URL", the contribution to external service such as "Twitter" becomes convenient.

タグ補完とURL短縮を組み合わせることで、Twitterなどの外部サービスとの連携が便利になります。

$('#foo').ajaxComboBox(
  'jquery.ajax-combobox.php',
  {
    plugin_type: 'textarea',
    db_table: 'tag',
    shorten_btn: '#foo-shorten',
    shorten_src: 'bitly.php',
    shorten_min: 20,
    tags: [
      {
        pattern: ['[', ']'],
        space: [false, false]
      },
      {
        pattern: ['#', '']
      },
      {
        pattern: ['@', '']
      }
    ]
  }
);