Pergunta : jQuery Autocomplete com PHP/MySQL [PARTE 4]

(Eu estou rachando minhas perguntas acima nas peças de modo que você possa começ 1000's dos pontos contra apenas 500.  Cada pergunta construirá em cima da precedente assim que certificar-se de você procurar [PARTE 5] e além após você figura que este um para fora.) highlights

I do termo do CSS da caixa de sugestão de Autocomplete do jQuery do

[PARTE 4] - ter um autocomplete do ui do jquery que esteja funcionando corretamente, mas eu gostaria das letras eu incorporo no textfield a ser destacado na caixa de sugestão quando aparece.  Eu quero-o olhar como o facebook que o fundo da letra está destacado e as letras são uma cor diferente…. Assim, no exemplo do meu exemplo: opinião do >Default do " recorte " do class= do

Font = cor do green
Font = opinião do white

Hover: cor do bkgrd do
Font = cor do white
Font = ligação do exemplo do blue


My: o rel= " nofollow " do " _blank " " do target= de " http://www.bulkbrokeraid.com/test%20shit/autocomplete.php do href= do o om/test%20shit/autocomplete.php

I de http://www.bulkbrokeraid.c jogou ao redor com ele pouco mas eu não poderia consegui-lo trabalhar assim se você poderia o enganchar acima, mim apreciaria it.
class= > " desobstruído " do
> do " codeSnippet " do class= do
class= " lineNumbers " do
class= do
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
>< notpretty " do class= " do id= " codeSnippet790439 do
xmlns= " http://www.w3.org/1999/xhtml " do 

Índice-Tipo texto " do http-equiv= do 
Document Untitled
type= " texto do " stylesheet " " do rel= de " http://www.pltproject.org/testing18/includes18/jQuery/css/plt-theme/jquery-ui-1.8.2.custom.css do href= do <link/css "/>
type= " texto/Javascript " ></script> de " http://www.pltproject.org/testing18/includes18/jQuery/js/jquery-1.4.2.min.js " do src= do <script
type= " texto/Javascript " ></script> de " http://www.pltproject.org/testing18/includes18/jQuery/js/jquery-ui-1.8.2.custom.min.js " do src= do <script

    type= " texto/Javascript " do <script >
	$ (função () {
		$ (“#send_to”) .autocomplete ({
			fonte: função (pedido, resposta) {
				$.ajax ({
					URL: “find_ships.php”,
					dataType: “json”,
					dados: {
						//featureClass: “P”,
						//style: “completamente”,
						//maxRows: 10,
						termo: request.term
					},
					sucesso: função (dados) {
						resposta ($.map (data.users, função (artigo) {
							retornar {
								etiqueta: item.first_name + ““+ item.last_name,
								valor: item.first_name + ““+ item.last_name,
								companhia: item.co_name
							}
						}))
					}
				})
			},
			minLength: 1,
			foco: função (evento, ui) {
				$ (“#send_to ").val (ui.item.label);
				falso do retorno;
			},
			seleto: função (evento, ui) {
				$ (“#send_to ").val (ui.item.label);
				// $ (“#project-identificação ").val (ui.item.value);
				// $ (“#project-descrição ").html (ui.item.desc);
				// $ (“#project-ícone ").attr (“src”, “. /images/” + ui.item.icon);
				
				falso do retorno;
			}
		})
		.data (“autocomplete”). _renderItem = função (ul, artigo) {
			$ do retorno (“<li></li>")
				.data (“item.autocomplete”, artigo)
				.append (do “style='float <a: esquerdo; 'flutuador do ><div: esquerdo; 'class='para'><strong> do ><div class='poster_img'></div><span” + item.label + “</strong><br>” + item.com pany + “</span></div></a>")
				.appendTo (ul);
		};
	});
	</script>
    
  



    <style>
	.para {
	pia-família: Verdana, Genebra, Sans Serif;
	pia-tamanho: 12px;
	flutuador: esquerdo;
	estofamento-parte superior: 3px;
	}
	.poster_img {
	flutuador: esquerdo;
	altura: 48px;
	largura: 48px;
	beira: #ddd do sólido 1px;
	fundo-imagem: URL (poster_image_bkgrd.jpg);
	margem-parte superior: 5px;
	margem-direito: 8px;
	margem-parte inferior: 5px;
	margem-esquerdo: 5px;
	z-índice: 2;
}

	</style>
    </head>

<body>
	<p>Autocomplete Example</p>
    class= " para " do <div >
        >To de " para " " do class= do " send_to do for= do <label: </label>
        size= " do " send_to " do id= " de " para do class= do <input 60 "/>
	</div>
</body>
</html>
</pre>
           </td>
         </tr>
       </table></div>
</div>
   
class= do " lastRow do <div qAttachmentsRow " >
    >Attachments do " nome " do class= do <div: </div>
    class= " valor " do <div >
><table do ><div " do " bbg do class= " do ><div do " Br " do class= do ><div do class= " bl " de ></td></tr></table><div do class= " r " de ></td><td> </td><td do class= " h " dos questionAttachments " do expNoHeader s snhF5FF " l class= ><tr><td class= <div de " class= " esvazia " o class= " bc " class= " acessório " de ></div><div do ><div >
          nome de arquivo " do class= do ><a o " do " fileInfo " do class= do <div title= " nenhum _blank detetado vírus " " do target= de " http://filedb.experts-exchange.com/incoming/2010/07_w28/324453/autocomplete.php " " do href= class= <span de >autocomplete.php</a> " fileSize " > (3 KB) Javascript " do href= o " dos " attachmentDetails do class= de </span><a: vácuo (0); clearAttachmentDetails do “onclick= " (); AsyncInclude novo (“/shared/async/attachmentDetails.jsp? id=324453”, “attachmentDetailsContent "); showInfoBox (evento, “attachmentDetails "); “> (tipo de lima detalhes) </a> </div>
          class= " descrição " o page</div> o mais >test do <div
</div>
      o class= de </div><div " esvazia " o class= " l " class= " r " ></td></tr></table> do ><tr><td do class= " f " de ></div></div></div></div><table de ></td><td> </td><td
      </div>
><table do ><div " do " bbg do class= " do ><div do " Br " do class= do ><div do class= " bl " de ></td></tr></table><div do class= " r " de ></td><td> </td><td do class= " h " dos questionAttachments " do expNoHeader s snhF5FF " l class= ><tr><td class= <div de " class= " esvazia " o class= " bc " class= " acessório " de ></div><div do ><div >
          nome de arquivo " do class= do ><a o " do " fileInfo " do class= do <div title= " nenhum _blank detetado vírus " " do target= de " http://filedb.experts-exchange.com/incoming/2010/07_w28/324455/find-ships.php " " do href= class= <span de >find-ships.php</a> " fileSize " > (868 bytes) Javascript " do href= o " dos " attachmentDetails do class= de </span><a: vácuo (0); clearAttachmentDetails do “onclick= " (); AsyncInclude novo (“/shared/async/attachmentDetails.jsp? id=324455”, “attachmentDetailsContent "); showInfoBox (evento, “attachmentDetails "); “> (tipo de lima detalhes) </a> </div>
          >php script</div> da " descrição " do class= do <div
</div>
      o class= de </div><div " esvazia " o class= " l " class= " r " ></td></tr></table> do ><tr><td do class= " f " de ></div></div></div></div><table de ></td><td> </td><td
      </div>
</div>
  </div>
class= do <div " desobstruído " ></span></h4>
</td>
</tr>
  <tr><td height="2px"></td></tr> 

  <tr style="background-color:#f2f4f6"><td >
<h2 style="font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:red;font-weight:bold">
<span id="ContentPlaceHolder1_tieude_as">Resposta : jQuery Autocomplete com PHP/MySQL [PARTE 4]</span>
</h2></td></tr>
  <tr>
<td valign="top"> 
<h5><span id="ContentPlaceHolder1_ans" style="font-family:Tahoma,Geneva,sans-serif;font-size:12px;font-weight:normal;color:#000000">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
<div class="KonaBody"><div class="richText">
>>2.  Está destacando cada exemplo das letras do “termo” dentro do nome, contra apenas aquelas no início do primeiro e apelidos que é o que eu desejo.<br />A APROVAÇÃO, usa-se então:<br /></div></div> <!-- text-ad & richText -->
                      <span class="isBotVideo"></span> <div class="codeSnippet">
                       <table>
         <tr>
           <td class="lineNumbers">
             <pre>
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
</pre>
           </td>
           <td class="codeBody">
             <pre id="codeSnippet803452" class="notpretty">sucesso: função (dados) {
						re=new RegExp do var (“^ (“+request.term+") (. *)”, “mim ");
						
						resposta ($.map (data.users, função (artigo) {
							
							retornar {
								etiqueta: item.first_name.replace (com referência a, “<strong class="hit">$1$2</strong>”) +” “+ item.last_name.replace (com referência a, “<strong class="hit">$1$2</strong>”),
								valor: item.first_name + ““+ item.last_name,
								companhia: item.co_name
							}
						}))
					}
</pre>
           </td>
         </tr>
       </table></div>
         <div class="openInNewWindow">
         <div class="bTypeA bGlowSmall bGlowSmallGray"><div class="glowLeft"></div><div class="glowMiddle" style="padding-left: 15px; padding-right: 15px;"><div class="t2i" style="background: url(http://t2i.experts-exchange.com/t/419106-50.png) no-repeat;width:109px;height:12px;"></div></div><div class="glowRight"></div></div></div>
         <div class="selectAll">
         <div class="bTypeA bGlowSmall bGlowSmallGray"><div class="glowLeft"></div><div class="glowMiddle" style="padding-left: 15px; padding-right: 15px;"><div class="t2i" style="background: url(http://t2i.experts-exchange.com/t/421794-50.png) no-repeat;width:53px;height:12px;"></div></div><div class="glowRight"></div></div></div>
       <div class="clear"></div>
</div>
</span></h5>
</td>
</tr>
<tr><td height="5px"></td></tr>

 <tr>
                            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td><table width="100%" height="25px" border="0" cellspacing="0" cellpadding="0">
                                  <tr>

                                    <td width="100px" bgcolor="#FFFFFF" style="padding-left:5px"><span class="f11blue">Outras soluções</span></td>
                                    <td background="http://programming4.us/images/bg-ch.gif"> </td>
                                  </tr>
                                </table></td>
                              </tr>
                              <tr>
                                <td style="padding:5px">
                                <div>
                                    <table id="ContentPlaceHolder1_DataList2" cellspacing="0" style="width:100%;border-collapse:collapse;">
		<tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/pt/microsoft/14584.aspx' class="a4">
<li> Perguntas da entrevista do certificado de Shell da festança</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/pt/microsoft/244.aspx' class="a4">
<li> lima de .vmdk</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/pt/microsoft/6784.aspx' class="a4">
<li> Como encontrar a contagem da fileira em Oracle DataReader em ASP.NET?</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/pt/microsoft/32404.aspx' class="a4">
<li> Excitador do bluetooth BCM2045 do inspiron 1720 de Dell para o profissional de Windows Xp.</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/pt/microsoft/18068.aspx' class="a4">
<li> Como conseguir o lightbox mostrar sobre a bandeira instantânea?</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/pt/microsoft/24608.aspx' class="a4">
<li> Fora do escritório o assistente que não trabalha w/Forwarding configurou</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/pt/microsoft/10268.aspx' class="a4">
<li> Redistribuindo o RASGO em subnets non-contiguous do OSPF.</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/pt/software/35892.aspx' class="a4">
<li> líquidos de corpo após a sessão da natação</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/pt/microsoft/2468.aspx' class="a4">
<li> SQL0952N</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/pt/microsoft/28092.aspx' class="a4">
<li> Criando um vbscript para a chave do registro - IRPStackSize</li></a>
</td>
</tr>
</table>
</td>
		</tr>
	</table>

                               
                                </div></td>
                              </tr>
                            </table></td>
                          </tr>

</table>
                    
</div>
                  </td></tr>
                  </table>
                  </form>
                         </td>

                        </tr>
                    
                      <tr>
                        <td> </td>
                        </tr>
                      </table></td>
                    </tr>
                  </table></td>
              </tr>
              </table></td>

        

            </tr>
          </table>

 
         </td>
      </tr>

<tr>
            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td background="http://tutorial.wmlcloud.com/images/bg-mn.jpg" height="30px" style="padding:5px;color:#ffffff;font-size:12px; font-family:Tahoma, Geneva, sans-serif;text-decoration: none;" ></td>
              </tr>
              <tr>
                <td><table width="100%" border="0" cellspacing="0" cellpadding="0">


 <tr>

                    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td><img src="http://tutorial.wmlcloud.com/images/bo-l.png" alt="programming4us" width="8" height="9" /></td>
                          <td bgcolor="#FFFFFF" width="100%"></td>
                          <td><img src="http://tutorial.wmlcloud.com/images/bo-r.png" alt="programming4us" width="8" height="9" /></td>
                        </tr>
                    </table></td>
                  </tr>
                </table></td>

              </tr>
            </table></td>
          </tr>
<tr><td height="2px"></td></tr>
<tr><td>
<div align="center">


</div>
</td>
</tr>
 <tr><td height="3px"></td></tr>

      <tr>
        <td height="2px"></td>
      </tr>
      <tr>
        <td align="left">
        <table cellpadding="0" cellspacing="0" width="100%" align="left">
        <tr>
        <td valign="top">
          <div id="en"><a href='http://faq.wmlcloud.com/software/51698.aspx'><img src='http://faq.wmlcloud.com/flags/en.gif'></a></div>
        </td>
          <td valign="top">
          <div id="de"><a href='http://faq.wmlcloud.com/de/software/51698.aspx'><img src='http://faq.wmlcloud.com/flags/de.gif'></a></div>
        </td>
          <td valign="top">
          <div id="es"><a href='http://faq.wmlcloud.com/es/software/51698.aspx'><img src='http://faq.wmlcloud.com/flags/es.gif'></a></div>
        </td>
          <td valign="top">
          <div id="fr"><a href='http://faq.wmlcloud.com/fr/software/51698.aspx'><img src='http://faq.wmlcloud.com/flags/fr.gif'></a></div>
        </td>
          <td valign="top">
          <div id="nl"><a href='http://faq.wmlcloud.com/nl/software/51698.aspx'><img src='http://faq.wmlcloud.com/flags/nl.gif'></a></div>
        </td>
          <td valign="top">
          <div id="it"><a href='http://faq.wmlcloud.com/it/software/51698.aspx'><img src='http://faq.wmlcloud.com/flags/it.gif'></a></div>
        </td>
          <td valign="top">
          <div id="ru"><a href='http://faq.wmlcloud.com/ru/software/51698.aspx'><img src='http://faq.wmlcloud.com/flags/ru.gif'></a></div>
        </td>
         <td valign="top">
          <div id="se"><a href='http://faq.wmlcloud.com/se/software/51698.aspx'><img src='http://faq.wmlcloud.com/flags/se.gif'></a></div>
        </td>
         <td valign="top">
          <div id="pl"><a href='http://faq.wmlcloud.com/pl/software/51698.aspx'><img src='http://faq.wmlcloud.com/flags/pl.gif'></a></div>
        </td>
        
         <td valign="top">
          <div id="pt"><a href='http://faq.wmlcloud.com/pt/software/51698.aspx'><img src='http://faq.wmlcloud.com/flags/pt.gif'></a></div>
        </td>
         <td valign="top">
          
        </td>
         <td valign="top">
          
        </td>
        </tr>
        </table>
        </td>
      </tr>
        <tr>
        <td height="2px"></td>
      </tr>

</td></tr>


 
</table>
		<script src="//cdn.intergient.com/ramp_core.js"></script>	

</body>
</html>