Voici une question frequente:

Comment puis-je agir sur mon swf depuis une page HTML, et comment puis-je agir sur ma page HTML depuis mon swf ?

En se servant de javascript bien sûr ! Javascript c’est souple, ça interagit complètement avec HTML/CSS et ça ressemble de très près à de l’actionscript.
Dans la suite de ce billet, je vais vous montrer comment communiquer entre actionscript et javascript en utilisant la classe externalInterface.
Attention, cette methode n’est disponible que depuis flash 8, dans le préface je vous fournirais des liens qui indiquent comment faire cette communication sans externalInterface.

Prérecquis:

• Savoir faire une simple fonction en actionscript (et en javascript, mais c’est pareil)

Lire la suite

communication , flash , html , javascript , tutoriels 

Dans ce tutorial je vais vous expliquer comment pouvoir inserer une typo “exotique” dans une page html classique.

En effet, vous le savez peut-ètre déjà, mais lorsque vous construisez un site classique, vous n’avez le droit que d’utiliser que 5 grandes familles de police.

Pourquoi ? Et bien tout simplement pour vous assurez que votre page aura le mème rendu chez tout le monde. Si vous utilisiez la police WaltDisney par exemple, seul les utilisateurs disposant de cette police sur leur ordinateur la verrait ! Ce qui est, comme vous vous en doutez, completement inconcevable.

Heureusement, il existe des moyens de contourner ce problème. Ceux qui ont l’habitude d’utiliser flash savent qu’il est possible d’inclure une police (entierement ou pas) dans un swf. Je vais donc vous montrez comment à l’aide d’un swf, et d’un bout de javascript nous allons pouvoir nous sortir de ce mauvais pas.

Ma methode laisse intact votre page d’origine, donc votre page restera valide, de plus si le visiteur n’a pas javascript d’activé, la page n’en souvfrira pas car le contenu ne change pas.
Les possiblités sont donc nombreuses ... inclure une police exotique, faire faire une rotation a votre texte, des effet lumineux, de distorsion, etc .... et tout ça en un minimum de code !
Allez directement voir les exemples et examinez le code source de la page, vous comprendrez mieux la methode.

Lire la suite

astuces , css , fla , flash , html , javascript , swfobject , tutoriels 

Dans ce tutorial je vais vous expliquer comment fabriquer la navigation d’un site sans reloader la page entière.

A l’aide de l’objet xmlhttprequest, qui est la base d’AJAX, nous allons faire appel a des fichier externes pour mettre à jour le contenu de notre page sans rechargement. Exactement comme le ferais un système de cadres/iframe.

Je vais en plus vous expliquer comment mettre un message d’attente (loading) pendant le changement de contenu. Et je vais aussi aborder le cas d’un appel depuis un menu en flash.

Installez-vous confortablement, prenez-vous un café, et on commence !

Lire la suite

ajax , flash , html , javascript , loader , php , ressources , tutoriaux 

Voici un mini-tuto pour vous montrer comment donnez un peu de punch à vos champs de saisie.
Le code qui suit va permettre de changer la couleur de vos champs lorsqu’ils ont le focus, de les preremplir, de les vider lors du 1er focus, de leur donner un effet de profondeur, etc ...

Lire la suite

astuces , fla , flash 

Lorsque l’on commence à faire un peu de flash dynamique, et que l’on comprend tout le potentiel de charger des fichiers externes (XML, flux RSS, etc...), on se heurte vite à certains obstacles !

Voici une liste exhaustive des méthodes concernées : - loadVariables, loadVariablesNum, MovieClip.loadVariables, LoadVars.load, LoadVars.sendAndLoad - XML.load, XML.sendAndLoad - XMLSocket.connect - Symboles importés d’une librairie partagée - Flash Remoting (NetServices.createGatewayConnection)

Dans ce billet, je vais aborder l’obstacle du chargement interdomaine et la manière officielle d’outrepasser cette limitation. Cette limitation entre en vigueur dès que vous ciblez avec une url absolue (mème sur votre propre serveur)

Pour la version non-officielle allez voir mon autre sujet: Charger un fichier distant avec php et sans Crossdomain.xml

Lire la suite

crossdomain , flash , securité , xml 

Voici un tuto qui va pouvoir vous aider à résoudre vos problèmes de getUrl en local.

En effet, si vous ne reglez pas comme il faut vos paramètres de publication, il se peut que vos getUrl ne fonctionne pas en local.
Je vais vous exliquer comment résoudre ce soucis de 2 manières diffèrentes. La manière simple en choisissant les bons paramètres de publication ou la methode plus radicale des paramètres de votre player flash directement sur le site d’adobe.

Lire la suite

adobe , astuces , flash , player , securité 

Bon voilà, j'avais envie d'un petit système de sondage perso pour mon blog, c'est maintenant chose faites (si si, regardez en bas a droite).

Et comme je suis genereux, je vous livre les sources :p

Lire la suite

fla , flash , php , ressources , sondage , xml 

