codeigniter - jQuery autocomplete retrieve with an image -

-

i need using autocomplete image inside result (similar how facebook's autocomplete works). however, want start basics... great example found here: http://jsfiddle.net/k5q5u/249/

    <input id="auto" type="text" />  css:      img { width: 25px; height: 25px; padding-right: 10px;}     .ui-autocomplete > li { height: 40px; }  javascript:      $(document).ready(function () {       $("#auto").autocomplete({         source: function (request, response) {             $.ajax({                 url: "http://api.stackoverflow.com/1.1/users",                 data: {                     filter: request.term,                     pagesize: 10                 },                 jsonp: "jsonp",                 datatype: "jsonp",                 success: function(data) {                     response($.map(data.users, function(el, index) {                         return {                             value: el.display_name,                             avatar: "http://www.gravatar.com/avatar/" +                                 el.email_hash                         };                     }));                 }             });         }     }).data("uiautocomplete")._renderitem = function (ul, item) {         return $("<li />")             .data("item.autocomplete", item)             .append("<a><img src='" + item.avatar + "' />" + item.value + "</a>")                 .appendto(ul);     };    `enter code here` });

however, how can use create using localhost? there code examples jquery? i'm using codeigniter framework.

here nice tutorial autocomplete using codeigniter framework .can tell me version of codeigniter using.


Popular posts from this blog

Php - Delimiter must not be alphanumeric or backslash -

-
this question has answer here: delimiter must not alphanumeric or backslash , preg_match 5 answers this question has been asked don't know how fix problem in situation. getting following php errror: php message: php warning: preg_match(): delimiter must not alphanumeric or backslash in... on line 227 line 227 following: if (preg_match($match, $_server['http_user_agent'])) and function: $oslist = array ( 'windows 3.11' => 'win16', 'windows 95' => '(windows 95)|(win95)|(windows_95)', 'windows 98' => '(windows 98)|(win98)', 'windows 2000' => '(windows nt 5.0)|(windows 2000)', 'windows xp' => '(windows nt 5.1)|(windows xp)', 'windows server 2003' => '(windows nt 5.2)', 'windows vista' => '(windows nt 6.0)', 'w...
Read more

Delphi interface implements -

-
i expect reference counting should work on outer aggregating object in interface implementation. if can refer example: clarity in classes implementing multiple interfaces (alternative delegation): here minimal reproduction of behaviour: program so16210993; {$apptype console} type ifoo = interface procedure foo; end; tfooimpl = class(tinterfacedobject, ifoo) procedure foo; end; tcontainer = class(tinterfacedobject, ifoo) private ffoo: ifoo; public constructor create; destructor destroy; override; property foo: ifoo read ffoo implements ifoo; end; procedure tfooimpl.foo; begin writeln('tfooimpl.foo called'); end; constructor tcontainer.create; begin inherited; ffoo := tfooimpl.create; end; destructor tcontainer.destroy; begin writeln('tcontainer.destroy called');//this line never runs inherited; end; procedure main; var foo : ifoo; begin foo := tcontainer.create; foo.foo; end; begin main; readln...
Read more

css - invalid property value for padding -

-
i getting invalid property value padding , don't know why. code written in ruby btw. when check browser has right value pixels, crossed out w line , isn't reading attribute. in advance. <% mywaldo = mapping::mywaldos.sample %> <!doctype html> <html> <head> <title>sinatra single-serve</title> <link href="css/bootstrap.css" rel="stylesheet" type="text/css"/> <style> div { width: 1024px; height: 768px; background-image: url("img/waldos/<%= mywaldo[0]%>") ; } #waldo { position:absolute; top: <%= mywaldo[2]%>; left: <%= mywaldo[1]%>; padding: <%= mywaldo[3]%>, <%= mywaldo[4]%>; } </style> </head> <body> <div> <a id="waldo" href="">aa</a> </div> <%= yield %> </body> ...
Read more