, het creëren van een Twitter als een "last" controles,,,,,,,,,, 7, 8 aandelen,,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,, Twitter en Apple Store gebruik te maken van een briljante techniek - meer informatie; je klik op de link en nieuwe projecten, de wonder verschijnt op het scherm.Deze les leren hoe je met jax, CSS, javascripthttp: //europa.eu.int /PHP, hola, het creëren van magie.Deze handleiding zal ook dit script en deze twee versies.,,,,,, in de veronderstelling dat er een aantal veronderstellingen, en wijst erop dat dit systeem, moeten we in de server nodig voor de exploitatie van 5:,, zodat we gebruik kunnen maken van de functie van 5 hola, zullen we van een "Het" wordpress mysql tabel la gegevensbanken.Wat is de code voor goed is, kan je het gebruiken en een gegevensbank, alles wat je hoeft te doen is de wijziging van de vraag en het gebruik van mysql) of mootools hola kenmerken, de cliënt moet javascript ondersteunen, gebruiken we de kern 1.2.3.1 mootools 1.2.3.Als dit is de eerste kader: 1.3.2 en Ariel scrollto plug - in de flesler.,, deze handleiding zal mootools javascript interpretatie.En dit, de verschillende in deze taal, in de moderne javascript kader is de voordelen van de verschillende, hun belangrijkste grammatica, geen logica.Dit zal de volgende omstandigheden javascript verstrekt, hier gebeurt in onze goede kleine onderdelen van de volgorde van de gebeurtenissen op de pagina 's van normale post:,, dat de aanvankelijke hoeveelheid, de gebruiker op de "belasting meer elementen in de bodem van de lijst", een verzoek om het vuur van Ajax /hola, herstel van een bepaald bedrag van onze nieuwe banen, de belangrijkste /mootools javascript ontvangt het resultaat en de oprichting van een reeks nieuwe informatie bevat hola: //europa.eu.int /comm /onderdelen, elk naar onderdelen van de elementen van een container, zodra alle elementen worden geladen op de pagina' s, het raam zal naar de eerste van Een nieuwe alinea, spoelen en herhalen.,,,,,,, de eerste stap: PHP /mysql, de eerste stap is om te bepalen hoeveel banen in te laden,De eerste pagina 's.Als we de dingen nog tal van berichten in de laatste belasting (als een toegang van gebruikers tot een pagina terug), we moeten gebruik maken van de zitting, /* * * * * * * * * * * * * * /session_start () vastgesteld; number_of_posts dollar = 5; ///////5 posten zal in de loop van de tijd _session dollar'posts_start "[] = - _session] ['posts_start belasting?_session dollar ['posts_start]:number_of_posts dollar; ///////waar we moeten beginnen de code fragment bevat alle "instellingen" van de inhoud, die we nodig hebben.We moeten het creëren van een PHP functie verbonden met onze database, om meer gegevens en om terug te keren naar hun inhoud hola: * * * * * * * * * * * * * *, de functie get_posts /beroven /($= 0, number_of_posts dollar = 5) {/* in verband met de Keuze van de database en in verband met de mysql_connect (* * * * * * * - /'localhost "='username", "); ///////'password gastheer, de gebruikersnaam en wachtwoord mysql_select_db ('davidwalsh83_blog, $verbindingen); het creëren van kolom - * * * * * * * * - /das = - (); * * * * * * * * * * * * * * /dollar /de post onderzoek =" keuze post_title, post_content post_name, id, door de post_date hem be maximaal dollar in post_status = "beginnen. Wp_posts, number_of_posts dollar" gepubliceerd "; de resultaten van de dollar (USD = mysql_query vraag); * elke post...* * * * * * * als (rij = mysql_fetch_assoc ($van de vaststelling van de inhoud van de posten {*)) is gelijk aan de eerste paragraaf... "Zien" gewone uitdrukking * /preg_match ("/< p> (*) < /P > /", die'post_content], [, ['post_content $lucifers); $. "Strip_tags] = ($lucifers [1]); toevoeging van deze opname in de kolom * /* * * * * * * * - posten) [] = $/.} /* * /terug te keren naar hun standpunten hola terug json_encode ($posts);}, meer PHP bevat een zeer eenvoudige uitdrukking, eerste alinea, grijp ik de inhoud van de berichten.Aangezien de meeste van de in de eerste alinea wordt de blog als in de rest van de inhoud van de server, kunnen we ervan uitgaan dat, als een goed voorbeeld van deze functie, als het klaar is, moeten we ons verzoek om de Ajax luisteraar.We weten dat iemand stuurt een verzoek als% _get Ajax [is] variabelen wordt op verzoek van de URL, als het verzoek wordt ontdekt, we beroven van meer dan 5 posten door onze get_posts () functies en hun hola ECHO.Als we de produktie van de nieuwe banen hola, redden we de gevraagde aantal doden script projecten, zoals blijkt uit de tabel hieronder iets * /* laden als lid is ($_get [is])) {/* spuug die in het kader van de echo van de post, get_posts * /($_get [beginnen. ['desiredposts _get dollar "]); behoud van de gebruiker /*" "" * * * * * * * - /_session, dus'posts_start "[] = [is] _get dollar. * * * * * * * * * * * * * *'desiredposts; /doden blz. /die ();}, met inbegrip van de server code van ons kleine onderdelen.Eenvoudig, niet?,,,,,, stap 2:HTML, niet veel: //europa.eu.int /comm /dit instrument in eerste instantie.We creëren een grote raam kleine onderdelen van de container.Kleine onderdelen van een container is een post van verpakking en onze "belasting meer elementen van de server", als een virtuele trekker - inhoud;.- plug - ins: //europa.eu.int /comm /begint hier... > < div = "post - container" > <.- post in het div - > < div = "werk" > < /div > <.De lading van meer "verband" - > < div = "belasting" > belasting meer < /div > < /div > <.- widget: //europa.eu.int /comm /eindigt hier, >, hoewel we niet in een enkel element, dat na die elementen, wordt in de kolom verpakking: //europa.eu.int /comm /structuur is heel belangrijk:, < div = "na" > < href = "(PostURL}" = "titel" > post_title} {< /> < P = "inhoud" > post_content} {< BR /> < href = "{}" = "PostURL meer" > meer lezen. < /> < /P > < /div. >,,,,,, 3:CSS tijd stappen, toevoeging van een zonnevlam dingetje.Elementen van een willekeurige vorm van de weg, wil je.Ik kies met links en de titel van het artikel, de inhoud van mijn stripboeken, en de banden met de juiste.We moeten voor de statische: //europa.eu.int /comm /CSS en javascript elementen toe te voegen die elementen zoals hieronder aangegeven,&#post container (breedte: 400 - 1 - pixel vaste&#pixel; de grenzen van de grens; - norm: 10 pixels; moz grens: 10 pixels;} {10 pixels oude aangebracht aangebracht na de 100px; de minimale hoogte: 65px; de onderste grens: 1 - pixel vaste&#«; achtergrond: URL (dwloadmore. Papoea - Nieuw - Guinea) aangebracht aangebracht niet herhalen; de muis cursor} {; kleur:.: blauwe achtergrond;} {. A.post-title worden; de lettergrootte: 12px; de tekst -: geen;} a.post-title: die decoratieve: kleur:&#{tekst onderstrepen; 900; kleur:&#a.post-more {} {} p.post-content 900; de lettergrootte: 10 pixels; lengte: 17px; vullen: 0;} {# belasting meer achtergrond kleur:&#EEE; kleur:ϧ vet te worden;Aanpassing van de tekst: het oude centrum; 10 pixels 0; de muis cursor;}&#belasting meer: dieʚ kleur: {}, een extra CSS, creëren we bekend als "activeren", dat betekent dat als het om het begin van de verzoeken en verborgen Ajax is voltooid, de activering van {(gegevens: URL 's. De inhoud van de FSIM) /loadmorespinner pakhuis 140px 9PX niet herhalen&#EEE;},,,,,, stap 4: deze javascript, zullen we een wonder mootools javascript.We zullen het gebruik van een gesloten met deze wijze van de code als een beste praktijk: ///////veiligheid, gesloten (functie ($) (///////als dom klaar...Het raam. AddEvent ('domready, functie) (* *} alle javascript zal hier);}) (document ID); als dom klaar, bieden we de eerste javascript geregeld.Opmerkelijk is, één van de instellingen, initialposts hola posten, met inbegrip van de eerste tranche, moet worden vermeld op de pagina 's.Wij bepalen hoeveel posten laden we de variabelen en grijp elke Ajax tijdens een verzoek van het aantal posten, ///////is reactief domein = http: //davidwalsh. De naam /; /je domein of gids weg gaan hier var initialposts = <?PHP ECHO get_posts (0, $_session ['posts_start "]);?> var start = < PHP ECHO $_session ['posts_start];?> var desiredposts = <?PHP ECHO $number_of_posts;?>,,,, als we eenmaal in positie, de definitie van een functie voor de verwerking van onze pagina 's ontvangen en in de toekomst verzoek hola door Ajax.Voor elke post in de hola, we...,, het creëren van een URL variabelen, zullen we een beetje later in het verkeer, het creëren van een van die elementen van de "na" bevat de titel van het artikel, de inhoud en de banden (boven, in de vorm van een nieuwe "), opgericht Na de" elementen van integratie in het aan de posten voor de nieuwe verpakking, het creëren van deviezen, de "na" elementen, dus kunnen we het moment verborgen elementen van beweegbare voorwerpen, en schuif het oog, naar het raam naar een nieuwe injectie, hier in deze code, de voltooiing van het script. ///////de functie en het scheppen van banen var posthandler = functie (postsjson) {postsjson. Elke (functie (nadat ik) {///////- na PostURL URL 's = + domeinnaam + post.post_name; ///////- werk creëren: //europa.eu.int /comm /"en" postdiv = nieuwe elementen ('div {Klasse:'post', events: {//click geval dat maakt de hele die clickable: functie) (window.location = postURL;}}, id'post-'+ post.ID, html:'< a: /"+ postURL +" = "post-title" > "+ post.post_title +'< /a> < P =" post-content ">" + post.post_content +'< BR /> < a: /"+ postURL +" = "post-more" > lees meer < /a> < /p> "}); //inject in de container postDiv.inject ($('posts')); //create de FX ook var FX = nieuwe Fx.Slide (postDiv).Hide () (); //scroll te.SlideIn eerste nieuw item als (i = = = = = = = = = = = = = 0) {var het geschrift functie) (nieuwe Fx.Scroll (').ToElement ($('post-'+ post.ID));}; scroll.delay (300); /Voor de tijd, kan er}});},,,,, nu we de posthandler in de definitie van de functies, het is tijd voor de behandeling van de eerste reeks elementen hola, aan de eerste pagina 's /de post in posthandler (initialposts);, dan creëren we een variabele voor de opslag De waarde van ons verzoek en de beheersing van de Ajax. Php sessie begint in de tijd van de waarde van het aantal posten, stelen, en "belasting" elementen, var = <?PHP ECHO $_session ['posts_start];?> var desiredposts = <?PHP ECHO $number_of_posts;?> var belasting = $('load-more ");, minder gebruik van geheugen, maken we ons request.json object op gebeurtenissen die we snel zullen stijgen.Het voorwerp van de request.json ziet er heel lang, maar het is echt heel eenvoudig.Het breken... Creëren we een doel van het verzoek, de fundamentele eisen... Var = nieuwe eisen. Hola ((http: ///////belasting meer. Php, Ajax script... Hetzelfde script methode: "verkregen", banden: "af", niet - buffer. Echt, /meer instellingen toe te... Een van de parameters van onze eisen, de verhoging van de "actieve" soort "- belasting meer druk op de elementen en de wijziging van de tekst van" last "elementen" laden... ""... En eisen: de functie) (///////- categorie en het veranderen van de informatie toe te voegen aan de belasting.AddClass ('activate vastgesteld ("). In'loading...");}, de toevoeging van een parameter, zal de belasting meer "element in de tekst, van start te volgen van de elementen van de toekomstige behandeling van onze reactie en hola en de eerste P.- Ost, zal in functie...: (responsejson) {///////- bericht laden. (, belasting meer "); een verhoging van de huidige staat van //////////////+ = desiredposts; toevoeging van nieuwe banen in de posthandler (responsejson);}, de functie van de schuld, de toevoeging van een nieuwe tekst in" belasting "falen toen... Schuld: functie) (///////- bericht laden. (,'oops!Probeer het nog een keer. ");}, en, ten slotte, de toevoeging van een volledig functionele, de afschaffing van" fine - tuning "zodra de verzoeken worden gedaan, ongeacht het succes of falen van methode, onComplete: functie) (///////- belasting schrappen. RemoveClass ('activate");}, de laatste stap is de toevoeging van - geval - "belasting".Klik op onze verzoeken in de Ajax en alle van de bovengenoemde worden geactiveerd.Succes."Belasting" toe te voegen, //- belasting van de gebeurtenissen. AddEvent (klik geluiden gehoord, functie) (///////Ajax verzoek te sturen. ({gegevens: - aan de slag te gaan,'desiredposts ": desiredposts}});});,,,, de integriteit van deze code, ///////veiligheid (functie ($) (///////Domready bij het raam. AddEvent ('domready" functie) (///////voorzien van reactieve domein = http: //davidwalsh. De naam /"; var initialposts = <?PHP ECHO get_posts (0, $_session ['posts_start "]);?> dat de posten //function creates var postHandler = functie (postsJSON) {postsJSON.each (function (post, I) {//post URL var postURL = "+ (+ post.post_name; //create: //europa.eu.int /comm /var de postDiv = nieuwe element ('div', (klasse:'post', events: {: functie) (window.location = postURL;}}, id'post-'+ post.ID, html:'< a: /" + postURL + "=" post-title ">" + post.post_title +'< /a> < P = "post-content" > "+ post.post_content +'< BR /> < a: /" + postURL + "=" post-more "> lees meer < /a> < /p>"}); //inject in de container postDiv.inject ($('posts'));Het scheppen van nieuwe buitenlandse buitenlandse deviezen /= blok var. Lub (postdiv). De huid () (). Slidein; ///////- aan de eerste drie nieuwe projecten als (M = = 0) {var. = functie) (nieuwe FX. Rollen (Luik). Toelement ($('post "+ post. ID));}; de. Vertraging (300); ///////- aan de tijd, dus kan er}});}; ///////zal in eerste instantie posten in de pagina 's posthandler (initialposts); ///////- variabele var begin = <?PHP ECHO $_session ['posts_start];?> var desiredposts = <?PHP ECHO $number_of_posts;?> var belasting = $('load-more "); het verzoek om aan de nieuwe eisen van de var =. Hola ((http: ///////belasting meer. Php, Ajax script pagina 's... Dezelfde methode:" verkregen ", banden:" af ", niet - buffer: inderdaad een verzoek: functie) (///////- klas veranderen nog nieuws.AddClass ('activate belasting"). - (en'loading... ");}, in: functie (responsejson) {///////- bericht laden. (, belasting meer"); een verhoging van De huidige staat van //////////////+ = desiredposts; en in de nieuwe na de posthandler (responsejson);}, schuld: functie) (///////- bericht laden. (,'oops!Probeer het nog een keer. ");}, onComplete methode: functie) (///////- belasting schrappen. RemoveClass ('activate");}}); ///////de toevoeging van "belasting" klikt laden. AddEvent (klik geluiden gehoord, functie) (///////Ajax verzoek te sturen ({gegevens. Begin met ":: {,'desiredposts": desiredposts}});});});}) (document ID);: versie, als je houdt van dit javascript kader, het is je geluksdag, hier is versie:, /Als dom (documenten), klaar voor de dollar. (functie) (///////van een reactief domein = http: //davidwalsh. De naam /"; var initialposts = <?PHP ECHO get_posts (0, $_session ['posts_start "]);?> //function dat creates posten var postHandler = functie (postsJSON) {$.each (postsJSON, functie (I, I) {//post URL var postURL = "+ (+ post.post_name; var id ='post-'+ post.ID; //create de: //europa.eu.int /comm /$('< div> < /div>").AddClass ('post').Attr (ID ',') //generate. De: //europa.eu.int /comm /('< a: /"+ postURL +" = "post-title" > "+ post.post_title +'< /a> < P =" post-content ">" + post.post_content +'< BR /> < a: /"+ postURL +" de klas van 'post-more "> lees meer < /a> < /p>"). (functie) (window.location = postURL;}) //inject in de container.AppendTo ($('#posts').Hide.SlideDown () ()250, functie) (als (M = = 0) {%. Scrollto ($('div&#+ ID));}});});}; ///////zal in eerste instantie posten in de pagina 's posthandler (initialposts); //////////////"belasting" in de eerste plaats zorgen voor iemand op de "belasting meer" div var = <?PHP ECHO $_session ['posts_start];?> var desiredposts = <?PHP ECHO $number_of_posts;?> var belasting = $("# belasting meer"); ////////Ajax belasting belasting bij. Daarna (functie) (///////- categorie en het veranderen van de informatie toe te voegen aan de belasting.AddClass ('activate "). De tekst ('loading..."); ///////Ajax Ajax ({dollar te beginnen adres: belasting. Netto meer. Php, gegevens: {begin:,'desiredposts ": desiredposts}, type:" verkregen ", de aard van de gegevens:" hola, zijn: de valse, succes: functie (responsejson) {///////- bericht (belasting meer belasting. De tekst "); ///////desiredposts bijkomende status quo + =; ///////de toevoeging van nieuwe banen in posthandler (responsejson);}, fouten gemaakt: //////////////- functie) (tekst in het bericht ('oops laden!Probeer het nog een keer. ");}, /voltooiing van de gebeurtenissen: de functie) (///////- belasting schrappen. RemoveClass ('activate");}});});}); dit in deze versie, en totaal verschillende grammaticale dezelfde logica.Missie volbracht.Op je website uitvoering van de « plug­in » is een geweldige manier om vitaliteit en creativiteit, op je website.Ik verwacht dat je kleine onderdelen.Is er de kwestie van de verbetering van het voorstel.Zet ze op de volgende.,, op Twitter ons volgen, of abonnementen nettuts RSS - feeds meer training en ontwikkeling van de website van het dagelijkse.,,,