SwfAddress et une sorte de plugin pour SwfObject, qui va permettre de rendre utilisable les boutons de votre navigateur pour se deplacer a l'interieur d'un swf.
Mais ce n'est pas tout, il permet egalement d'acceder aux differentes parties du swf via de simple url, ce qui est très pratique pour donner le lien direct d'une section de votre swf.

Donc en gros:

• Les boutons "suivants", "precedant" et "rafraichir" deviennent operationnels
• Vous avez des accès direct aux différentes partie de votre swf, avec une url du type "htpp://monserveur.com/ma_page.html#/section1/
• Vous pouvez egalement controler ce qui va s'afficher dans la barre de status en bas du navigateur
• Vous pouvez ré-écrire le titre de votre page directement depuis votre swf, en fonction de la section où vous vous trouvez

Voir une demo online

/!\ RAPPEL: Il vous faudra obligatoirement integrer votre swf avec la methode SwfObject pour que celà fonctionne. Et evidement integrer swfaddress.js dans votre page !

Lire la suite

astuces , fla , flash , html , javascript , swfaddress , swfobject 

Dans ce nouveau tutorial, je vais vous expliquer comment mettre à jour le contenu d'une page sans la recharger.

A l'aide de javascript et de la commande display: none; de css, nous allons réaliser un menu qui va afficher/cacher des div dans notre page. Ce qui va permettre de pouvoir changer le contenu visible de la page, sans la recharger.

Je vais egalement aborder le cas d'un menu en flash, qui va pouvoir appeler ma fonction javascript externe très simplement.

Lire la suite

astuces , css , flash , html , javascript , ressources , tutoriaux 

Dans ce tutorial, je vais vous montrer comment ne plus avoir de problèmes d'url relative ou absolue en ciblant des fichiers externes à votre swf.

Mais de quels problèmes il parle celui-là ? Moi je n'ai jamais eu de soucis avec mon ciblage de fichier !

Oui et non, ce tuto va aussi vous montrer comment vous faciliter la vie, surtout si vous ètes du genre à appeler vos swf depuis different endroit, ou depuis d'autres domaines ...

Lire la suite

astuces , fla , flash , ressources , tutoriaux 

Lorsque l'on commence à faire un peu de flash dynamique, et que l'on comprend tout le potentiel de charger des fichiers externes (php, flux rss, etc...), on se heurte vite à certains obstacles !

Dans ce billet, je vais aborder l'obstacle du chargement interdomaine et une manière d'outrepasser cette limitaion.

Lire la suite

fla , flash , html , php , ressources , securité 

Une question récurente, que l'on voit revenir assez souvent sur le forum flash de mediabox:

Comment inserer une page html dans une animation flash ?


Et bien c'est impossible !

Enfin dans le sens strict du terme, flash ne peut pas simuler le comportement d'une iframe ! Mais je vous rassure, on peut tout de mème réussir à charger une page html et a en affiché le contenu. Par contre, votre animation ne reconnaitra que les balises natives de Flash. Donc aucunes balises exotiques, ni de div personnalisées, juste la base ...

Mais on peut quand mème réussir à manipuler le code source de la page chargée, pour en isoler certaines infos, ou pour se faire sa propre mise en forme pour palier aux manques de balises de flash.

Lire la suite

fla , flash , html , ressources 

Voici comment résoudre vos problèmes d'affichage tardif de preload.

(S'effectue en 2 etapes simples)


Pour cet exemple,

# j'ai mis sur la 1ère frame : mon loading.
# Et sur la 2ème frame : Un composant de flash, une image directement importée sur la scene, et un clip lié à un autre clip de la bibliotheque (via attachmovie).

Par defaut le loading va commencer après 90% ! Et après reglages il commence dès 1%. Une autre solution serait de faire un swf loader pour votre swf

Cliquez ici pour voir le tuto (en video)


flash , loader , tutoriaux , vidéo 

Voici une classe permettant de faire un controle du flood via flash. Avec la particularité de controler le flood mème après fermeture et réouverture de votre animation flash !

Je me sers de cette classe pour mon livre d'or (KastBook). Elle permet d'empecher (ou d'autoriser) une repetition d'une action de l'utilisateur (clic sur un bouton ou autre)
Elle aurait aussi son utilité pour un formulaire de contact par exemple.

Je remercie thecaptain et roikku pour le portage en une classe as2

Lire la suite

class , fla , flash , flood , ressources 

Donc c'est un code qui sert à faire apparaitre un texte de chargement pour votre animation principale (_root). Avec en plus l'utilisation de la classe textformat pour definir très simplement le style du texte.

Un 2ème exemple intègre aussi une barre de progression. Elle est personnalisable facilement.

Tout celà de manière dynamique, sans aucun elements disgracieux sur la scène principale.

C'est un bout de code sans pretention, qui j'espère aidera quelques personnes desireuses d'en apprendre plus sur flash.

Lire la suite

fla , flash , ressources