Question : jQuery Autocomplete avec PHP/MySQL [PARTIE]

(Je dédouble mes questions vers le haut dans les pièces de sorte que vous puissiez obtenir 1000's des points contre juste 500.  Chaque question construira sur la précédente ainsi vous veiller pour rechercher [PARTIE] et là-bas après vous figure que ce un dehors.) highlights

I de limite de la boîte de suggestion d'Autocomplete de jQuery du

[PARTIE] - CSS avoir un autocomplete d'ui de jquery qui fonctionne correctement, mais je voudrais les lettres j'introduis dans le textfield à accentuer dans la boîte de suggestion quand il apparaît.  Je veux qu'il ressemble au facebook parce que le fond de la lettre est accentué et les lettres sont une couleur différente…. ainsi, dans le cas de mon exemple : vue de >Default de " creux " de class= du

Font = couleur du green
Font = vue du white

Hover : couleur de bkgrd du
Font = couleur du white
Font = lien d'exemple du blue


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

I de http://www.bulkbrokeraid.c ont joué autour avec lui mais je ne pourrais pas l'obtenir pour fonctionner ainsi si vous pourriez l'accrocher vers le haut, j'apprécierais it.
class= > " clair " de
> de " codeSnippet " de class= de
class= " lineNumbers " de
class= de
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 :
>< " de l'id= " codeSnippet790439 de
xmlns= " http://www.w3.org/1999/xhtml " de 

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

    type= de <script " texte/Javascript " >
	$ (fonction () {
		$("#send_to ») .autocomplete ({
			source : fonction (demande, réponse) {
				$.ajax ({
					URL : « find_ships.php »,
					dataType : « json »,
					données : {
						//featureClass : « P »,
						//style : « complètement »,
						//maxRows : 10,
						limite : request.term
					},
					succès : fonction (données) {
						réponse ($.map (data.users, fonction (article) {
							retourner {
								étiquette : item.first_name + « « + item.last_name,
								valeur : item.first_name + « « + item.last_name,
								compagnie : item.co_name
							}
						}))
					}
				})
			},
			minLength : 1,
			foyer : fonction (événement, ui) {
				$("#send_to ").val (ui.item.label) ;
				faux de retour ;
			},
			choisi : fonction (événement, ui) {
				$("#send_to ").val (ui.item.label) ;
				// $("#project-id ").val (ui.item.value) ;
				// $("#project-description ").html (ui.item.desc) ;
				// $("#project-icon ").attr (« src », « . /images/ » + ui.item.icon) ;
				
				faux de retour ;
			}
		})
		.data (« autocomplete »). _renderItem = fonction (UL, article) {
			retour $("<li></li>")
				.data (« item.autocomplete », article)
				.append (« style='float de <a : gauche ; 'flotteur de ><div : gauche ; 'class='para'><strong> du ><div class='poster_img'></div><span » + item.label + « </strong><br> » + item.com pany + « </span></div></a>")
				.appendTo (UL) ;
		} ;
	}) ;
	</script>
    
  



    <style>
	.para {
	police-famille : Verdana, Genève, caractère sans obit et sans empattement ;
	police-taille : 12px ;
	flotteur : gauche ;
	remplissage-dessus : 3px ;
	}
	.poster_img {
	flotteur : gauche ;
	taille : 48px ;
	largeur : 48px ;
	frontière : #ddd du solide 1px ;
	fond-image : URL (poster_image_bkgrd.jpg) ;
	marge-dessus : 5px ;
	marge-droit : 8px ;
	le marge-fond : 5px ;
	marge-gauche : 5px ;
	z-index : 2 ;
}

	</style>
    </head>

<body>
	<p>Autocomplete Example</p>
    class= " para " de <div >
        >To de " para " de class= de " send_to " de for= de <label : </label>
        size= " de " send_to d'id= " de " para " de class= de <input 60 "/>
	</div>
</body>
</html>
</pre>
           </td>
         </tr>
       </table></div>
</div>
   
class= " lastRow de <div de qAttachmentsRow " >
    >Attachments de " nom " de class= de <div : </div>
    class= " valeur " de <div >
><table de ><div " de " bbg de class= " de ><div de " Br " de class= de ><div du class= " bl " de ></td></tr></table><div du class= " r " de ></td><td> </td><td du class= " h " " de questionAttachments " d'expNoHeader de s snhF5FF " l " class= ><tr><td class= <div class= vident " le class= " avant Jésus Christ " class= " attachement " de ></div><div de ><div >
          nom de fichier " de class= de ><a le " de " fileInfo " de class= de <div title= " aucun " _blank " détecté par virus de target= de " http://filedb.experts-exchange.com/incoming/2010/07_w28/324453/autocomplete.php " de href= " class= <span de >autocomplete.php</a> " fileSize " > (3 KBs) Javascript de href= le " de " attachmentDetails de class= " de </span><a : vide (0) ; clearAttachmentDetails de « onclick= " () ; nouvel AsyncInclude (« /shared/async/attachmentDetails.jsp ? id=324453 », « attachmentDetailsContent ") ; showInfoBox (événement, « attachmentDetails ") ; « > (type de dossier détails) </a> </div>
          class= " description " le page</div> >test de <div
</div>
      le class= de </div><div " vident " le class= " l " le class= " r " ></td></tr></table> de ><tr><td du class= " f " de ></div></div></div></div><table de ></td><td> </td><td
      </div>
><table de ><div " de " bbg de class= " de ><div de " Br " de class= de ><div du class= " bl " de ></td></tr></table><div du class= " r " de ></td><td> </td><td du class= " h " " de questionAttachments " d'expNoHeader de s snhF5FF " l " class= ><tr><td class= <div class= vident " le class= " avant Jésus Christ " class= " attachement " de ></div><div de ><div >
          nom de fichier " de class= de ><a le " de " fileInfo " de class= de <div title= " aucun " _blank " détecté par virus de target= de " http://filedb.experts-exchange.com/incoming/2010/07_w28/324455/find-ships.php " de href= " class= <span de >find-ships.php</a> " fileSize " > (868 bytes) Javascript de href= le " de " attachmentDetails de class= " de </span><a : vide (0) ; clearAttachmentDetails de « onclick= " () ; nouvel AsyncInclude (« /shared/async/attachmentDetails.jsp ? id=324455 », « attachmentDetailsContent ") ; showInfoBox (événement, « attachmentDetails ") ; « > (type de dossier détails) </a> </div>
          >php script</div> de " description " de class= de <div
</div>
      le class= de </div><div " vident " le class= " l " le class= " r " ></td></tr></table> de ><tr><td du class= " f " de ></div></div></div></div><table de ></td><td> </td><td
      </div>
</div>
  </div>
class= de <div " clair " ></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">Réponse : jQuery Autocomplete avec PHP/MySQL [PARTIE]</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.  Il accentue chaque exemple des lettres de « terme » dans le nom, contre juste ceux au début du premier et aux noms de famille est qui ce que je désire.<br />L'OK, emploient alors :<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">succès : fonction (données) {
						re=new de variété RegExp (« ^("+request.term+") (. *) », « je ") ;
						
						réponse ($.map (data.users, fonction (article) {
							
							retourner {
								étiquette : item.first_name.replace (au sujet de, « <strong class="hit">$1$2</strong> ») + » « + item.last_name.replace (au sujet de, « <strong class="hit">$1$2</strong> »),
								valeur : item.first_name + « « + item.last_name,
								compagnie : 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">Autres solutions</span></td>
                                    <td background="http://programming.wmlcloud.com/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/fr/microsoft/13056.aspx' class="a4">
<li> MS Excel 2007 et pdf - l'exportation vers le pdf prend de longues heures !</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/fr/software/38680.aspx' class="a4">
<li> Dans le Perl, comment j'ajoute une valeur à la liste, puis le contrôle pour voir si la valeur existent avant d'ajouter une nouvelle valeur</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/fr/microsoft/5260.aspx' class="a4">
<li> Comment fais j'initialiser de la HP BL460c G6 de san et de la HP XP 240000</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/fr/microsoft/30880.aspx' class="a4">
<li> Comment fais j'employer une clef de permis de volume sur un ordinateur de HP avec du CD de restauration</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/fr/microsoft/16544.aspx' class="a4">
<li> Emplacement primaire de deux SCCM dans l'annuaire actif</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/fr/microsoft/23080.aspx' class="a4">
<li> L'initiateur et la HP D2D de l'iSCSI R2 du serveur 2008 de Windows GERCENT l'issue</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/fr/microsoft/8744.aspx' class="a4">
<li> Stocker le dossier dans le mysql using connector.net et le champ de goutte</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/fr/microsoft/15280.aspx' class="a4">
<li> Carte vidéo d'USB - bit 32 sur le matériel travaillant au niveau du bit 64 ?</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/fr/software/33104.aspx' class="a4">
<li> asp.net que j'essaye de convertir une forme de HTML en forme d'aspx ou ? ce qui jamais. Aide du besoin sur la façon dont à à elle.</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/fr/microsoft/18764.aspx' class="a4">
<li> Winzip 12 issues de secours du travail ?</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>