Sfat rapid Cum să comunicați între Flash și JavaScript / Cod

și

, care are <em>id</em> astfel încât să le putem accesa din SWF.</li> </ul> <p>HTML-ul dvs. trebuie să apară după cum urmează:</p> <img src="//accentsconagua.com/img/images_27_3/quick-tip-how-to-communicate-between-flash-and-javascript_3.jpg"> <p>Când codul a fost înlocuit, încărcați fișierul pe serverul dvs. web, pentru a putea începe cu ActionScript.</p> <hr> <h2> Pasul 4: Configurați o clasă de documente</h2> <p>Creați o clasă de documente pentru fișierul dvs. Flash; apelați-l Main.as. Dacă nu cunoașteți clasele de documente, citiți acest sfat rapid.</p> <pre> pachet import flash.display.MovieClip; clasa publică Extensie principală MovieClip funcția publică principală () </pre> <hr> <h2> Pasul 5: Apelarea funcțiilor JavaScript din Flash</h2> <p>Primul lucru pe care îl vom face cu ExternalInterface este numirea unei funcții JavaScript care va schimba culoarea de fundal a paginii noastre web. Așadar, atașați un ascultător de evenimente pentru componenta noastră ColorPicker. Când culoarea se schimbă, va trimite valoarea hex la o funcție javascript numită receiveColor ():</p> <pre> pachet import fl.events.ColorPickerEvent; import flash.display.MovieClip; import flash.external.ExternalInterface; public class Main extinde MovieClip funcția publică Main () cp.addEventListener (ColorPickerEvent.CHANGE, colorChange);  funcția publică funcția colorChange (eveniment: ColorPickerEvent): void ExternalInterface.call ("receiveColor", event.target.hexValue); // apelurile receiveColor (event.target.hexValue) în javascript</pre> <p>Acum trebuie sa scriem aceasta functie receiveColor (). În capul documentului HTML, pornim javascript definind această funcție. Pur și simplu ia valoarea trimisă de la Flash și modifică culoarea de fundal.</p> <pre> <script type="text/javascript"> function receiveColor(value)  document.bgColor = "#" + value;  </script></pre> <p>Pune-o imediat după <head> în fișierul HTML. Dacă totul este bine, când rulați pagina HTML într-un browser și modificați culoarea în ColorPicker, ar trebui să schimbați culoarea de fundal a paginii Web.</p> <hr> <h2> Pasul 6: Apelarea funcțiilor ActionScript din JavaScript</h2> <p>Următorul exemplu va fi să trimiteți date de la JavaScript la Flash. În documentul HTML, lipiți următorul cod îne <script>eticheta pe care ați adăugat-o în ultimul pas: </p> <pre> window.onload = funcția () var sender = document.getElementById ("expeditor"); // getElementById găsește un element în funcție de proprietatea id "sender.onclick = function () var ta = document.getElementById (" textArea "); documentul [ 'externalInterface'] receiveText (ta.value.); ta.value = ""; ; ;</pre> <p>Iată ce face acest lucru: după ce documentul este încărcat, primim butonul "expeditor" și atașăm un ascultător al evenimentului. Când se face clic pe butonul "expeditor", se va apela funcția receiveText () în Flash pe care o vom configura acum.</p> <p>Înapoi în Flash, îi spunem ExternalInterface să înregistreze funcția ActionScript astfel încât să poată fi apelată din JavaScript. Apoi am setat funcția noastră de primiText ():</p> <pre> pachet import fl.events.ColorPickerEvent; import flash.display.MovieClip; import flash.external.ExternalInterface; public class Main extinde MovieClip funcția publică Main () cp.addEventListener (ColorPickerEvent.CHANGE, colorChange); ExternalInterface.addCallback ("receiveText", primiText); // permite JavaScript să acceseze funcția receiveText ().  funcția publică funcția colorChange (eveniment: ColorPickerEvent): void ExternalInterface.call ("receiveColor", event.target.hexValue);  // aceasta este noua functie publica functie receiveText receiveText (valoare: String): void jsText.text = value; </pre> <p>(Noile linii sunt 5, 9 și 16-19.)</p> <hr> <h2> Pasul 7: Apelarea alertelor JavaScript, Confirma și Prompts de la ActionScript</h2> <p>De asemenea, putem apela alerte foarte ușor din ActionScript. Aici vom spune pur și simplu ExternalInterface pentru a apela un "prompt". De asemenea, putem folosi ExternalInterface pentru a transmite parametrii funcțiilor. Aici îi spunem funcția "prompt" de a cere utilizatorului numele său. Atunci când utilizatorul nostru introduce informațiile, este trecut înapoi în câmpul text "promptText".</p> <pre> pachet import fl.events.ColorPickerEvent; import flash.display.MovieClip; import flash.external.ExternalInterface; public class Main extinde MovieClip funcția publică Main () cp.addEventListener (ColorPickerEvent.CHANGE, colorChange); ExternalInterface.addCallback ("receiveText", primiText); prompt.addEventListener (MouseEvent.CLICK, promptClick); // se execută promptClick () atunci când se face clic pe butonul prompt funcția publică colorChange (eveniment: ColorPickerEvent): void ExternalInterface.call ("receiveColor", event.target.hexValue);  funcția publică receiveText (valoare: String): void jsText.text = value;  // funcția care trebuie apelată când se face clic pe butonul prompt. Va cere numele utilizatorului folosind un prompt JS. funcția publică promptClick (eveniment: MouseEvent): void promptText.text = "Ați spus că numele dvs. este:" + ExternalInterface.call ("prompt", "Care este numele dvs.?"); </pre> <p>(Liniile noi sunt 10 și 21-24).</p> <hr> <h2> Pasul 8: Apelarea funcțiilor JavaScript anonime</h2> <p>Un alt lucru pe care îl putem face este să scriem propriile noastre funcții JavaScript ca șiruri de caractere, apoi să le chemăm din ExternalInterface. Aici creăm o funcție JavaScript care primește un parametru. Luăm acest parametru și îi atribuim valoarea atributului innerHTML al divcului nostru "textChange" în documentul HTML. Veți observa că nu sunt numite funcții JavaScript externe - acestea sunt toate conținute în ActionScript.</p> <pre> pachet import fl.events.ColorPickerEvent; import flash.display.MovieClip; import flash.external.ExternalInterface; public class Main extinde MovieClip funcția publică Main () cp.addEventListener (ColorPickerEvent.CHANGE, colorChange); ExternalInterface.addCallback ("receiveText", primiText); prompt.addEventListener (MouseEvent.CLICK, promptClick); change.addEventListener (MouseEvent.CLICK, changeClick); // face changeClick () să ruleze atunci când se face clic pe butonul de schimbare funcția publică colorChange (eveniment: ColorPickerEvent): void ExternalInterface.call ("receiveColor", event.target.hexValue);  funcția publică receiveText (valoare: String): void jsText.text = value;  funcția publică promptClick (eveniment: MouseEvent): void promptText.text = "Ați spus că numele dvs. este:" + ExternalInterface.call ("prompt", "Care este numele dvs.?");  // modifică textul în interiorul HTML pentru a se potrivi cu câmpul text din interiorul funcției publicitare Flash changeClick (eveniment: MouseEvent): void externInterface.call ("function (param) document.getElementById ('textChange') innerHTML = param; , changeText.text); changeText.text = ""; </pre> <p>(Linii noi sunt 11 și 26-30).</p> <hr> <h2> Pasul 9: Apelarea funcțiilor anonime JavaScript și ActionScript</h2> <p>În cele din urmă, putem numi funcții anonime pe ambele părți. În funcția "anonimă", înregistrăm o funcție anonimă ActionScript cu ExternalInterface. Funcția completează un text, apoi pornește un cronometru. Apoi, numim o funcție anonimă JavaScript. Această funcție spune fereastra, când a fost redimensionată, trebuie să apeleze la funcția noastră anonimă ActionScript.</p> <pre> pachet import fl.events.ColorPickerEvent; import flash.display.MovieClip; import flash.external.ExternalInterface; public class Main extinde MovieClip funcția publică Main () cp.addEventListener (ColorPickerEvent.CHANGE, colorChange); ExternalInterface.addCallback ("receiveText", primiText); prompt.addEventListener (MouseEvent.CLICK, promptClick); change.addEventListener (MouseEvent.CLICK, changeClick); // creați un nou cronometru cu o bifă de o secundă și adăugați un ascultător al evenimentului var timer: Timer = nou Cronometru (1000); timer.addEventListener (TimerEvent.TIMER, onTimer); anonim(); // configura funcțiile anonime funcția publică colorChange (eveniment: ColorPickerEvent): void ExternalInterface.call ("receiveColor", event.target.hexValue);  funcția publică receiveText (valoare: String): void jsText.text = value;  funcția publică promptClick (eveniment: MouseEvent): void promptText.text = "Ați spus că numele dvs. este:" + ExternalInterface.call ("prompt", "Care este numele dvs.?");  funcția publică changeClick (eveniment: MouseEvent): void ExternalInterface.call ("function (param) document.getElementById ('textChange'). changeText.text = "";  // ștergeți textul după o secundă a trecut funcția publică onTimer (eveniment: TimerEvent): void resizeText.text = ""; timer.stop ();  funcția publică anonim (): void // a se vedea modul în care definim o funcție în interiorul unei alte funcții? ExternalInterface.addCallback ("anon", funcția () resizeText.text = "Fereastra a fost redimensionată"; timer.start ();); // același lucru se aplică și aici ExternalInterface.call ("function () window.onresize = function () document ['externalInterface']. </pre> <p>(Linile noi sunt 13-17 și 37-52.)</p> <hr> <h2>Concluzie</h2> <p>ExternalInterface este o clasă extrem de puternică și utilă. Cu aceasta, puteți primi valori și evenimente, toate în afara SWF. Distrează-te cu ea și mulțumesc pentru citire!</p>

