BU kleine onderdelen van automatisch over het gebruik van dit bu automatisch deel,,,,,,,,,, uitwisseling van aandelen, 31,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,, in deze handleiding zullen we kijken naar een nieuwe vergadering van de bu 1.8) automatisch aan het delen.De tekst kan automatisch is een populaire keuze en bezoekers van uw website, want ze maken toegang tot de informatie te vergemakkelijken.Ze kunnen worden gebruikt voor producten op het gebied van onderzoek, bijvoorbeeld, of wanneer de bezoekers moeten in een land, of een stad, of eventueel een andere is een keuze van een gemeenschappelijke set gegevens.Als een populair bij toeristen: Bu - volledig door de projectontwikkelaars is omdat het gemakkelijk te gebruiken, krachtig en flexibele.,,, ik ben geen grote fan van de Facebook, ik hou meer van Twitter (@ danwellman BTW), maar ik vind is de functie van Facebook berichten sturen, zodat je een bericht naar een vriend of vriendin.Ik hou van automatische keuze vriend heet gemakkelijker te maken, en hoe de naam formaat eenmaal gekozen, bij de plaats delict, ze zijn nauw met elkaar verbonden zijn, zodat ze de naam gemakkelijk kan worden verwijderd zonder de keuze van een tekst in de handleiding. We zullen het gebruik van automatische controle - exemplaren: BU Facebook systeem op Dit gebied.Maar, we zijn niet in de werkelijke boodschap sturen.Dit is ons te scheppen:,, stap 1 beginnen, moeten we de oprichting van een boek met alleen onze bu de onderdelen die nodig zijn voor de gewoonte te downloaden; in http://jqueryui.com/download downloaden.We moeten gebruik maken van de kern, kern:,,,,, we moeten ook automatisch de controle zelf, om ervoor te zorgen dat meer dan alleen de projecten en de controle van onderdelen van automatisch aan de linkerkant.Gebruik van de standaard betreft (BU helderheid), om ervoor te zorgen dat de 1,8 versie de juiste keuze is, na de voltooiing van het downloaden op je computer voor het creëren van een nieuwe folders en verzoekt haar automatisch af.En dan een dossier openen en een kopie van de CSS dossier is, en, in de oprichting van nieuwe, heb je de map.Dit zal je alle dossiers van de bibliotheek niet vereist voor dit voorbeeld, met inbegrip van dit zelf, dus dit niet nodig te zijn, downloaded separately., stap 2: //europa.eu.int /comm /de onderliggende, laten we kijken de: //europa.eu.int /comm /voor de,, eerste van < form> -, < div = "formWrap" > < formulier id = "messageForm" action= "#" > < fieldset> < legend> New Message form<; /legend> < span> New Message< /span> < het etiket = "toLabel" > To:< /label> < div = "vrienden" = "ui-helper-clearfix" > < - = "." type = "tekst" > < /div> < label> Subject:< /label> < - = "onder de naam" "" "" = < de tekst "> label> Message:< /label> < textarea =" boodschap "naam"De boodschap "rows=" 5 "cols=" 50 "> < /textarea> < knop type =" knop "=" af "> Cancel< /button> < knop type =" dienen "=" send "> Send< /button> < /fieldset> < /form> < /div>,.; een mooie standaard vorm; is er een buitenste container, < div>, we kunnen gebruiken voor styling < input> en de,, dat de Autocomplete zal worden gehecht aan de is ook in A < div>, element; we doen het, < input>, zo dat het slightly verborgen, en we in de div>, <, zo dat het lijkt, als de andere gebieden in de vorm.We geven de container voor de, < input> de ui-helper-clearfix een naam op te maken van het nut van deze klasse UI's CSS). Ook moeten scheppen, te link naar de dossiers van de bu het archief. Unpacked), alsmede een van de volgende dossiers door stylesheet; moet gaan naar de, < head>, van de page: < link, rel = "stylesheet" = "text/css": /css/ui-lightness/jquery-ui-1.8.custom.css "> < link rel =" stylesheet "=" text/CSS: /css/autocomplete.css ">", de volgende dossiers moet gaan op het einde van de body> <,,, < script:; type = "tekst /javascript" src = "js/jquery-1.4.2.min.js" > < /script> < script type = "text/javascript" src = "js/jquery-ui-1.8.custom.min.js" > < /script>, stap 3, Styling;In dit geval hebben we met een zeer eenvoudige en neutrale betreft, waarvan de meeste een voorbeeld.Zeer weinig stijl nodig is en, indien nodig, de meeste kunnen veranderen.De volgende CSS gebruikt, autocomplete.css, CSS (alle) in de stijl van de bu, jquery-ui-1.8.custom.css, stijl, tabel):&#formwrap {10 pixels, oude positie van absolute; drijvende:;: van links; achtergrond kleur:� achtergrond: rgba (0, 0, 0, moz. 5); De straal van 10 pixels; - norm: de straal van de grens: 10 pixels: 10 pixels; de grens;}&#messageform (breedte: 326px; de grens 1 - pixel vasteʚ kleur:&#EEE;}&#messageform fieldset {gevuld: 0; deposito 's: 0; positie ten opzichte van de grens:;: geen; achtergrond kleur:&#EEE;&#messageform legende {} zichtbaarheid: verborgen; lengte: 0;}&#messageform span {blijkt: breedte: oude blok; 326px; 10 pixels marge: 0 0 0; 20px; de tekst streepje: 20px; kleur:&#BBB; de onderste grens: 1 - pixel vasteō het lettertype: 18px JoeGIA, Marshal. Color:#fff;} #friends {width:274px; padding:3px 3px 0; margin:0 -;: vaste #aaa; background-color:#fff; cursor:text; #messageForm #to {} width:30px; margin:0 0 0 0 X; padding:0 3px; de positie:relative; top:0; float:left; border:none;} #messageForm (#messageForm textarea {display:block; width:274px padding:3px; margin:0; - 20px;: vaste #aaa; #messageForm etiket {} display:block; margin:20px 0 3px; text-indent:22px; font:bold fo nt familie aan Sans-serif; color:#666;} #messageForm #toLabel {} {margin-top:0; #messageForm knop float:right; margin:0 0 20px 0;} #messageForm #cancel {} {display:block tot margin-right:20px; #friends; margin:0 3px padding:3p 3px 0;X 20px 4px 8px; positie: relatieve; drijvende: links; achtergrond kleur:&#EEE; 1 - pixel vaste grens&#moz grens: 333; 7px; - bewijzen van de grens: 7px; de grens: 7px; kleur:ō het lettertype: normale fo nt familie verdana sans serif; - de positie van&#vriend {}: absolute; rechts: 8px; de top: X; kleur:ʚ het lettertype: zwarte 12px verdana sans serif; de tekst -: geen;}&#vriend breedte: die&#FF0000; kleur: {} {. De BU menu BU het menu witte ruimte: nowrap; oude pixel 0 0 0), zal worden gevormd; een mooie transparante grenzen filet we de CSS 3 rgba, regels en grenzen, moz. Bewijzen van de grens, en de grens van regels; de meest populaire browser ter ondersteuning van deze regels, met inbegrip van de firefox, safari, chroom en opera.Ook niet voor een van hen, hoewel het gebruik kunnen maken van een filter voor de verwezenlijking van de noodzakelijke transparantie niet afgeronde hoeken niet, door gebruik te maken van het beeld, moeten steunen.Het effect van de rgba, transparantie, dat in dit geval niet voldoende, maar deze vorm kan worden gebruikt als een variabele van de modal - in een volledige uitvoering, kan erop zitten en op de website van de werkelijke inhoud, containers, < di% GT% rond, < input >: De tekst zal worden aangesloten op het gebied van automatisch dezelfde positie en vorm als input, < >, elementen, maar < input > in deze container in de grens te schrappen, het is verborgen.We hebben het verlagen van de breedte en de drijven naar links.Is dat, als we de ontvanger van de toevoeging van formaat, < div >,, < input > niet overlopen, verhoogt de hoogte, < di% GT%, niet noodzakelijk dat wij ook de stijl, zullen worden toegevoegd aan de, < div >,,, met inbegrip van < span > elementen van een link.Dit zijn stijl komt overeen met de fundamentele thema 's, maar ook aan de filet.Van belang is, is dat deze elementen zijn van blok, maar ook de drijvende, zodat ze kan terecht worden gestapeld.We moeten ook in de vorm van een automcomplete herschrijven: BU betreft gebruiken we voor de laatste optie is; om te voorkomen dat personen in de menu 's voorstel tussen de pauze, dan is dat omdat we al gedaan, < input >, het is zo klein, in dit stadium, in verband met De vorm moeten gebeuren. Stap 4:,, de installatie, de volgende onderdelen moeten we automatisch, < input >,, < div >,; we kunnen gebruik maken van de volgende scenario' s:, < script type = "tekst javascript" > $(functie) (///////zal automatisch (".&#automatisch ("). De definitie van de oorsprong (///////call - back - formaat: functie (vraag toe te voegen) {///////door het verzoek van de server.Friends.php getJSON ("?Call - back - =?Dat eisen, functie (gegevens) {///////- de variabele object creëren op voorstel = [...]; ///////- proces op de dollar. Elke (gegevens, de functie (ik, val) {voorstellen. - (val.name);}); ///////- door toevoeging van (het voorstel); -});}, de definitie van de procedures voor de behandeling van ///////keuze: de keuze van de functie (E, het creëren van een formaat (BU) ///////de vrienden van De vrienden van = ui.item.value var, breedte = $("< span >"). De tekst (vriend), een voor $("< een >").AddClass ("verwijderen").Attr ((link: "javascript", titel: "verwijderen" + vriend}). De tekst ("X"). Appendto (levensduur); ///////toegevoegd ("vrienden die span. In #"); de definitie van de procedures voor de behandeling van) ///////, de keuze van de veranderingen.() {///////ction voorkomen "gebied worden bijgewerkt en de juiste positie $("&#") (" "). -. (" de top ", 2);}});}); < /scripts >, van leden aan, < input >, het gebruik, de automatisch aanvullen (). De methode is.We bieden een tekst als de methode van toewijzing van de parameters, en, de bron, de opties en -, selectie - en veranderen, gebeurtenissen, call - back -.,, de oorsprong, de mogelijkheden voor kleine onderdelen kan vertellen, automatisch menu suggesties.We gebruiken als een functie van de aanvaarding van de waarde van de optie van het eerste semester van twee parameters; in < input >,, de tweede is een auditie is gebruikt voor de overdracht van het voorstel terug naar het raam, in deze functie gebruiken we), getjson (), op lange termijn Op de server via PHP documenten de methode.PHP documenten worden voor het gebruik van de term extractie met een mysql in de naam van de contactpersoon.We gebruiken de call back - procedure JSONP uit de gegevens van de server terug; terugbellen, als de bron van de keuze van de tweede naar verwachting in de generator op de gegevens die door de, dus we beginnen door een lege matrix, gebruik dan de methode). (), behandeling van de server, hola elke serie projecten.We worden door elk van de projecten in de reeks, en de toevoeging van nieuwe reeks aanbevelingen voor elk van ons.Als we de oprichting van een nieuwe installatie, we hebben het doorgegeven aan de controles die op de menu 's auditie, en dan hebben we de gewoonte om de definitie van automatisch, selectie van de gebeurtenis; deze functie zal vervullen - voorstel automatisch elke keer kiezen de menu' s.Deze functie kan de automatische overdracht van twee parameters - geval voorwerp en een gebruikersinterface object met een geselecteerde voorstellen.We gebruiken deze functie en vorm van de naam toe te voegen aan de geadresseerde, < div >,.We moeten een breedte, < >, element om tekst en anker elementen voor het schrappen van de begunstigde kan worden.Als we alleen de begunstigde is een formaat voor het rechtstreeks in de camouflage, < input >,, wij toevoegen, veranderingen, met gebeurtenissen; deze functie wordt ingeroepen, < input >,, automatisch en veranderingen.We gebruiken het alleen om de waarde van de invoer, < geschrapt; >, want we hebben de toevoeging van geformatteerde versie van onze containers, < div >,.- ziet er een beetje een vorm van contact is toegevoegd, < di% GT%, zodat we ook gebruik maken van deze gebeurtenis te corrigeren, dit, dit is van de configuratie van de specifieke uitvoering, we hebben dit nodig, maar er zijn nog steeds nodig aangevuld met een beetje extra functies.Na de, automatisch aanvullen (), wordt de volgende code toevoegen, //add als begeleider te vrienden die $("#friends"). (functie) (//focus'to'$("'); #to").Focus (}); //add begeleider voor klikken op het verwijderen van banden met $("?", document. Getelementbyid ("vrienden").Live ("klik", functie) (//remove huidige vriend% (dit).Parent () (); //correct?'to'gebied standpunt als ($("#friends span").Length = = = 0) {% ("#to"). ("top", 0); {}) de input> <,,,,, dat onze Autocomplete is verbonden aan is gedeeltelijk verborgen en de container, < div> is styled zo dat het lijkt als de andere gebieden op de vorm van de deception; tot volledige, we toevoegen aan de container A als begeleider, < div>, zodat;- ergens in op praktische, < input >,.In de visie en de functie van nu, < di% GT%, moet een onderscheid te maken tussen de gebieden van de gewone, moet er ook voor anker worden toegevoegd aan de voor elk van de begunstigde op de behandeling van het gebruik van dit formaat; wij de methode, wonen (), omdat deze elementen Kan of mag niet bestaan in een bepaalde tijd de pagina 's en dan we binden gebeurtenis, elke keer dat je een van deze te makkelijk.Wanneer deze anker is aangegaan, wat we doen is de navigatie op de verankering van de moedermaatschappij worden aangegaan, en van de pagina 's te schrappen.Weet je nog dat we in de positie van de scenario 's voor?We moeten controleren of alle begunstigde is verwijderd, als dat het geval is, terug naar de locatie van de extra stap 5.,, de codes en de middelen, gebruik ik een bevat een lijst van de namen van elk van de adressaten, mysql, en de volgende PHP documenten ontvangen gegevens, getjson () methode van indiening van de database en overeenkomen met de ontvanger:, <?PHP /verband informatie als gastheer = localhost "; de gebruikersnaam =" wortel "; en" your_mysql_password_here CODE = "; voor de database =" test "; $parameters = _get dollar []; ///////" "in verband met de server mysql_connect $dollar, de gebruikers, de code); mysql_select_db - database ($verbonden? En $server); ///////- database vraag = mysql_query dollar (keuze van vrienden" * * * * * * * "^ dollar; ///////regexp parameters") een reeks (x = 0 van de dollar, numrows = mysql_num_rows ($vraag); X - element < numrows dollar. $X + +) {% door = = = = = = mysql_fetch_assoc ($vraag); $vriend [X] = - ("naam" = > $Bank [naam]); hola reactie van ECHO) ///////_get dollar = ['] "correctie".("".Json_encode ($) "vriend".; ECHO $reactie; mysql_close ($server);?> en de gedownload van andere documenten, je moet een ontwikkeling van de server en PHP installatie en configuratie en mysql en de bijbehorende databank en het horloge.Als een brief in de "in het veld, deze brief worden doorgegeven aan de server, en met de in de brief van zijn inbreng van elk van de naam begon te trekken.Met de naam dan teruggestuurd naar pagina als hola en aanbevelingen in het menu:,, de les geeft aan hoe de Facebook berichten in de vorm van reproductie, in het bijzonder, vriend toegevoegd aan de boodschap van de begunstigde worden gebruikt in de vorm van automatisch, en de manier waarop de naam van de vriend van het formaat als worden toegevoegd, kunnen ze gemakkelijk worden geschrapt..Ons voorbeeld vormen in feite niet alles doen, maar wat we moeten doen is de vorm van een tabel met de sturen aan de inhoud van de documenten die de server van Ajax, gemakkelijk kan worden aangesloten op de gebeurtenissen op de knop aan sturen in de vorm van een publiek gebruik, moet natuurlijk aan de achterkant van de betekenis en De systemen kunnen worden gekoppeld aan. In de database van de e - mail.We zoeken de inhoud van de tekst nodig, < span > de overdrachten aan de server van de elementen, maar dit is een heel klein: BU automatisch onderdelen gemakkelijk kan worden aangesloten op een bron van gegevens, met inbegrip van de rijke gebeurtenis kit, we kunnen de tekst in verband met de levering van functies In de de reactie op het gebied van, of een voorstel uit het menu kiezen.Het raam is het gebruik van kleine onderdelen van dit kader van de bu - stijl, kan het met Je huidige locatie betreft.Al, het is een goede kleine onderdelen, gemakkelijk te gebruiken, en om krachtig.,