Si vous avez déjà utilisé des frameworks javascript tel que scriptaculous, mootools ou autre jquery et qu’en plus vous leur greffez des plugins, vous avez remarqué que ça implique pas mal d’imports de fichiers .js et .css supplémentaires dans vos pages.

Et cela n’est pas forcement pratique si vos pages ne sont pas générées dynamiquement. De plus ça nuit à la lisibilité du code source.

Il faut aussi se poser cette question:

Est-il vraiment nécessaire d’inclure la totalité des mes fichiers (js et css) dans l’intégralité du site, où selon tel ou tel type de navigateur ?

Alors voici une solution parmi d’autres pour vous aider à mieux gérer vos inclusions de fichiers !

Lire la suite

astuces , framework , javascript , optimisation 

Voilà, ça fait un petit temps que je voualis en changer, c'est maintenant chose faite !
Allez hop ! On met à jour ses favoris ^^

ka-studio.net devient webinventif.fr !

Donc blog.ka-studio.net vers blog.webinventif.fr

Pourquoi ? Déjà, niveau referencement, un .fr est preferable, ensuite c'est plus parlant et thematique comme celà.

D'autres nouveautés sont en cours pour cette occasion ..... wait & see

Ps: merci de me rapporter des bugs si il y en a au niveau des urls internes

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 

Les elements positionnés de manière fixe ne défilent pas avec le document, mais reste au mème endroit sur la page.
Ils sont positionnées par rapport aux bords de la zone d'affichage (fenètre du navigateur). De plus ils sont totalement retiré du flux du document

Exemple de position fixed

La valeur fixed permet donc à l'element de collé a la fenètre du navigateur, mème si on scroll le document, celà peut ètre interesant pour fabriquer de fausses pop-up, fixer un menu ou aussi pour afficher un message (pub) par dessus le contenu de votre page.
Malheureusement, une fois de plus internet explorer 6 (et precedant) n'en font qu'à leur tète et ignore tout simplement cette propriété !

Lire la suite

astuces , css , hack , ie , javascript 

Par défaut, l'image d'arrière plan défile avec le document, comme si elle était collée à l'élément.

Exemple de background fixed

La proprièté css background-attachement permet de libèrer l'image d'arrière plan du contenu et lui permetde rester à une position fixe lorsque le contenu défile. En effet l'image est déconnectée du flux du contenu et est attachée à la zone d'affichage (la fenètre du navigateur donc).

La valeur fixed permet donc à l'image de collé au coin superieur gauche de l'ecran, celà peut ètre interesant pour donner certains effets a votre page, comme donner l'illusion de transparence ou de deformation sur le fond.
Malheureusement, une fois de plus internet explorer 6 (et precedant) n'en font qu'à leur tète et ignore tout simplement cette propriété !

Lire la suite

astuces , css , hack , ie , javascript 

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 

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