<div class="rek-block">
	<center>	
			<ins class="adsbygoogle"
			style="display:inline-block;width:580px;height:400px"
			data-ad-client="ca-pub-3810161443300697"
			data-ad-slot="9434875811"></ins>
	   <script>
	   (adsbygoogle = window.adsbygoogle || []).push({});
	   </script>
	</center>
</div>

</div>

</div>
</div>

</div>

<div class="next_posts clearfix">
	<div class="n_post">
        
		<div class="next_posts-h1 left_nh1"><a href="/articles/webdesign/quick-tip-how-to-consistently-render-typefaces-cross-browser.html">Sfat rapid Cum să consolidezi în mod consecvent texturile Cross-browser</a></div>
			
			<div class="next_posts-img" style="background-image: url('//accentsconagua.com/img/images_4/quick-tip-how-to-consistently-render-typefaces-cross-browser.png');"></div>	
			
        				
	</div>		
	<div class="n_post">
        
		<div class="next_posts-h1 right_nh1"><a href="/articles/gamedevelopment/quick-tip-how-to-code-a-simple-character-name-generator.html">Sfat rapid Cum să codificați un generator de caractere simplu</a></div>
			
			<div class="next_posts-img" style="background-image: url('//accentsconagua.com/img/images_15/quick-tip-how-to-code-a-simple-character-name-generator.png');"></div>
					
        
	</div>
