External data source for @ or # about rich_textarea HOT 9 OPEN

callback: function( term, response )
   {
   ddt.log( "# callback with term '" + term + "'" );

   // set up your ajax call here and send it the value of term in the request.
   // you'll probably want to do it asynchronously so you'll set a success callback. which 
   // then forwards the results to autocomplete

   // have your web service respond with a data structure that looks like the following:

   [ 
{ label: 'tag1', value: { value: 'tag1', content: '<span class="ui-button ui-state-default ui-widget ui-corner-all ui-button-text-only">Tag1</span>' } },
{ label: 'tag2', value: { value: 'tag2', content: '<span class="ui-button ui-state-default ui-widget ui-corner-all ui-button-text-only">Tag2</span>' } },
{ label: 'tag3', value: { value: 'tag3', content: '<span class="ui-button ui-state-default ui-widget ui-corner-all ui-button-text-only">Tag3</span>' } },
{ label: 'tag4', value: { value: 'tag4', content: '<span class="ui-button ui-state-default ui-widget ui-corner-all ui-button-text-only">Tag4</span>' } }
]

   // then in your success callback just feed the response and term back into the autocomplete.
   response( $.ui.autocomplete.filter( tags, term ) );
 }

callback: function( term, response ) 
     {
     console.log( "# callback with term '" + term + "'" );
     $.ajax({  
          url: "path-to-the-php",  
          data: { term : term },  
          success: function(data)
          {
               var tags = data;
               console.log(tags); /* see below */
               response($.ui.autocomplete.filter(tags, term));
           }  
     });
}

[ { label: 'tag1', value: { value: 'tag1', content: '<span>Tag1</span>' } },
{ label: 'tag2', value: { value: 'tag2', content: '<span>Tag2</span>' } },
{ label: 'tag3', value: { value: 'tag3', content: '<span>Tag3</span>' } },
{ label: 'tag4', value: { value: 'tag4', content: '<span>Tag4</span>' } } ]

success: function(tags)
          {
          tags = ['tag1','tag2','tag3'];     
          response($.ui.autocomplete.filter(tags, term));
          }

success: function(tags)
          {
               response($.ui.autocomplete.filter(tags, term));
          }

echo "['tag1','tag2','tag3']";