vormen een vorm van geleidelijke verbetering vormen van vormen,,,,,,,,,,, delen, deel 1,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen. En, met een aantal belangrijke contacten, wil je het te laten werken, of zelfs alle toeristen javascript uitdaging.Als je denkt dat het gebruik van een - (POP) vormen, wat heb je gedaan?Het antwoord is een geleidelijke verbetering ten opzichte van de uitgangswaarde, beschikbaar zijn; de functie van de toename van het aantal gebruikers; en de ervaring die het heeft, voor de browser steunen.,, stap 1: het besluit van de doelstellingen van het project, vóór het begin van de reis, het helpt (de meeste) heeft een bestemming.Het doel van dit project is een standaard link naar een website met een vorm van contact, de vorm van een pop - up van de pagina 's op een dialoog, om een aantal redenen: deze methode, als de gebruikers. Zoals gewoonlijk zijn ze uitschakelen, om contact op te nemen met de vorm, maar het is De pagina' s. Een versie moet worden gehandhaafd, aanvullende informatie (in de vorm van) kunnen laden.,,, stap 2: lijst van de instrumenten, het schrijven van dit oorspronkelijke javascript kras zal veel van de code.Gelukkig hebben we de bestaande instrumenten, kunnen we gebruik maken van die taak te vergemakkelijken.Deze handleiding is:,:: BU: bu de CSS (CSS), voor zover mogelijk, om de code van hergebruik, zullen we de ontwikkeling van een plug - in.Als je niet vertrouwd zijn met de productie van de « plug­in », kan je in de invoering van het Nettuts+ Jeffrey.- in de toekomst zelf dit bu dollar. De dialoog in drie stappen:.,, de ontwerp - stekker, we volgen een plug - in het normale patroon: opties kiezen: eisen en, door de installatie van de « plug­in ».Moet wat opties?Een raam en plug - in de mode is.We hopen dat dit ding heet een anker, en de uitvoering van de code. En $('a.form_link "). {({container:" modal: waar, niet waar, maat: breedte: 440, titel: in plaats van vorm, beforeopen: functie (containers) {}, zal in functie (containers): {}, de fouten: functie (containers) {}}); en de mogelijkheden onderzoeken, container, wat is dit voor gebruikers in de vorm van zal worden aangewezen, op pagina 's id.Pagina 's Link zelf aangewezen, maar de opties zal ons in staat stellen om toegang te krijgen tot de relevante delen.Dit is de enige, bel de bij de keuze van plug - in -, aanpassing van de omvang, de breedte, de titel: deze optie, zal doorgeven aan de dollar: BU. ".Deze waarde is een standaard - zal heel goed zonder deze instellingen als de dollar. - dat zal in de beforeopen.,,,,, dat zijn de verkeerde: call - back -, en verwacht dat de functie.De functie van de banden worden door middel van het object, klik op "het" en de verpakking, de link is gericht.De auditie is ontworpen om de gebruiker in functie.Deze correctie is een lege in gebreke blijft functioneren, moeten de minimale - code zal uitzien:, $('a.form_link "). {({container:"&#form_id "}); dit lijkt heel eenvoudig, of niet?Als je een plug, plug - ins code: Verzameling van alle elementen die - dom, dat zal moeten worden in de specifieke variabelen van deze.,, stap 4: in het kader van de « plug­in » gevolgd: de stekker, een soortgelijk patroon.Ze doorkruisen - groep en doen wat ze moeten doen.Ik heb een van de grondbeginselen van de « plug­in » "" een overzicht van de algemene werk ik, het zal hier goed voor.Dit zal je de dossiers, begon de {) js. (functie ($) {%. Fn.popupform = functie (facultatief) {///////default option var de standaard = {container: "modal: waar, niet waar, maat: breedte: 440, titel: in plaats van vorm en functie (beforeopen: de container) {}, in: functie (containers) {}, de fouten: functie (containers) {}); de keuze van $(= var. De verlenging van de standaard optie {}); zelf. Elke (functie) (///////het echte werk hier gebeuren.///////in deze taken, het is een enkele elementen die in de DOM) /(geen) voorwerpen)});}}) (:);, de code is verpakt in een automatische uitvoering van functies en de toevoeging van eigen gebruik: namespace dollar. FN.De identificatiecode voor volgende dollar. In zijn naam, kun je het noemen. We volgen de code van goede praktijk ook door expliciete: variabelen.Dit brengt ons in de problemen als de « plug­in » wordt gebruikt bij andere javascript kader pagina 's, waarvan sommige met behulp van de dollar als een variabele, en van de installatie, de standaardwaarden worden gecreëerd, en dat gebruik zal maken van de standaard waarde als de definitie niet als de « plug­in » worden genoemd.Onmiddellijk na de fusie de standaard - lijn door en de schending van hun keuze en de opslag, de laatste reeks opties. Ring voor iteratieve) - vastgesteld voor het verzamelen van als de « plug­in » worden genoemd.Maar de kans is, die in de meeste gevallen is een enkel project (verankering), zal het nog steeds met meer dan één schakel van een telefoon - ervan uitgaande dat ze alle dezelfde vorm van belasting, een van de belangrijke dingen, de hoogte van de situatie en bijzondere variabelen zo veranderen dat we in de self.each ring waarde; het is een speciale methode om de cyclus van dit dom die gemakkelijker te maken.Het gebruik van de huidige functie van de DOM in de context van de variabele elementen, dus "dit": een element in de lus.Zie je een eenvoudig voorbeeld hoe "dit" betekent in dit object in functie van de werkingssfeer van de verzameling van een boek, maar in elke cyclus van, "dit": een interne, niet - dit element, dom. En vijf stappen: de moed hebben om te beginnen in de komende jaren. Deel van de code zijn opgenomen in onze botten self.each blok.Wat doen we nu?Elke goede elementen die door de volgende maatregelen:,,, om ervoor te zorgen dat het een link, en het ergens deel van die pagina 's worden aangewezen op afstand, op tafel van de pagina, en het creëren van een verborgen link van de dialoog, het scheppen van ons gestolen, met enkele van de ingediende tabellen POP - up, Ajax stijl, in deze, maar we moeten nog een lijn in het call - back - code, op de Top van de VAR - dollar = dollar (dit); dit is niet alleen gelegen; "dit buiten het bereik van de eventuele sluiting in elke cyclus, zoals wij later zullen nodig hebben om toegang te krijgen tot de huidige object.Omdat we bijna altijd om het als een goede doel, zullen we het voor een opslag.,, stap 6: elementen vastgesteld is doeltreffende, dollar. {slechts in de etikettering en de verankering van het anker, moet op het etiket van de waarde van het bestaan van een verband, wij weten waar we naar uit.Als aan deze voorwaarden niet voldaan, dan zullen we alleen uit de elementen.Onze "moed" de tweede regel: als (!Dit is (a)