www.mutationevent.com

Archive pour la catégorie ‘javascript’

Underscore.js

Lundi 7 décembre 2009

Une nouvelle bibliothèque javascript voie le jour Underscore.js .

underscorejs

En attendant l'implémentation de certaines fonction de base au language javascript (1.6) et qui sont très utils (forEach, map, filter, every, some and indexOf.), on a recourt parfois a certaines bibliothèques javascript (prototype.js, jQuery, ...). Mais maintenant le réseau dispose d'une nouvelle bibliothèque tout aussi puissant que les autres, avec un style tout aussi simple et different des autres et proche au language python.

_.map([1, 2, 3], function(n){ return n * 2; });
_([1, 2, 3]).map(function(n){ return n * 2; });

Technorati Tags: javascript, library

  • Twitter
  • Facebook
  • Digg
  • Delicious
  • Google Reader
  • LinkedIn
  • Technorati Favorites
  • Netvibes Share
  • NewsVine
  • Share/Bookmark

Appel d’une fonction javascript

Mercredi 2 décembre 2009

Lorsqu'on veut appeler une fonction javascript après sa création, la première des choses qui nous passe par la tête c'est de l'appeler par son nom

  1. function myFunction()
  2. {
  3. alert('appel de la fonction');
  4. }
  5. myFunction();

Mais il existe une autre méthode plus simple pour appeler une fonction javascript juste après sa création, il suffit d'ajouter les parenthèse () à la fin juste après l'accolade de fermeture }

  1. var _myFunction = function () {
  2. alert("my Function called");
  3. }();

Technorati Tags: call function, javascript

  • Twitter
  • Facebook
  • Digg
  • Delicious
  • Google Reader
  • LinkedIn
  • Technorati Favorites
  • Netvibes Share
  • NewsVine
  • Share/Bookmark

PHP libraries for JSON

Lundi 9 novembre 2009

Technorati Tags: javascript, json, library, object, php

  • Twitter
  • Facebook
  • Digg
  • Delicious
  • Google Reader
  • LinkedIn
  • Technorati Favorites
  • Netvibes Share
  • NewsVine
  • Share/Bookmark

Injection du Javascript depuis Actionscript

Samedi 3 octobre 2009

Pour injecter du code Javascript dans une page web depuis Actionscript on peut utiliser deux méthodes mais qui presque similaire :

La première consiste a injecter le code javascript comme un objet XML et la deuxième consiste a integrer un fichier js en utilisant les metadata.

Nous allons voir dans cette partie la version XML et dans une deuxième partie la méthode embed :

  1. package com.mutationevent
  2. {
  3. import flash.display.Sprite
  4. import flash.external.ExternalInterface
  5. import flash.events.MouseEvent;
  6.  
  7. public class Inject extends Sprite
  8. {
  9. public function Inject()
  10. {
  11. var js:XML = <script>
  12. <![CDATA[
  13. function ()
  14. {
  15. js = {};
  16. js.showAlert = function()
  17. {
  18. alert("messagae");
  19. }
  20. }
  21. ]]>
  22. </script>
  23.  
  24. // embed the JavaScript to the page
  25. ExternalInterface.call(js);
  26.  
  27. myButton.addEventListener(MouseEvent.CLICK, myButtonHandler);
  28. }
  29.  
  30. private function myButtonHandler(evt:MouseEvent):void
  31. {
  32. ExternalInterface.call("js.showAlert");
  33. }
  34. }
  35. }

et pour appeler la fonction showAlert :

  1. ExternalInterface.call("js.showAlert");

Téléchargez l'exemple : jsInjection (24)

Technorati Tags: actionscript, injection, javascript

  • Twitter
  • Facebook
  • Digg
  • Delicious
  • Google Reader
  • LinkedIn
  • Technorati Favorites
  • Netvibes Share
  • NewsVine
  • Share/Bookmark

validate.js

Lundi 14 septembre 2009

validatejs

validate.js a atteint 12248 Téléchargement

Merci

Technorati Tags: form, javascript, validate

  • Twitter
  • Facebook
  • Digg
  • Delicious
  • Google Reader
  • LinkedIn
  • Technorati Favorites
  • Netvibes Share
  • NewsVine
  • Share/Bookmark

script.aculo.us devient scripty2

Samedi 27 juin 2009

http://scripty2.com/

scripty2 est un puissant et flexible framework javascript qui vous permet de créer vos propres effects et interfaces utilisateur

scripty2 est tout simple une réécriture de la bibliothèques script.aculo.us

scripty2

Technorati Tags: animation, effects, javascript, library, prototype, scriptaculous

  • Twitter
  • Facebook
  • Digg
  • Delicious
  • Google Reader
  • LinkedIn
  • Technorati Favorites
  • Netvibes Share
  • NewsVine
  • Share/Bookmark

swfobject 2.2

Samedi 13 juin 2009

swfobject-2-2

La nouvelle version apporte quelques nouveautés et aussi fixe les bugs connues.

Voici un aperçu des nouveautés apporté a cette version :

  1. Amélioration de l'émulation du DomContentLoader pour Internet Explorer
  2. Support des bibliothèques dynamiques
  3. L'ajout de la méthode callback pour le contenu flash
  4. Plus de balise embed.
  5. Amélioration de la détection du flash player.
  6. Amélioration de Adobe Express Install
  7. Amélioration de la méthode createCSS

