Cuestión : jQuery Autocomplete con PHP/MySQL [PARTE 4]

(Estoy partiendo mis preguntas para arriba en piezas de modo que usted pueda conseguir 1000's de puntos contra apenas 500.  Cada pregunta construirá sobre la anterior así que cerciorarse de le para buscar [PARTE 5] y más allá después de usted figura que este un hacia fuera.) highlights

I del término del CSS de la caja de sugerencia de Autocomplete del jQuery del

[PARTE 4] - tener un autocomplete del ui del jquery que esté funcionando correctamente, pero quisiera las letras incorporo en el textfield que se destacará en la caja de sugerencia cuando aparece.  Quisiera que pareciera facebook en que el fondo de la letra está destacado y las letras son un diverso color…. Así pues, en el caso de mi ejemplo: opinión del >Default de la " mella " del class= del

Font = color del green
Font = opinión del white

Hover: color del bkgrd del
Font = color del white
Font = acoplamiento del ejemplo del blue


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

I de http://www.bulkbrokeraid.c ha jugado alrededor con él poco pero no podría conseguirlo para trabajar tan si usted podría engancharlo para arriba, yo apreciaría it.
class= > " claro " del
> del " codeSnippet " del class= del
class= " lineNumbers " del
class= del
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 " del class= " del id= " codeSnippet790439 del
xmlns= " http://www.w3.org/1999/xhtml " del 

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

    type= " texto/Javascript " del <script >
	$ (función () {
		$ (“#send_to”) .autocomplete ({
			fuente: función (petición, respuesta) {
				$.ajax ({
					URL: “find_ships.php”,
					dataType: “json”,
					datos: {
						//featureClass: “P”,
						//style: “por completo”,
						//maxRows: 10,
						término: request.term
					},
					éxito: función (datos) {
						respuesta ($.map (data.users, función (artículo) {
							volver {
								etiqueta: item.first_name + ““+ item.last_name,
								valor: item.first_name + ““+ item.last_name,
								compañía: item.co_name
							}
						}))
					}
				})
			},
			minLength: 1,
			foco: función (acontecimiento, ui) {
				$ (“#send_to ").val (ui.item.label);
				falso de vuelta;
			},
			selecto: función (acontecimiento, ui) {
				$ (“#send_to ").val (ui.item.label);
				// $ (“#project-identificación ").val (ui.item.value);
				// $ (“#project-descripción ").html (ui.item.desc);
				// $ (“#project-icono ").attr (“src”, “. /images/” + ui.item.icon);
				
				falso de vuelta;
			}
		})
		.data (“autocomplete”). _renderItem = función (UL, artículo) {
			$ de vuelta (“<li></li>")
				.data (“item.autocomplete”, artículo)
				.append (“style='float del <a: izquierdo; 'flotador del ><div: izquierdo; 'class='para'><strong> del ><div class='poster_img'></div><span” + item.label + “</strong><br>” + item.com pany + “</span></div></a>")
				.appendTo (UL);
		};
	});
	</script>
    
  



    <style>
	.para {
	fuente-familia: Verdana, Ginebra, de sans serif;
	fuente-tamaño: 12px;
	flotador: izquierdo;
	acolchado-tapa: 3px;
	}
	.poster_img {
	flotador: izquierdo;
	altura: 48px;
	anchura: 48px;
	frontera: #ddd del sólido 1px;
	fondo-imagen: URL (poster_image_bkgrd.jpg);
	margen-tapa: 5px;
	margen-derecho: 8px;
	margen-parte inferior: 5px;
	margen-izquierdo: 5px;
	z-índice: 2;
}

	</style>
    </head>

<body>
	<p>Autocomplete Example</p>
    class= " para " del <div >
        >To de " para " del class= del " send_to " del for= del <label: </label>
        size= " del " send_to del id= " de " para " del class= del <input 60 "/>
	</div>
</body>
</html>
</pre>
           </td>
         </tr>
       </table></div>
</div>
   
class= " lastRow del <div del qAttachmentsRow " >
    >Attachments del " nombre " del class= del <div: </div>
    class= " valor " del <div >
del ><div " del " bbg del class= " del ><div del " Br " del class= del ><div del class= " bl " de ></td></tr></table><div del class= " r " de ></td><td> </td><td del class= " h " de los questionAttachments " del expNoHeader de s snhF5FF " l class= ><tr><td class= <div " class= ><table " vacia " el class= " a.C. " class= " accesorio " de ></div><div del ><div >
          nombre de fichero " del class= del ><a el " del " fileInfo " del class= del <div title= " ningún " _blank detectado los virus " del target= de " http://filedb.experts-exchange.com/incoming/2010/07_w28/324453/autocomplete.php " del href= " class= <span de >autocomplete.php</a> " fileSize " > (3 KB) Javascript del href= " de los " attachmentDetails del class= " de </span><a: vacío (0); clearAttachmentDetails del “onclick= " (); ¿nuevo AsyncInclude (“/shared/async/attachmentDetails.jsp? id=324453”, “attachmentDetailsContent "); showInfoBox (acontecimiento, “attachmentDetails "); “> (tipo de archivo detalles) </a> </div>
          class= " descripción " el page</div> más >test del <div
</div>
      el class= de </div><div " vacia " el class= " l " class= " r " ></td></tr></table> del ><tr><td del class= " f " de ></div></div></div></div><table de ></td><td> </td><td
      </div>
del ><div " del " bbg del class= " del ><div del " Br " del class= del ><div del class= " bl " de ></td></tr></table><div del class= " r " de ></td><td> </td><td del class= " h " de los questionAttachments " del expNoHeader de s snhF5FF " l class= ><tr><td class= <div " class= ><table " vacia " el class= " a.C. " class= " accesorio " de ></div><div del ><div >
          nombre de fichero " del class= del ><a el " del " fileInfo " del class= del <div title= " ningún " _blank detectado los virus " del target= de " http://filedb.experts-exchange.com/incoming/2010/07_w28/324455/find-ships.php " del href= " class= <span de >find-ships.php</a> " fileSize " > (868 octetos) Javascript del href= " de los " attachmentDetails del class= " de </span><a: vacío (0); clearAttachmentDetails del “onclick= " (); ¿nuevo AsyncInclude (“/shared/async/attachmentDetails.jsp? id=324455”, “attachmentDetailsContent "); showInfoBox (acontecimiento, “attachmentDetails "); “> (tipo de archivo detalles) </a> </div>
          >php script</div> de la " descripción " del class= del <div
</div>
      el class= de </div><div " vacia " el class= " l " class= " r " ></td></tr></table> del ><tr><td del class= " f " de ></div></div></div></div><table de ></td><td> </td><td
      </div>
</div>
  </div>
class= del <div " claro " ></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">Respuesta : jQuery Autocomplete con 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 caso de las letras del “término” dentro del nombre, contra apenas ésos al principio del primer y apellidos que es lo que deseo.<br />La AUTORIZACIÓN, entonces utiliza:<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">éxito: función (datos) {
						re=new del var RegExp (“^ (“+request.term+") (. *)”, “yo ");
						
						respuesta ($.map (data.users, función (artículo) {
							
							volver {
								etiqueta: item.first_name.replace (con referencia a, “<strong class="hit">$1$2</strong>”) +” “+ item.last_name.replace (con referencia a, “<strong class="hit">$1$2</strong>”),
								valor: item.first_name + ““+ item.last_name,
								compañía: 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">Otras soluciones</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/es/microsoft/2396.aspx' class="a4">
<li> Cómo fijar un número de líneas en un informe</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/es/microsoft/13936.aspx' class="a4">
<li> Cómo fijar extremo del aeropuerto como servidor del DHCP en el LAN con SonicWall</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/es/software/35212.aspx' class="a4">
<li> Ediciones del enlace hipertexto</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/es/microsoft/1352.aspx' class="a4">
<li> Agregar la fecha a MySQL</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/es/microsoft/28736.aspx' class="a4">
<li> Pares de las preguntas de Apple</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/es/microsoft/16828.aspx' class="a4">
<li> El DNS reverso no empareja la bandera del smtp</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/es/microsoft/22260.aspx' class="a4">
<li> ¿Cómo puedo funcionar conmigo PC en modo seguro?</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/es/microsoft/10352.aspx' class="a4">
<li> HISTOGRAMA CON EL CP Y EL ANÁLISIS DE CPK</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/es/microsoft/31628.aspx' class="a4">
<li> reglas no corrientes de la perspectiva</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/es/software/37060.aspx' class="a4">
<li> volver un valor</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>