toegang tot dezelfde gegevens, toegang tot dezelfde gegevens worden opgeslagen in afzonderlijke flash en javascript aanvragen,,,,,,,,,, delen, deel 4,,,,,,, de delen van het netwerk, maandag wat tuts + cursussen worden teruggebracht tot... Maar drie dollar.Niet' niet missen.,, in deze les. Ik zal je laten zien hoe de toegang tot dezelfde gegevens bewaard in een afzonderlijke flash en javascript aanvragen, opgeslagen in de opslag en het gebruik van de verwezenlijking van het met 5 - 3.We creëren javascript en flash is gebleken dat de toepassing van het platform, is irrelevant,,,,, stap 1: inspectie van de opslag, de opslag is een opwindende deel te doen zal je browser opslag permanent is, betekent dit dat tussen de browser gesprek duurde.Als de gebruiker op de browser geschiedenis, het is verdwenen.Het gebruik van eenvoudige sleutel van de opgeslagen gegevens is makkelijk, en op een aantal verschillende manieren kan worden gebruikt.Een alternatieve methode wordt gebruikt, localStorage. SetItem (sleutel, waarde),,,, localStorage getitem (belangrijke).Een andere methode is het gebruik van voorwerpen, localStorage symbool: [] = waarde en de vaststelling van de waarde, en de waarde van localStorage [] =, sleutel, het terug te krijgen.En als dat nog niet genoeg is, is er een derde punt: localstorage.key = waarde van symbolen, die het, en localstorage.key, waarde =, om het terug te halen.Ik koos een derde weg in de les, maar als je de andere manier, kan je de code, het werkt prima.De lokale winkel heeft een andere methode, maar dit is slechts een van de twee methoden: we moeten een waarde en een herstel van de waarde van stap 2:., projecten die javascript, creëren we javascript aanvragen van de eerste.Je moet een leven in de server op de ontwikkeling van het project en de flash, anders heb je een probleem.Ik gebruik mijn machine wamp als gastheer van milieu, het creëren van een dossier voor de opslag van uw project.In deze folder van het creëren van nieuwe MAP.Een naam met 'J' s "en de" stijl ", in de stijl van MAP in het creëren van een nieuw document en de naam" - stijl. - "en" is de MAP in het creëren van een nieuw dossier en noemen het een 'J' s interface. ".Tot slot, in uw project MAP van de wortels van het creëren van een nieuw document en zal het de naam "indicatoren. Http: //europa.eu.int /.,, stap 3: index: //europa.eu.int /comm /index in" in de volgende code: //europa.eu.int /comm /dossier, je gecreëerd in De vorige stap, <.Doctype html> < html> < head> < title> lokale opslag met externe Interface< /title> < link rel = "stylesheet" = "text/css": /styles/style.css "/> < script type =" tekst /javascript "src =" js/externalinterface.js "> < /script> < /head> < body>; < div =" andere "> < div =" scorewrapper "> < P =" scorediv "> < /p> < P =" randomscorediv "> willekeurige score: < /p> < knop type =" knop "=" scorebtn "> genereren voor de Score< /button> < /div> < /div> < /body> < /html> opgezet, hier zijn we, de structuur van onze" /index.html ".We hebben "- stijl. -" en "de externe interface. J 's", creëren we de bovengenoemde maatregelen.En scorediv, zal worden aangepast, als we tot een nieuwe high score, en randomscorediv worden bijgewerkt, elke keer als we tot een nieuwe beoordeling (op de knop tot een willekeurige cijfers).,, stap 4: stijl. De CSS, in de stijl van de inbreng van de volgende. De CSS "boven je. Stap,&#verpakking (breedte: 400 pixel; lengte: 400 pixel; de marge van auto 's: 0;}&#scorewrapper (breedte: 400 pixel; lengte: 200px; kleur:&#ffffff;} {# randomscorediv zichtbaarheid: verbergen;} {achtergrond: het lichaam&#f2f2f2; aanpassing van de tekst: Het oude centrum; 20px;} wij, hier een programma gericht op de pagina, de achtergrond van kleur, scorewrapper, die en die, randomscorediv, verborgen is in eerste instantie (zie).Als we op de knop worden vastgesteld, randomscorediv, zichtbaar, salaristrap 5: het raam. Zoals uiteengezet in de "externe interface in de volgende codes. J 's" je creëerde de bovengenoemde maatregelen, in window.onload = functie) (signalering (". -");}, wanneer je het nodig hebt in verband met elementen in je pagina' s om ervoor te zorgen dat de eerste raam moet laden.Want die hebben we nodig om de knop, we gebruiken, door in window.onload, javascript.Hier, we hebben gewoon een waarschuwing ". -".Als je de test moet je zien, is het werk van pagina 's. 6:setscore (), stap, een stap zullen we de code, setscore (), aanvankelijk vastgesteld op 0%.In de externe interface in de volgende code is ". In de window.onload = functie) (functie setscore () {als.LocalStorage. - score) {localstorage.score = 0;}}}, hier hebben we het onderzoek, localstorage.score bestaan, als we starten, zonder dat de waarde van de 0.De eerste keer als gebruiker van de aanvraag, of in hun eigen zijn duidelijk, deze waarde niet zou bestaan, dus we moeten creëren. En nu deze functie gecreëerd en onmiddellijk na het testen op, alarm, in window.onload = functie) (functie setscore () {als.LocalStorage. - score) {localstorage.score = 0;}} setscore (); de waarschuwing (localStorage. - score);}, stap 7:getscore (), hebben we een manier om ons te bereiken, nu moeten we een manier te zoeken.Wat is dat, getscore (), functie zal worden afgerond.In de volgende, setscore (), je in de vorige stap tot de functie, de functie van getscore () {als (localStorage. - score) {terugkeer (localStorage. - score);}}, hier hebben we het onderzoek, localstorage.score, bestaan, als het echt alleen zijn wij van mening dat de terugkeer van de waarde.Uit het voorgaande maatregelen, en wordt de volgende waarschuwing, alarm, getscore (), de functie, en getscore () {als (localStorage. - score) {terugkeer (localStorage. - score);}} alarm (getscore ());}, als je de test je moet nu naar het alarm weer een "0". Stap 8:updatescore ().,,, en we hebben nu een methoden voor het vaststellen van en de toegang tot onze score, moeten we een manier vinden om het te vernieuwen.Wat is dat, updatescore (), dat van de functie.Het volgende toevoegen, getscore (), je in de vorige stap tot de functie, de functie van updatescore (newscore) {als (localStorage. - score) {localstorage.score = newscore}}, hier hebben we door middel van een parameter, newscore, dan hebben we een localstorage.score;,, is gelijk aan de waarde.Uit het voorgaande maatregelen, uit te schakelen het alarm, dan wordt de volgende functies, updatescore (), die je net maakte, en de functie van updatescore (newscore) {als (localStorage. - score) {localstorage.score = newscore;}} updatescore (10); alarm (getscore ()); als u nu testen, moet je zien "10" op lijn 6, omdat we de score voor de vernieuwing van 10, 9: showscore (), stap in, nu hebben we de score te manipuleren, laat het zien.In de volgende, updatescore (), je in de vorige stap tot de functie, de functie van showscore () {VAR scoretext = documenten. GetElementById ('scorediv "); scoretext.innerhtml =" high "+ getscore ();}, kom hier, we hebben een referentie, scorediv, en het blijkt dat veranderen, innerhtml eigenschappen dit resultaat is, je creëert, onmiddellijk na de oproep van de functie, de functie showscore () {VAR scoretext = documenten. GetElementById ('scorediv"); scoretext.innerhtml = "high" + getscore () (); showscore;}, als je het testen van pagina 's, moet je nu zien dat "Het huidige hoge score is 10,". Stap 10: een verwijzing naar de knoppen, we gaan een functie van de gebruikers op de knop.Het volgende toevoegen, showscore (), een stap in het creëren van je op de knop, var scorebtn = documenten. GetElementById ('scorebtn "); scorebtn. AddEventListener (klik geluiden gehoord, getrandomscore, valse);, hier de informatie die we hebben, we hebben scorebtn, id - knop.Dan hebben we nog een gebeurtenis kan vormen, klik, dat, getrandomscore (), zullen wij in de volgende stap, stap, het creëren van functies. 11:getrandomscore () () getrandomscore,,, is de functie van de toepassing van de logica.De toevoeging van de volgende lijn, scorebtn. AddEventListener (klik geluiden gehoord, getrandomscore, valse); in de vorige stap, je input, functionele getrandomscore () {VAR randscoretext = documenten. GetElementById ('randomscorediv "); randscoretext. Stijl. Zichtbaarheid ='visible"; var randscore = wiskunde. De vloer (wiskunde (). * 200000); var currentscore = aantal (getscore ()); randscoretext.innerhtml = "verdeeld" (+ randscore; als randscore > currentscore) (signalering ("de nieuwe cijfers.! "); updatescore (randscore); showscore ();}}, hier, krijgen we een verwijzing naar randomscorediv en die voor de vis.De score dan tot een willekeurige, wiskunde, wiskunde. () × 200000), dat voorziet in de oprichting van een getal tussen 0 en 200 000.We gebruiken, getscore (), de functie van een variabele, currentscore, laten we het veranderen in een aantal), en de vaststelling van de randscoretext, innerhtml,,,,, en ten slotte randscore, kijken of randscore, dan, currentscore, als onze nieuwe cijfers (", alarm!! "), en het actualiseren van localstorage.score, en bel ons, updatescore (), - methoden en - overdracht, randomscore,.Dan gebruiken we, showscore (), blijkt dat de nieuwe cijfers, met inbegrip van het javascript aanvragen - je kan het testen op hier.In de volgende, we beginnen met de ontwikkeling van de flash - versie, een 12 - stappen.,: de oprichting van een flash - project, in deze fase zullen wij een flash - project, het creëren van een dossier voor de opslag van je dossier.Nu in deze folder van het creëren van een map genaamd 'J' s ", en in deze map gemaakt en zal het document genaamd" js interface. ".In uw project MAP onder de wortel van de oprichting van een "- dossier. Http: //europa.eu.int /".Tot slot, het creëren van een nieuwe flash - project en de instandhouding in de wortel, om ervoor te zorgen dat je de naam "FIA interface.".Geef het een witte achtergrond, en de vaststelling van de omvang van 400x200px, 13 stappen voor. EN: de oprichting van een index van pagina 's, het volgende toevoegen "index. Html" documenten die u gecreëerd in de vorige stap, <.Http: //europa.eu.int /publiek "doctype -//W3C//DTD XHTML 1,0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> < http: //europa.eu.int xmlns=" http://www.w3.org/1999/xhtml "> < head> < - http-equiv=" inhoud "inhoud" firewall; charset = utf - 8 /> < "; title> Tuts+ Premium: Demo< /title> < style> het {background: #f2f2f2; aan oude problemen; 20px} < /style> < script type =" tekst /javascript "src =" js/externalinterface.js "> < /script> < /head> < body> < doel classid=" clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 "codebase=" http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version= 9,0,0,0 "breedte =" hoogte = 400 "en" 200 "=" externalInterface "align=" Midden ">Naam: "allowscriptaccess < parameters waarden" = "hetzelfde domein" /> < parameters naam = "allowfullscreen" waarde "valse" /> < parameters naam = "film." interface. SWF 's "/> < de kwaliteit van de naam" parameters "waarde = = = = = = =" hoog "/> < de naam van de waarde van de parameters voor de" = "bgcolor"&#ffffff "/> < in de src =" interface "kwaliteit" hoog "=. SWF' s achtergrond kleur ="&#ffffff "breedte =" hoogte = 400 "en" 200 "naam" interface "aanpassing" in "allowscriptaccess = = = = = = =" hetzelfde domein "allowfullscreen =" valse "=" van toepassing zijn /x-shockwave-flash "pluginspage =" http://www.macromedia.com/go/getflashplayer "/> < /oo > < /body > < /html > hier stellen we de": //europa.eu.int /comm /index van de documenten in het dossier.We hebben de externe interface. J 's "we gecreëerd in de vorige stap, en die van SWF' s dossier binnen de, het voorwerp, de etikettering.Als je besluit dat je hun iets anders, het is de juiste waarde zal toepassing van SWF 's belangrijke stap 14:.,, waarin de externe interface is, het volgende toevoegen. De "interfaces. J' s" je creëerde de bovengenoemde maatregelen, de functie setscore () {als.LocalStorage. - score) {localstorage.score = 0;}} functie getscore () {als (localStorage. - score) {terug localstorage.score;}} functie updatescore (newscore) {} localstorage.score = newscore, zijn we in javascript aanvragen voor het gebruik van dezelfde functie, dus ik kan het niet uitleggen, ze zijn hier.Opgemerkt moet worden dat, ik verwijder, het raam is belangrijk. Onload,, maar, stap 15: vaststelling van de FIA, in dit stadium, we zullen voor je geregeld in het creëren van bovengenoemde maatregelen in hun keuze van instrument van de bu, tekst en ervoor te zorgen dat de volgende eigenschappen die in het kader van Het panel "karakter", zwart. De omvang van 16pt slepen:,,, tekst, nu op het podium, voor het de volgende eigenschappen x:102, Y:14.,,, - 210, H, voor de aanleg van het deel dat de naam "en om ervoor te zorgen dat de currentscore_txt" type "klassieker" en "dynamische tekst".,, nu een andere een textfield op het podium op en gaf het de volgende eigenschappen x:102, Y:49.,,, - 210, deel H, en gaf de naam van de "randomscore_text", naar de vergadering van het panel, en.Een knop op het podium.Je mag naar de vergadering panel naar het raam > bestanddelen of de CTRL + F.), heeft de volgende eigenschappen, de knop. X:150, Y:110, vrouwelijke: 100, H - 22, geef het voorbeeld in de scorebtn ",". "- parameters" panel, wijziging van het etiket "fractionele" De keuze van de instrumenten.,, rechthoekig, geef het een vol "# cccccc" geen kleur, met een rechthoekige, nu op het podium.Klik op de keuze van de aard van de rechthoek, geef het hier. X:118, Y:50,,, - 173, H - 82, en nu, klik op de rechthoek, de keuze van de voor de omrekening van het symbool "; aan de naam" alertbox ".,, rechthoekig, dubbel in het uitgeven van mode.Open de vergadering het panel en de knop naar deze video clip.De aard van de aan knop.,, x:37, Y:52, vrouwelijke: 100, H - 22, geef het voorbeeld alertbox_btn "," "Oké" en wijziging van het etiket lezen, naar de film... En sleep de tekst aan het de volgende eigenschappen, x:29 10, Y.,: vrouwelijke: 131, H - 22. - een nieuwe, "."In de tekst. Het gebied, en het sluiten van de videoclips, 16: een van de belangrijkste stappen, het creëren van een nieuw script van documenten en het redden van een" meester. ".En dan terug naar je FIA, die vooral de categorieën documenten,., stap 17: verpakking en de invoer, wordt het volgende toegevoegd in de "meester." je in de vorige stap dossiers pakket (invoer flash.display.sprite; de invoer van Flash. In het geval van invoer. (*); flash.external.externalinterface; openbare natuurlijk een van de belangrijkste uitbreiding van de belangrijkste (Sprite {) {}}} openbare functie, hier hebben we het in de klasse van ons nodig, en wij, de fabrikant, de code. 18:added_to_stage door toevoeging van de volgende stappen in de Main (,,,., openbare functies Main () {addEventListener (gebeurtenissen. Added_to_stage, instellingen);}, added_to_stage, gebeurtenissen, die bij de film vol.Hier, het vaststellen van de functie van de oproep, zullen we de toekomst creëren.,, stap in de val (19): functie, het volgende toevoegen, Main (), de constructeurs, particuliere instellingen (E: gebeurtenissen): micro - ("de film klaar voor nietigverklaring {");}, als Je de test is, zal je zien "de film klaar" is op de produktie van 20 stappen volgen,, panel. De waarschuwing: verborgen vak, misschien is het je opgevallen dat we het creëren van waarschuwingen doos blijkt toen de film begint; laten we het verstoppen.In de volgende, val (), de functie, het speciale functies (E: gebeurtenissen): ongeldig {alertbox.visible = vals;}, hier hebben we een alertbox niet zichtbaar.Doorgaan met het testen van de film. 21:setscore (), en maatregelen in deze stap zullen we gebruik maken van de externe interface te noemen we, setscore (), hebben we een code in de functie van javascript.In de volgende, val (), als je daar in de functie van het creëren van stappen, private functie setscore ():{interface is ongeldig. ("setscore");}, we gebruiken hier, bel (), die, voor setscore () interfaces, functie, in onze javascript., call (), die als parameter voor de naam van de functie (...) ".Als we in, setscore (), de functie van de parameters, hebben we ook hier, en we hopen dat deze functie als de film begonnen, dus het toevoegen aan, val (), de functie, het speciale functies (E: gebeurtenissen): ongeldig {alertbox.visible = vals; setscore ();}, stap 22:getscore (), in deze fase zullen wij wel de flash in onze film.Javascript stuurt de score flash, dus we zullen gebruik maken van externe interface voor toegang tot addcallback (), zodat het functioneren, wordt het volgende toegevoegd, val (), de functie, het speciale functies (E: gebeurtenissen): ongeldig {alertbox.visible = vals; setscore () addCallback; de externe interface. ("regio", Regi) addCallback;},,, moet op twee argumenten: om de naam van de functie kan door javascript (...), en 3 van deze oproep tot het indienen van een functie met (als een functie van de call - back - 3).Hier, willen we dat de 3, getscore (), kan onze eerste javascript functie; omwille van de eenvoud, geven we haar naam, getscore (), wanneer de door javascript, nu zullen we de code, getscore (, 3) de functie.Het volgende toevoegen, setscore (), je in de vorige stap gecreëerde functie van privé - functie, getScore (score: string): int {VAR score: int = int (score); de resultaten terug;}, hier hebben we vastgesteld, getscore (), functioneren.Want we zullen ontvangen van een string. Nadat we de vaststelling van parameters voor een string en de terugkeer van een geheel getal.Deze functie wordt een variabele die we namen, is deze score, gooi een, int. Dan gaan we terug naar de,,,,, stap 23:showscore (), deze stap in de score nu we met films zien.In de volgende, getscore (), je in de vorige stap gecreëerde functie van privé - functie, showscore () {currentscore_txt.text = ": ongeldig is de huidige hoge score is:" + interface. Tel. ("");}, hier hebben we vastgesteld, currentscore_txt.text, toont de huidige scoren.We gebruiken ExternalInterface. Tel. (""), dat in de regio, de functie van javascript, en de trekker over, getscore () in functie van behandelingen, de code.Weet je nog, die weer scoren. Nu nog het volgende aan toevoegen, val (), de functie, het speciale functies (E: gebeurtenissen): ongeldig {alertbox.visible = vals; de externe interface. AddCallback ("regio", regio 's); setscore () (); showscore;}, als je De test van de film nu. Je moet kijken naar de score wordt weergegeven. 24:addbuttonlisteners (,, maatregelen), we een manier nodig om het publiek op de toevoeging van een van onze knop, dus als de gebruiker is, doen ze alles.Het volgende toevoegen, showscore (), die je in de vorige stap voor privé - functie, addbuttonlisteners. () {scorebtn: ongeldig. AddEventListener (MouseEvent. Klik, getrandomscore); alertbox. Alertbox_btn. AddEventListener (MouseEvent. Klik, hidealertbox);}, nog het volgende toevoegen die in de rij, val (), de functie van privé - functie,. Val (E: gebeurtenissen): ongeldig {alertbox.visible = vals; setscore (); de externe interface. AddCallback ("regio", regio 's); showscore () (); addbuttonlisteners;}, hier hebben we een naam noemen, scorebtn, 3, getrandomscore (,, en onze) de oprichting van de alertbox_btn, is, in de naam van alertbox, bel, 3, hidealertbox ().De volgende stap zal zijn de toevoeging van deze functie, het volgende toevoegen, addbuttonlisteners (), die je net maakte, private functie getrandomscore (E:MouseEvent {}): ongeldig private functie hidealertbox (E: gebeurtenissen): ongeldig {alertbox.visible = vals;}, ik zal klaar zijn, getrandomscore () in de volgende stap. De functie.In alles wat we doen, hidealertbox (), de functie van een alertbox niet zichtbaar.We maken het zichtbare als gebruiker krijgt een nieuwe cijfers, 25:getrandomscore (), stap, een stap zullen we de code, getrandomscore (), de functie, het was net ons in javascript toepassing van alle aanvragen voor logica.Toevoeging van de volgende, getrandomscore (), je gecreëerd in de vorige stap betreft, de privé - functie getrandomscore (E:MouseEvent): ongeldig {VAR randscore:int = wiskunde. De vloer (wiskunde. () × 200000); var currentscore:int = interface. Tel. (""); randomscore_text.text = "willekeurig" + randscore score: (). Tostring; als (randscore > currentscore) {alertbox.visible = waar; de externe interface. Tel. ("updatescore", randscore);}}, showscore (); dit werkt zoals javascript versie.We hebben een cijfer tussen 0 en 200 in.En dan krijgen we dit resultaat van de interface ("zone").We verzamelen, randomscore_text, een willekeurige punten.Tot slot, we controleren of randscore, dan, currentscore, als wij een waarschuwing in de doos, vernieuwing van de interface van de opslag van de score,. ("updatescore", randscore), en bel ons, showscore (), blijkt dat de nieuwe methode om de score, demo., conclusies, we het gebruik van externe de lokale toegang tot API - 5.Ik hoop dat je van deze handleiding nuttig hebben gevonden, bedankt voor het lezen.,