Snelle tip bel jQuery Inside AS3 met jotAQuery

Communicatie tussen Flash en Javascript is iets waar elke ActionScript-ontwikkelaar bekend mee zou moeten zijn; Gelukkig zijn er klassen die ons helpen bij het proces. Lees deze snelle tip door om te ontdekken hoe eenvoudig het is!

Stap 1: Waarom zou ik Javascript nodig hebben??

interactiviteit.

Van browserintegratie (terug, vooruitknoppen) tot volledige swf-manipulatie (aanpassing van de werkelijke ingesloten filmeigenschappen, parameters, enz.). Beide talen zijn erg krachtig en kunnen zelfs nog meer zo zijn wanneer je ze combineert.

Raw Javascript kan worden aangeroepen met behulp van de externe interfaceklasse die is ingebouwd in ActionScript 3, maar stel je de kracht en eenvoud voor van jQuery en de vooraf ingestelde methoden en functies. Klinkt goed, laten we kijken hoe het gedaan is.

Stap 2: ActionScript + jQuery

jotAQuery is een ActionScript-poort voor jQuery waarmee jQuery-code kan worden gebruikt in een ActionScript 3-klasse. De meeste jQuery-methoden zijn beschikbaar voor gebruik, hoewel sommige niet kunnen worden geïmplementeerd.

Om jotAQuery aan het werk te krijgen, hebt u de gecompileerde Flash-film nodig met behulp van de jotAQuery-klassen en het HTML-bestand waarin u de swf wilt insluiten. U moet ook de jQuery-bibliotheek koppelen aan uw HTML-bestand.

In de volgende stappen gaan we een eenvoudig voorbeeld maken dat in een SWF-film vervaagt met jQuery.

Stap 3: download jotAQuery

Ga naar de jotAQuery-google-codepagina en download de bronbestanden. U moet door de bron bladeren om de drie benodigde bestanden te krijgen, aangezien deze niet zijn gemarkeerd in de downloadsectie.

Stap 4: ActionScript

Bereid een nieuwe ActionScript-klasse voor en schrijf de volgende code:

 pakket import flash.display.Sprite; import com.singuerinc.as3.external. *; openbare eindklasse Hoofd breidt uit met Sprite public final function Main () / * Example Call * / / * $ ('# flashContent'). slideUp (300); * / / * Je kunt ook code laden met deze syntaxis * / jQuery.execute (  );

Koppel dit bestand als de documentklasse in uw FLA en ga verder met het HTML-gedeelte.

Stap 5: HTML

U kunt het standaard HTML-bestand gebruiken dat door Flash is geëxporteerd (markeer het HTML-vak in de Publiceren menu), link naar uw jQuery-bronbestand:

 !DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Strict // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">   jotAQuery       ? html gaat hier verder

Open dit bestand en bekijk het effect live!

Conclusie

Ontdek de kracht van jQuery en probeer verschillende voorbeelden van interactie. Ik hoop dat je deze Quick Tip leuk vond, bedankt voor het lezen!

Code