</div>

<footer>
	<div class="container">
			<div class="footer-langs">
					<ul class="site-langs-list">
							<li><a href="https://www.accentsconagua.com"><i class="flag flag-DE"></i>Deutsch</a></li>					
							<li><a href="https://fr.accentsconagua.com"><i class="flag flag-FR"></i>Français</a></li>
							<li><a href="https://nl.accentsconagua.com"><i class="flag flag-NL"></i>Nederlands</a></li>
							<li><a href="https://no.accentsconagua.com"><i class="flag flag-NO"></i>Norsk</a></li>
							<li><a href="https://sv.accentsconagua.com"><i class="flag flag-SE"></i>Svenska</a></li>
							<li><a href="https://it.accentsconagua.com"><i class="flag flag-IT"></i>Italiano</a></li>
							<li><a href="https://es.accentsconagua.com"><i class="flag flag-ES"></i>Español</a></li>
							<li><a href="https://ro.accentsconagua.com"><i class="flag flag-RO"></i>Românesc</a></li>
					</ul>
				</div>
				
			<div class="h-block"><a href="/">ro.accentsconagua.com</a><div class="h-block-a"></div></div>
			<div class="footer-text">
				Informații interesante și sfaturi utile privind programarea. Dezvoltarea de site-uri, web design si dezvoltare web. Tutoriale Photoshop. Crearea de jocuri pe calculator și aplicații mobile. Deveniți un programator profesionist de la zero.
			</div>
	</div>
</footer>

</div>
</div>

function toggleModal() {
						modal.classList.toggle("show-modal");
			}

function windowOnClick(event) {
						if (event.target === modal) {
										toggleModal();
						}
			}

trigger.addEventListener("click", toggleModal);
			closeButton.addEventListener("click", toggleModal);
			window.addEventListener("click", windowOnClick);
</script>

</body>
</html>

Sfat rapid Cum să comunicați între Flash și JavaScript

Pasul 1: Configurați documentul Flash

Pasul 2: Configurați interfața flash

Pasul 3: Configurați interfața de utilizare HTML