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 

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 

Voici comment empecher une div de se redimensionner en dessous d'une certaine valeur.

Cette astuce peut se reveler très utile lorsque vous publiez un swf à 100%, il arrive souvent que si l'utilisateur reduit trop la fenètre du navigateur, votre swf deviendra illisible.
Donc gràce à un peu de css (et de javascript), on va fixer des dimensions minimum sur notre div, comme celà, lorsque l'utilisateur va reduire son navigateur au delà de la limite fixée, il verra apparaitre des barres de defilement !

Lire la suite

astuces , css , hack , html , javascript 

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 

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