Martius Web

Tag - web design

Histoires brèves : Flash AS3 : Détecter les clics sur un élément caché par un autre

le mercredi 10 novembre 2010, 21:02

Ceci est donc le petit billet du jour, fruit d’un paquet d’heures de recherche pour un résultat fort simple !

Dans le cadre d’une application réalisée en Flash (Action Script 3) - oui, je sais - j’ai une série d’éléments qui sont masqués par une image transparente, faisant office de masque : le calque supérieur prend tout l’espace et capte donc les événements de la souris (notamment le clic).

J’ai cherché plusieurs solutions, j’ai réfléchi à déterminer l’objet cliqué d’après les coordonnées du pointeur, ce qui me semblait complexe étant donné que la forme d’un élément d’un calque en dessous n’est pas vraiment prévisible. Après avoir googlé le problème pendant un moment donc, je suis tombé sur une propriété de la classe (abstraite) InteractiveObject fort utile : mouseEnabled.

Cette propriété permet de désactiver toute interaction de la souris sur l’objet concerné, et la bonne surprise fût que, tout naturellement, le clic souris prenait pour cible l’élément du dessous.

On récapitule donc rapidement :

  1. var gfxElt:MyGraphicElement = new MyGraphicElement();
  2. var mask:MyMask = new MyMask();
  3.  
  4. addChild(gfxElement);
  5. addChild(mask);

l’objet graphique mask recouvre l’objet élément, il n’est plus cliquable.

  1. mask.mouseEnabled = false;

Maintenant si !

Je suis bien conscient que cette découverte n’est pas génialissime en soi, mais peut-être que ce billet épargnera à l’un d’entre vous de perdre du temps et d’imaginer une solution complétement farfelue proche d’une ré-invention de la roue.

Cours XHTML et CSS en quelques heures (2e version) : 19# Jouer avec les fonds

le mardi 28 avril 2009, 23:30

Il est possible d’utiliser les propriétés de positionnement et de répétition des fonds pour réaliser des effets graphiques sympathiques et optimisés.

Lire la suite...

Cours XHTML et CSS en quelques heures (2e version) : Complément# Modèle des blocs W3C et Quirks mode

le mardi 28 avril 2009, 23:29

Internet explorer a introduit sa propre méthode pour gérer les dimensions d’un bloc, qui diffère du modèle officiellement soutenu par la norme. Ainsi, dans certaines configurations, il est nécessaire d’adapter votre feuille de style pour la rendre conforme sous Internet Explorer.

Lire la suite...

Cours XHTML et CSS en quelques heures (2e version) : 17# La mise en forme du texte

le mardi 28 avril 2009, 23:27

Le langage CSS offre un module très complet permettant de mettre en forme le texte : gérer les polices, la couleur, le style, mais aussi l’espacement des caractères,

Lire la suite...

Cours XHTML et CSS en quelques heures (2e version) : 16# Cascade de propriétés

le mardi 21 avril 2009, 20:28

Dans une feuille de style, il est possible que certaines propriétés entrent en concurrence : c’est à dire que deux valeurs différentes sont assignées pour une même propriété et un même élément. CSS introduit un mécanisme permettant de déterminer la valeur qui sera retenue, selon la spécificité du sélecteur de la règle.

Lire la suite...

Cours XHTML et CSS en quelques heures (2e version) : 14# Les sélecteurs et les combinaisons

le dimanche 19 avril 2009, 09:45

Les sélecteurs permettent de déterminer les éléments pour lesquels s’appliquent vos règles CSS. Leur syntaxe est à la fois puissante et souple, et une fois maîtrisé, vous aurez accompli une bonne partie de votre apprentissage.

Lire la suite...