Il est temps de se mettre à jour alors.

Pour plus d'informations reportez-vous au site swfobject

Technorati Tags: bibliothèque, flash, swfobject

  • Twitter
  • Facebook
  • Digg
  • Delicious
  • Google Reader
  • LinkedIn
  • Technorati Favorites
  • Netvibes Share
  • NewsVine
  • Share/Bookmark

SWFAddress 2.2

Samedi 20 décembre 2008

Une nouvelle version de SWFAddress vient d'être publiée.
voici les principales nouveautés de la version 2.2 :

  • Refactored JavaScript implementation
  • New SWFAddress.swc AS3 component
  • New CS4 based Splash screen sample
  • New Digg API sample
  • New up() method for easier deep linking path navigation
  • New XSS protection that doesn't affect special characters
  • Support for Internet Explorer 8
  • Support for custom HTTP status messages in the SEO sample
  • Improved title handling
  • Improved unload event handling for IE
  • Updated Rails sample
  • Fixed getBaseURL() for AS3
  • Fixed Safari 2.0-2.0.3 support
  • Build-in fix for the Firefox 3/Mac OSX blinking effect
  • Additional onLoad fix for application/xml content type
  • Fixed optional options parameter for the popup method
  • Cross platform build script
  • Various optimizations

Visiter le site : http://www.asual.com/swfaddress/

Technorati Tags: deep linking, javascript, swc, swfaddress

  • Twitter
  • Facebook
  • Digg
  • Delicious
  • Google Reader
  • LinkedIn
  • Technorati Favorites
  • Netvibes Share
  • NewsVine
  • Share/Bookmark

changer la page modèle de votre projet flex

Vendredi 12 décembre 2008

générer votre propre page modèle pour vos projet web Flex pour intégrer vos propre données ou fichiers js.

La page web générer (index.template.html) par Flex utilise le fichier AC_OETags.js pour intégrer le contenu flash (Fichier .swf) dans la page html et history.css, historyFrame.html et history.js pour la gestion de l'historique.

Supposons maintenant que vous voulez utilise SWFObject pour insérer votre fichier .swf, pour moi je préfer SWFObject parce que c'est plus clair et plus facile a modifier surtout lorsqu'on veut faire passé des variables au fichier .swf grâce a l'objet flashvars ou modifier/ajouter certains attributs du fichier .swf. Bref, nous avons besoin du fichier SWFObject que vous pouvez trouvé ici http://code.google.com/p/swfobject/
Notez aussi que Flex utilise quelques variables dynamique dans le fichier template :

  • ${title} pour le titre du document (à placer dans la balise title).
  • ${swf} qui contient le non du fichier .swf générer (la variable ${swf} ne contient pas l'extension fichier, il faut le mettre manuellement).
  • ${version_major}, ${version_minor} et ${version_revision} qui contiennent la version du player requis pour visualiser le fichier .swf (vous pouvez tous les utilisé avec SWFObject, mais ${version_major} suffit).
  • ${width} et ${height} pour la largeur et la hauteur du fichier .swf.
  • ${application} le nom de l'application (nom du projet Flex).
  • ${bgcolor} couleur de l'arrière plan du projet Flex.

code:

  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <!-- saved from url=(0014)about:internet -->
  4. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  5. <!--
  6. Smart developers always View Source.
  7.  
  8. This application was built using Adobe Flex, an open source framework
  9. for building rich Internet applications that get delivered via the
  10. Flash Player or to desktops via Adobe AIR.
  11.  
  12. Learn more about Flex at http://flex.org
  13. // -->
  14. <head>
  15. <title>${title}</title>
  16. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  17. <script type="text/javascript" src="swfobject.js"></script>
  18. <script type="text/javascript">
  19. var flashvars = {};
  20. var params = {};
  21. params.bgcolor = "${bgcolor}";
  22. var attributes = {};
  23. attributes.id = "${application}";
  24. swfobject.embedSWF("${swf}.swf", "myAlternativeContent", "${width}", "${height}", "${version_major}.${version_minor}.${version_revision}", "expressInstall.swf", flashvars, params, attributes);
  25. </script>
  26. </head>
  27. <body>
  28. <div id="myAlternativeContent">
  29. <a href="http://www.adobe.com/go/getflashplayer">
  30. <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
  31. </a>
  32. </div>
  33.  
  34. </body>
  35. </html>
  36.  

Download flex template (12)

Technorati Tags: flex, swfobject, template

  • Twitter
  • Facebook
  • Digg
  • Delicious
  • Google Reader
  • LinkedIn
  • Technorati Favorites
  • Netvibes Share
  • NewsVine
  • Share/Bookmark

Utilisation de la class validatejs

Lundi 4 août 2008

voici une nouvelle video de l'utilisation de la class validate.js

Get the Flash Player to see this content.

Technorati Tags: form, html, javascript, screencast, validate

  • Twitter
  • Facebook
  • Digg
  • Delicious
  • Google Reader
  • LinkedIn
  • Technorati Favorites
  • Netvibes Share
  • NewsVine
  • Share/Bookmark

  • Archives

  • Catégories