En omgekeerd: de interface javascript behandelingen

wordt gerealiseerd, javascript en praten: de invoering van de gemeenschappelijke interface,,,,,,,,,,,, deel 1,,,,,,, het netwerk van delen van maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet gemist, behandelingen en javascript.Deze twee talen zijn geweldig, maar heb je er ooit aan gedacht, wat je kunt doen, als ze met elkaar praten?Je hebt geluk!Dit is de bron van de interface tussen klasse.Zoals ik je geleerd heb foto 's op basis van door de 戴夫斯佩尔曼,.,,,,,,, stap 1: de externe interface van de soort, waar ik kan gebruiken?De interface tussen klasse, kan in de volgende browser Internet:,, exlplorer 5 + 8 + Netscape, mozilla 1.7.5 firefox 1 + 1,3 + safari,,,, wat kan ik doen?ExternalInterface klasse, kan je een script noemen:,, van javascript, een script van javascript, tussen de twee parameters en de overdracht van een javascript functie krijgen een waarde, een waarde aan een javascript.,, stap 2: laten we het: //europa.eu.int /comm /we het begon te springen en een echt fundamenteel voorbeeld.Ten eerste moeten we bouwen ons: //europa.eu.int /comm /, dus doe je favoriete: //europa.eu.int /comm /redacteur, laten we beginnen.Tot in je http: //europa.eu.int), <.Http: //europa.eu.int /publiek "doctype -//W3C//DTD XHTML 1,0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd "> < http: //europa.eu.int xmlns=" http://www.w3.org/1999/xhtml "> < head> < - http-equiv=" inhoud "inhoud" firewall; charset=UTF-8 "/> < title> ExternalInterface test 1< /title> < /head> < body> die id = <" testArea "> < de vorm van naam" myForm "> < voor de" output "> de tekst van Flash< /label> - = < de tekst" = "output" naam "output". "" /> < /form> < /div> < /body> < /html> stap 3:;, SWF 's Referencing functie, te gemakkelijk - de SWF' s in onze: //europa.eu.int /comm /create a javascript, ga je?Dat kunnen we in onze code van de referentie van de SWF 's.Om dit te bereiken, heeft het script "hoofd" labels, < script type = "tekst /javascript" > de functionele flash film (moviename) {als raam. Documenten [moviename]) {terugkeer raam. Documenten [moviename]} {documenten; anders terug. GetElementById (moviename);}} < /scripts > dat deze functie is van SWF 's is als een functie van de parameters die flashmovie ().Zoals, "flash film ('testmovie"); "weer een id" testmovie SWF 's, stap 4: het creëren van een functie die de waarde van het script, nu, creëren we een javascript functie aanvaarden van een waarde van een script.We hebben deze plek in de etikettering van de functie van het script, sendtojs (waarde) {documenten vormen de volgende verwijzing ["is mijn online"]. Output.value = waarde;}, dit moeten we uit welke waarde in onze textfield gerealiseerd en het en de identiteit van de "output", stap 5: een zaklamp, laten we open de flash en behandelingen te werk te gaan.Het creëren van een nieuw script drie documenten en het creëren van een nieuwe klasse van genoemd document "eiface1".,,,, stap 6: vaststelling van het type document, en ik zal het gebruik van eiface.as FDT schrijven, maar je kan het gebruik van een script... Waar je je op je gemak voelt.Zullen we beginnen met het opzetten van een standaard document door de romp, de invoer flash.display.sprite. {* * * * * * * * * * * * * * kreativeking @ auteur; /open eiface1 uitbreiding Sprite /{{}}} eiface1 () openbare functie, stap 7: het creëren van een textfield, het creëren van textfield gebruiken we om ons, de waarde van textfield () = nieuwe.; field1.type = textfieldtype.input; field1.width = 300; field1.height = 20; field1.border = waar; field1.bordercolor = 0x565656; field1.background = waar; field1.backgroundcolor = 0x121212; field1.defaulttextformat = nieuwe tekst ("Arial", 14, 0xefefef); de. X = stage.stagewidth * * * * * * * * * * * * * * field1.width. 5. 5; de y = stage.stageheight * * * * * * *. 5 - 5 field1.height * * * * * * *.(de); - fase. Addchild;, salaristrap 8: het creëren van een zendknop, het creëren van een knop.Ik hou niet van het gebruik van componenten, dus ik zal de oprichting van een knop opnieuw beginnen met flash ide.Is verheugd over de oprichting van een doos van je gewoon of het gebruik van simplebutton bestanddelen, dan laat ik je met al die creativiteit.Als je verder geen hulp, sla je op een knop, kun je naar de 11 stappen, het begin van de bouw van een rechthoek van de oorspronkelijke instrument.Ik zal niet voorziet in specifieke waarden, maar het voelt. Wil je een milieu.,,, stap 9: blijven creëren, omgezet in een videoclip rechthoek.,,, het creëren van een nieuwe laag in de film... En sturen naar de tekst is ".,,, 10: de uitvoer van deze maatregelen. In de bibliotheek, ga je de knop en de uitvoer, in het script toch.,,, stap 11: op de knop van de code, we zullen onze code knop in ons document, button1 = nieuwe sendbutton (); de button1. X = stage.stagewidth * * * * * * * * * * * * * * button1.width. 5. 5; button1 y = Y +. Veld. 30; fase. Addchild (button1); 12 - stappen:, waar we nu zijn, dit is je moet nu: //europa.eu.int /comm /, <.Http: //europa.eu.int /publiek "doctype -//W3C//DTD XHTML 1,0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd "> < http: //europa.eu.int xmlns=" http://www.w3.org/1999/xhtml "> < head> < - http-equiv=" inhoud "inhoud" firewall; charset=UTF-8 "/> < title> ExternalInterface test 1< /title> < script type =" tekst /javascript "> de functie flashMovie (movieName) {als (window.document[movieName]) {terug window.document[movieName];} anders {terugkeer document. Getelementbyid (movieName);}} functie fromAS (Value) (document.forms[" myForm "].output.value = waarde;} < /script> < /head> < body&g;T; < div = "test" > < vorm van naam = "dan is mijn verwijzing naar Internet" > < = "output" > de etikettering van Flash < de tekst; /etiket > < input vormen voor de tekst "=" output "naam" output "= waarde =" > < /vorm > < /div > < /body > < /html >, het type document eruit moet zien. Flash.display.movieclip. {de invoer; de invoer van flash.display.sprite; de invoer van flash.text.textfield flash.text.textfieldtype; de invoer flash.text.textformat @ auteur kreativeking; /* * * * * * * * * * * * * * /open eiface1 uitbreiding van de particuliere textfield Sprite {var: button1; particuliere var: videoclips; de functie van eiface1 () {tian = nieuwe textfield ();Field1.type = textfieldtype.input; field1.width = 300; field1.height = 20; field1.border = waar; field1.bordercolor = 0x565656; field1.background = waar; field1.backgroundcolor = 0x121212; field1.defaulttextformat = nieuwe tekst ("Arial", 14, 0xefefef); de. X = stage.stagewidth * * * * * * * * * * * * * * field1.width. 5. 5; de stage.stageheight * y = 5.. - field1.height *. 5; fase. Addchild (velden); button1 = nieuwe sendbutton (); de button1. X = stage.stagewidth * * * * * * * * * * * * * * button1.width. 5. 5; de button1. Y = tian. Y + 30; fase. Addchild (button1);}}}, stap 13: het creëren van javascript. We nu moet het scheppen van de toezending van de gegevens van de functie van de flash.Het script.Dit is een eenvoudige taak, en sturen het touw, button1. AddEventListener (mouseevent.click, sendtojs); particuliere functie sendtojs (E:MouseEvent): ongeldig als (interface. Beschikbaar) {interface. Tel. ("uit", tian. Tekst);}}, hebben wij ons in de eerste plaats aan de toevoeging van een luisteraar komen we de knop, in het document van de constructeurs.En dan maken we onze luisteraars.Externalinterface.available, onroerend goed, kijk, we kunnen het gebruik van ExternalInterface browser.We weten dat we het niet nodig de browser kan het steunen, maar het is een zeer goede praktijken voor de ontwikkeling van de website, en we weten niet altijd verenigbaar zou zijn met de interface van de cliënt,.,. Call (), is de functie van ons gebruikt om javascript.Het eerste argument is om de naam van de functie van de javascript.Dit is ons in functie in javascript naam.Het tweede argument is dat we door javascript waarde.In dit geval hebben we de waarde van de door onze tekst, noot: je kan door een aantal parameters zoals je wilt, maar het eerste argument moet de naam van de functie van de javascript, stap 14: de duur van de test, in onze tests hebben we in de eerste plaats moet onze SWF 's: //europa.eu.int /comm /.Ik wil benadrukken dat het gebruik van swfobject in plaats van de standaard, het beste voor het gebruik van SWF 's, Flash.Laten we onze SWF 's gezien, val SWFObject en zetten ons dossier.,,, hier is de SWFObject toe. Die gaat naar de hoofd van de http: //europa.eu.int:, = < script "tekst /javascript" src = "http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js" > < /script> < script type = "tekst /javascript" > var flashvars var params = = {}); {}); params.allowscriptaccess = "altijd"; params.allownetworking = "alle"; var attributes = {}; attributes.id = "EIFace"; swfobject.embedSWF ("EIFace.swf", "flashDiv", "350", "200", "9.0.0", vals, flashvars, params, kenmerken); < /script>, is ook belangrijk. Dat je van mij de SWF' s een id van het voorwerp van dit belangrijk is met het gebruik van het ExternalInterface en voor ons om het gebruik van het door de JavascripWij hebben eerder gecreëerde functie.Laten we het Huis div, SWF 's, < div = "flashdiv" > < p> dit zou een SWF' s vervangen.Als je niet hoeft te werken je Flash Player. < /P > < /div > hier is het document: //europa.eu.int /comm /documenten en op dit punt: invoer, pakje {flash. De externe interface; de invoer van Flash. Het evenement; de invoer van flash.display.movieclip; de invoer van flash.display.sprite; de invoer van flash.text.textfield; de invoer van flash.text.textfieldtype de invoer van flash.text.textformat; * * * * * * * * * * * * * * kreativeking @ auteur; /open eiface1 Sprite {/uitbreiding van de particuliere var: textfield; particuliere var button1: videoclips; de functie van eiface1 () {tian = nieuwe textfield (); field1.type = textfieldtype.input; field1.width = 300; field1.height = 20; field1.border = waar; fIeld1.bordercolor = 0x565656; field1.background = waar; field1.backgroundcolor = 0x121212; field1.defaulttextformat = nieuwe tekst ("Arial", 14, 0xefefef); de. X = stage.stagewidth * * * * * * * * * * * * * * field1.width. 5. 5; de. Y = stage.stageheight * * * * * * * * * * * * * * field1.height. 5. 5; fase. Addchild (velden); de button1 = nieuwe sendbutton (); de button1. X = stage.stagewidth * * * * * * * * * * * * * * button1.width. 5. 5; de button1. Y = tian. Y + 30; fase. Addchild (button1); de button1. AddEventListener (mouseevent.click, sendtojs);} privé functie sendtojs (E:MouseEvent): ongeldig als (interface (API. Beschikbaar). "Van de", tian. Tekst);}}}}, LTon;.Http: //europa.eu.int /publiek "doctype -//W3C//DTD XHTML 1,0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd "> < http: //europa.eu.int xmlns=" http://www.w3.org/1999/xhtml "> < head> < - http-equiv=" inhoud "inhoud" firewall; charset=UTF-8 "/> < title> ExternalInterface test 1< /title> < script type =" tekst /javascript "src =" http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js "> < /script> < script type =" tekst /javascript "> var flashvars = {}; var params = {}; params.allowscriptaccess =" altijd "; params.allownetworking =" alle "; var attributes = {}; attributes.id =" EIFace "; swfobject.embedSWF (" EIFace.swf "," flashDiv "," 350 "en" 200 "" 9.0.0 "vals, Fl,Ashvars, parameters en de eigenschappen); < /scripts > < script type = "tekst /javascript" > de functionele flash film (moviename) {als raam. Documenten [moviename]) {terugkeer raam. Documenten [moviename]} {documenten; anders terug. GetElementById (moviename);}} (waarde van de functie de vorm van de volgende documenten) {["is mijn verzoek online"]. Output.value = waarde;} < /scripts > < /hoofd > < lichaam > < div = "flashdiv" > < p> dit zou een SWF 's vervangen.Als je niet hoeft te werken je Flash Player. < /P > < /div > < div = "test" > < vorm van naam = "dan is mijn verwijzing naar Internet" > < = "output" > De etikettering van Flash < de tekst van het etiket > /; < input vormen voor de tekst "=" output "naam" van de waarde van de output "=" > < /vorm > < /div > < /body > < /html >, open nu je: //europa.eu.int /comm /en testen.Zie je de waarde van de flash in onze: //europa.eu.int /comm /van de waarde van de tekst.In een oogopslag, achter deze code is zeer eenvoudig en direct.Laten we nu proberen wat informatie van javascript sturen, behandelingen, stap 15: laat meer gebieden te creëren, hebben we de javascript zendt informatie naar de script extra veld, < = "input" > etiket; de tekst toegezonden aan de flash < /etiket > < de aard van De gegevens van de tekst "= = = = = = = de" input "naam" input "()" /> < input vormen voor de knop. "Sendtoflash" (hierna "sendtoflash onclick= mijn referentie zijn online, input);" >, Field2 = nieuwe textfield (); field2.type = textfieldtype.dynamic; field2.width = 300; field2.height = 20 field2.border = waar;; field2.bordercolor = 0x565656; field2.background = waar; field2.backgroundcolor = 0xefefef; field2.defaulttextformat = nieuwe tekst ("Arial", 14, 0x121212); 2 X = stage.stagewidt.H - * * * * * * * * * * * * * * field2.width. 5. 5; 2. Y = tian. Y - 50; fase. Addchild (2); 16, stappen: het creëren van javascript functioneren, moeten we tot een functie om de waarde van de: //europa.eu.int /comm /flash.Dit is een soortgelijke functie, creëren we van behandelingen zal sturen naar de functie van de waarde van sendtoflash javascript, (waarde) {flash film ("eiface"). Sendtoflash (waarde);}, gebruiken we onze eerdere creëren die de functie van de referentie van SWF 's.Nu moeten we onze documenten en de flash die waarde van javascript en het creëren van een nieuwe functie, om 17: toevoeging van javascript, stap terug, geregistreerde javascript, hebben we nog een call - back - zodat de flash wist dat we willen noemen we een script functie.We beginnen met het bellen van een script, eindelijk, private functie addcallbacks (): ongeldig {als interface. Beschikbaar) {interface. AddCallback ("sendtoflash", fromjs);}}, de externe interface. Addcallback (), de functie van de registratie van een functie is van de behandelingen in de ruimte.Het eerste argument is de naam van de functie, de functie van javascript zal het weten.Het tweede argument is de echte functie, simpel gezegd, betekent dit dat we javascript in, dan bellen we sendtoflash () (), een fromjs behandelingen, stappen: het creëren van fromjs (18), nu gaan we tot de fromjs (is).Dit is een zeer eenvoudige taak, van de waarde van de tekst is doorgegeven aan het privé - functie, fromjs (waarde: string): ongeldig {field2.text = waarde;}, tijd voor een test, om te kijken of we iets verzinnen.De documenten hier en nu: http: //europa.eu.int. {de invoer van Flash. De externe interface; de invoer van Flash. Het evenement; de invoer van flash.display.movieclip; de invoer van flash.display.sprite; de invoer van flash.text.textfield; de invoer van flash.text.textfieldtype; de invoer van flash.text.textformat; * * * * * * * * * * * * * * kreativeking /@ auteur /open eiface1 {VAR - gebied: uitbreiding van de particuliere Sprite particuliere var button1 gebied;: videoclips; particuliere var Field2:TextField; de functie van eiface1 () {tian = nieuwe textfield (); field1.type = textfieldtype.input; field1.width = 300; field1.height = 20; field1.border = waar field1.bordercolor = 0x565656; wedstrijden;1. De achtergrond van field1.backgroundcolor = = = = = = = waar; 0x121212; field1.defaulttextformat = nieuwe tekst ("Arial", 14, 0xefefef); de. X = stage.stagewidth * * * * * * * * * * * * * * field1.width. 5. 5; de. Y = stage.stageheight * * * * * * * * * * * * * * field1.height. 5. 5; fase. Addchild (velden); 2 = nieuwe textfield (); field2.type = textfieldtype.dynamic; field2.width = 300; field2.height = 20; field2.border = waar; field2.bordercolor = 0x565656; field2.background = waar; field2.backgroundcolor = 0xefefef; field2.defaulttextformat = nieuwe tekst ("Arial", 14, 0x121212); 2. X = stage.stagewidth * * * * * * * * * * * * * * field2.width. 5. 5; 2. Y = tian. Y - 50; addchild (2);De button1 = nieuwe sendbutton (); de button1. X = stage.stagewidth * * * * * * * * * * * * * * button1.width. 5. 5; de button1. Y = tian. Y + 30; fase. Addchild (button1); de button1. AddEventListener (mouseevent.click, sendtojs); addcallbacks ();} {als privé functie addcallbacks (): niet beschikbaar (interface. {addCallback interface). ("sendtoflash", fromjs);}} privé functie fromjs (waarde: string): ongeldig {field2.text = waarde van privé - functie;} sendtojs (E:MouseEvent): ongeldig als (interface. Beschikbaar) {interface. Tel. ("uit", tian. Tekst);}}}} <.Http: //europa.eu.int /publiek "doctype -//W3C//DTD XHTML 1,0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd "> < http: //europa.eu.int xmlns=" http://www.w3.org/1999/xhtml "> < head> < - http-equiv=" inhoud "inhoud" firewall; charset=UTF-8 "/> < title> ExternalInterface test 1< /title> < script type =" tekst /javascript "src =" http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js "> < /script> < script type =" tekst /javascript "> var flashvars = {}; var params = {}; params.allowscriptaccess =" altijd "; params.allownetworking =" alle "; var attributes = {}; attributes.id =" EIFace "; swfobject.embedSWF (" EIFace.swf "," flashDiv "," 350 "en" 200 "" 9.0.0 "vals, Fl,Ashvars, parameters en de eigenschappen); < /scripts > < script type = "tekst /javascript" > de functionele flash film (moviename) {als raam. Documenten [moviename]) {terugkeer raam. Documenten [moviename]} {documenten; anders terug. GetElementById (moviename);}} (waarde van de functie de vorm van de volgende documenten) {["is mijn verzoek online"]. Output.value = waarde van de functie van sendtoflash (waarde);} {flash film ("eiface"). Sendtoflash (waarde);} < /scripts > < /hoofd > < body> < div = "flashdiv" > < p> dit zou een SWF 's vervangen.Je moet je zo niet te werken. Player.< /p> < /div> < div = "testArea" > < de vorm van naam "myForm" > < voor de "input" > de tekst te sturen Flash< /label> < - = = "input" tekst "naam" input "". "" /> < - type = "knop". "SendToFlash" onClick= "sendToFlash (myForm.input.value);" /> < BR /> < BR /> < voor de "output" > de Tekst van Flash< /label> - = < de tekst "=" output "naam =" output "." "/> < /form> < /div> < /body> < /html>,. 19: resultaten, zoals je kan zien, heeft de tekst in De Placing gebied en op onze noch t.Hij is de nadruk gelegd op het belang van de tekst op het gebied van de flash.Het gebruik van ExternalInterface klasse is simpel, vaak kan van pas komen bij het creëren van API - en de toepassing van het programma kunnen worden gemanipuleerd met films.Bijvoorbeeld, dit kan worden bereikt in de videorecorder API - het creëren en gebruiken van javascript bestrijding van audio - en video -, 20: maatregelen die gebruik maken van klassieke javascript?Voor de meeste mensen, nu, niet echt gebruik van klassieke javascript; dit is de toekomst.De volgende is: in plaats van gebruik te maken van de klassieke voorbeelden van javascript, < script type = "tekst /javascript" > $(functie) ($("# sendtoflash"). Daarna (functie) (als ($("# eiface") [0]) {% ("# eiface") [0]. Sendtoflash ($("# input). Val ());} {% (of"&#eiface "). Sendtoflash ($("&#input). Val ());}});}); functies (waarde) {% ("# output") - (waarde).;) < /scripts >, hier is de nieuwe en bijgewerkte gebruik: http: //europa.eu.int), <.Http: //europa.eu.int /publiek "doctype -//W3C//DTD XHTML 1,0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd "> < http: //europa.eu.int xmlns=" http://www.w3.org/1999/xhtml "> < head> < - http-equiv=" inhoud "inhoud" firewall; charset=UTF-8 "/> < title> ExternalInterface test 1< /title> < script type =" tekst /javascript "src =" http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js "> < /script> < script type =" tekst /javascript "src =" http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js "> < /script> < script type =" tekst /javascript "> var flashvars = {}; var params = {}; params.allowscriptaccess =" altijd "; params.allownetworking =" alle "; var attRibutes = {}; attributes.id = "EIFace"; swfobject.embedSWF ("EIFace.swf", "flashDiv", "350", "200", "9.0.0", vals, flashvars, params, kenmerken); < /script> < script type = "tekst /javascript" > $(functie) ($('#sendToFlash'). - (functie) (als ($('#EIFace') [0]) {% ('#EIFace') [0].sendToFlash ($('#input') val ());} anders {% ('#EIFace').SendToFlash ($('#input') val ());}});}); de functie fromAS (Value) ('#output'{% val (Value));} < /script > < /head> < body> < div = "flashDiv" > < p> dit zal vervangen met een SWF..Je moet je zo niet te werken. Player.< /p> < /div> < div = "testArea" > < de vorm van naam "myForm" > < voor de "input" > de tekst te sturen Flash< /label> < - = = "input" tekst "naam" input "". "" /> < - type = "knop" = "sendToFlash." SendToFlash "/> < BR /> < BR /> < voor de" output "> de tekst van Flash< /label> - = < de tekst" = "output" naam "output". "/> < /form> < /div> < /body> < /html>, dat je nu, hopelijk heb ik een beter gebruik van het Class. ExternalInterface kenmerken.Als je een probleem hebt, of het idee, wil je wat leren, maar laat een opmerking of duwen. - ik zal zien wat ik kan doen.Ik hoop dat je het concept van de lerende, en aan het begin van hun gebruik in uw project.Bedankt voor het lezen.Kreativeking,,



Create new ActionScript 3.0 File.
Create EIFace Document Class
Create a square.
Convert to symbol.
Create Text.
Export For ActionScript.
Publish the SWF.



Previous:
Next Page: