119 en ligne Comparateur | Sites | Forum | PhpBB | Actu | Glossaire | Codes | Tips | Liens | Livres | Lettre  

 Recherche

 Newsletter





 

VML : 5 - Groupes et Coordonnées Locales

Comment grouper des éléments VML



Aurelien
Petite pause dans la découverte des sous éléments du VML, nous allons aborder ici deux notions importantes : les Groupes et Système de Coordonnées Locales.



Présentation :

Suite aux précédents tutoriaux portant sur les premières notions du VML et en vue des prochains portant sur les interactions avec JavaScript, nous devons aborder ici deux notions très importantes de ce langage.

Effectivement, le VML permet de dessiner aisément au sein d'un document HTML, mais, ceux qui ont essayé ont dû s'en rendre compte, le placement de différents éléments devient vite un casse-tête.

C'est ici qu'intervient la mise en place de Groupes et de Système de Coordonnées Locales.

 50%  100%  150%  200%  250%
<v:group id="oGroup" style="width:100px;height:100px;" 
  stroked="True" coordorigin="0, 0" coordsize="100, 100"> 
  <v:rect stroked="True" fillcolor="#E0E0E0" 
    style="position:relative;z-index:10;top:0;left:0;width:100;height:100;" /> 
  <v:rect style="position:relative;z-index:11;top:20;left:5;width:75;height:75;"> 
    <v:fill on="True" type="gradient" color="#9094C9" angle="45" /> 
  </v:rect> 
  <v:polyline points="80,95, 80,20, 95,5, 95,80, 80,95" 
    style="position:relative;z-index:11;" fillcolor="#9094C9" /> 
  <v:polyline points="20,5, 95,5, 80,20, 5,20, 20,5"
    style="position:relative;z-index:11;" /> 
</v:group>




