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 s'assurer que vous rechercher [PARTIE] et [PARTIE] après vous figurez celui-ci dehors. ) le jQuery Autocomplete CSS Issue

I du

[PARTIE] - ont créé un autocomplete d'UI qui est modelé après un autocomplete de Facebook dans que cela I a inclus une division pour une image de profil.  Tout fonctionne parfaitement excepté mon renversement de CSS dans ma boîte de suggestion.  Car vous verrez dans mon lien d'exemple ci-dessous, mon vol plané vert d'ui est craintif jusqu'au dessus de chaque étiquette de
  • plutôt que le couvert du
  • .

    What que je recherche est… vol plané de >
    • The de " balle " de class= du

      • The de " balle " de class= de

      • The de " balle " de class= de white



    I a essayé un certain nombre de choses déjà mais j'obtiens quelque chose fausse.  Si vous pourriez l'accrocher vers le haut, je l'apprécierais beaucoup. lien du

    Example : 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 inclus mon code ci-dessous et ont également attaché les dossiers pour que vous jouiez with.
    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 :
    
    class= >//This " notpretty " de l'id= le " codeSnippet756475 " 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 : {
    						//maxRows : 12,
    						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) ;				
    				faux de retour ;
    			}
    		})
    		.data (« autocomplete »). _renderItem = fonction (UL, article) {
    			retour $("<li></li>")
    				.data (« item.autocomplete », article)
    				.append (« class='para'><strong> de <a><div class='poster_img'></div><span » + item.label + « </strong><br> » + item.com pany + « </span></a>")
    				.appendTo (UL) ;
    		} ;
    	}) ;
    	</script>
        <style>
    	.para {
    	police-famille : Verdana, Genève, caractère sans obit et sans empattement ;
    	police-taille : 12px ;
    	couleur : #4a4a4a ;	
    	flotteur : gauche ;
    	}
    	.poster_img {
    	flotteur : gauche ;
    	taille : 48px ;
    	largeur : 48px ;
    	frontière : #ddd du solide 1px ;
    	fond-image : URL (poster_image_bkgrd.jpg) ;
    	marge-dessus : 3px ;
    	marge-droit : 8px ;
    	le marge-fond : 3px ;
    }
    
    	</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/06_w27/320788/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=320788 », « 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/06_w27/320789/find-ships.php " de href= " class= <span de >find-ships.php</a> " fileSize " > (900 bytes) Javascript de href= le " de " attachmentDetails de class= " de </span><a : vide (0) ; clearAttachmentDetails de « onclick= " () ; nouvel AsyncInclude (« /shared/async/attachmentDetails.jsp ? id=320789 », « 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="richText">
    Do, manqué de la marque de classe…<br /></div> <!-- richText -->
                          
                          <span class="isBotVideo"></span> <div class="codeSnippet">
                           <table>
             <tr>
               <td class="lineNumbers">
                 <pre>
    1 :
    2 :
    3 :
    </pre>
               </td>
               <td class="codeBody">
                 <pre id="codeSnippet759292" class="notpretty">$(".ui-corner-all ").focus () {
        couleur : « #ffffff »
    }</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://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/microsoft/29368.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/microsoft/29368.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/microsoft/29368.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/microsoft/29368.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/microsoft/29368.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/microsoft/29368.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/microsoft/29368.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/microsoft/29368.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/microsoft/29368.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/microsoft/29368.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>