Décomposition de l'article :

  • Présentation

  • Explications
    Dans cette partie, nous aborderons la notion de Groupes et de Système de Coordonnées locales.

  • Exemples
    Nous verrons ici quelques exemples de mises en place d'un groupe et d'un système de coordonnées locales.

  • Conclusion



    Un peu de nomenclature :

    Le VML étant un langage fait de balises, la fermeture de l'une d'elles peut s'écrire de 2 façons différentes :

       
    <v:line from="0,0" to="70,0"></v:line>
    
    <v:line from="0,0" to="70,0" />
    


    La première notation est généralement utilisée pour la déclaration d'éléments alors que la deuxième l'est généralement pour les sous éléments.

    Effectivement, un sous élément devant être inclus dans un élément, cela ne pourrait se faire si ce dernier utilisait la deuxième notation. Exemple :

       
    <v:line from="0,0" to="70,0"> <!-- Element --> 
      <v:stroke on="True" color="#9094C9" /> <!-- Sous - Element --> 
    </v:line>
    




    Prérequis :

  • Internet Explorer 5.0+

  • Toute page incluant du VML doit avoir la structure suivante pour être interprétée :

    <html xmlns:v="urn:schemas-microsoft-com:vml">
    <head>
    <title>VML : Groupes et Coordonnées Locales</title>
    <style>
      v\:* {behavior:url(#default#VML);}
    </style>
    </head>
    <body>
    <!--
    Veuillez copier le code directement dans le BODY de ce document
    -->
    </body>
    </html>
    


    Avec ce fichier en main, vous voici fin prêt pour continuer le VML.

    Bon Dev ...


  •   PrésentationExplications >> 

    Aurelien le 31/03/2004 (25 329 hits)
    Didier Téléchargez gratuitement et légalement des logiciels Microsoft ! Si, si ;)
    • Visual Studio 2010
    • Office 2010
    • Expression Studio 3
    • SQL Server 2008
    • et d'autres...

    Au fil des news  
    Magazines - Le N°128 de Programmez est disponible
    Magazines - Le N°127 de Programmez est disponible
    Dreamweaver CS4 + Php + Mysql - Trucs et Astuces - Part 6
    Pour continuer dans le même style, je vous propose une suite au précédent article. Rechercher tous ...
    Adobe - Adobe Photoshop.com Mobile pour iPhone 1.1
    JavaScript - Ajouter une page dans vos favorites
    Dreamweaver CS4 + Php + Mysql - Trucs et Astuces - Part 5 -
    Je vous propose cette fois deux astuces. Comment exporter une feuille de style avec l'aide de ...
    SharePoint Personalization Site Links - Les liens personnalisés des MySite SharePoint
    Nous avons vu dans les articles précédents comment agrémenter les pages de recherche afin de ...
    Magazines - Le n°126 de Programmez est disponible
    Outils - Traducteur en ligne automatique pour site web
    Adobe - Adobe Photoshop.com Mobile pour Iphone
    Magazines - Le n°125 de Programmez est disponible
    Adobe - Adobe AIR 2 et Flash Player 10.1version bêta
    Les conférences autour des technologies Microsoft - Liste non exhaustive des grands évènements
    Nous allons essayer de regrouper un grand nombre des évènements autour des technologies Microsoft ...
    Magazines - Le n°124 de Programmez est disponible
    PHP - Forum PHP 2009
    Composants - eFace - XAML en Java
    WPF - Désactiver le bouton de réduction d'une fenêtre
    Magazines - Le n°123 de Programmez est disponible
    Magazines - Le n°122 de Programmez est disponible
    Auditer une ferme SharePoint - Assurer le bon fonctionnement de SharePoint
    Dans le cadre de la bonne gestion de son environnement SharePoint, il est utile de faire un ...
    SQL Server 2008 Report Builder 2.0 - Installation et utilisation de Report Builder 2.0
    Dans le cadre de la création de rapports pour SQL Server Reporting Services 2008, un outil est ...
    Magazines - Le HS N° 1 de Web Design est disponible
    Adobe - Adobe propose en Open Source les frameworks.....
    Outils - EntityBuilder
    CSharp - Sérialisation XML de vos objets
    Magazines - Le n°121 de Programmez est disponible
    Adobe - Adobe annonce MAX 2009 !
    Outils - WhoIs
    [MAJ] Dreamweaver MX + Php + MySql - Les formulaires - partie 3
    Mise à jour du code, par DB 77, affichage du code erreur, dans la page erreur.php, traduction des ...
    PHP - News avec photo - Système de gestion - affichage
    Gestion - Administration - Affichage d'une "News", "Actualité", "Info", ... avec : - mise en forme ...
    Outils - Crypt
    Dreamweaver Php Mysql - Région répétée imbriquée
    Je rebondis, sur un post du forum, pour vous montrer comment obtenir grâce à l'extension Simulated ...
    Magazines - Le n° 120 de Programmez est disponible
    Gérer les bases de contenu SharePoint - Gérer la croissance du volume des données
    Dans le cadre de la gestion quotidienne de ferme SharePoint, il existe une partie qu'il faut ...
    PHP - Le Coach PHP sur Visual Studio
    .NET - Ecrire une application .NET utilisant MySQL
    PHP - Utilisation de PHP dans le monde Microsoft
    Magazines - Le n° 119 de Programmez est disponible
    Adobe - Adobe annonce Photoshop Marketplace
    [MAJ] Tutoriel AJAX simple - En avant vers le WEB2.0
    Mis à jour le 20/04/2009
      Tutorial : HTML | Scripting | ASP-PHP | ASP.net | SQL Server | XML
    Sharepoint | XAML | Pocket | Dreamweaver | VML | Divers
      Scripts : Scripting | ASP-PHP | ASP.net | Divers
      Boutique | Annuaire | Bannières | Météo | Tribune | Partenariats | Recherches
    v4.3 © Didier YVER
    2001-2010
     
     

    Corpo Sciences de Reims Partitions gratuites Carte, météo, annonces
    ASP-magazine TechNet Groupes Utilisateurs Microsoft DotNet Project MVP