Vignettes SVG (portail) - Historique des versions

Syfre : a renommé Developpement:Vignettes SVG en Vignettes SVG (portail)

2009-11-12T15:36:33Z

a renommé Developpement:Vignettes SVG en Vignettes SVG (portail)

Syfre le 20 mai 2008 à 16:51

2008-05-20T16:51:35Z

Nouvelle page

==Vignettes SVG==

Les vignettes sont définies dans le menu portail de type Vignette SVG :

{{#images:image1.png|Vignettes_SVG}}

Le contenu est une image SVG qui a été placé dans le répertoire du site (dans cet exemple)

(Inkscape est un éditeur OpenSource de document SVG)

{{#images:image2.png|Vignettes_SVG}}

L’image SVG contient des liens :

{{#images:image3.png|Vignettes_SVG}}

Malheureusement on ne peut définir directement le lien dans l’éditeur car nous avons besoin d’un bout de script ; l’éditeur ne gérant pas le script nous devons modifier le fichier à la main :

Tout d’abord le bout de script qui va appeler le gestionnaire de lien du client JavaScript :

<svg

xmlns:svg=

…

<script type="text/ecmascript"> <![CDATA[

function doonclick(href) {

window.top.JS_UTILS.URL.execLink(null,href);

}

]]> </script>

…

Les liens sont ensuite définis sur les balises « Anchor » créées par l’éditeur :

<a

id="idLink3"

transform="translate(1.636245,-0.9061258)"

inkscape:label="#a5169">

<g onclick="doonclick('frm://wfclassea.dfm')"

id="g5163">

<text

xml:space="preserve"

Dans le portail :

{{#images:image4.png|Vignettes_SVG}}

Les liens sont actifs sur les vignettes ; si l’on clique sur « 3 » : l’écran correspondant au lien est ouvert :

{{#images:image5.png|Vignettes_SVG}}

Et voila !
[[Category:Portail]]
[[Category:WebTop]]

WikiSysop le 20 mai 2008 à 14:53

2008-05-20T14:53:02Z

← Version précédente	Version du 12 novembre 2009 à 15:36
(Une révision intermédiaire par un utilisateur est masquée)

@@ Ligne 1 : / Ligne 1 : @@
 ==Vignettes SVG==
@@ Ligne 39 : / Ligne 37 : @@
 Tout d’abord le bout de script qui va appeler le gestionnaire de lien du client JavaScript :
+ <nowiki>
+ <svg
 <svg
-−
     xmlns:svg=
    …
    <script type="text/ecmascript"> <![CDATA[
      function doonclick(href) {window.top.JS_UTILS.URL.execLink(null,href);
      function doonclick(href) {
-−
 window.top.JS_UTILS.URL.execLink(null,href);
-−
+     }
    ]]> </script>
+  …
-…
+ </nowiki>
-−
-−
 Les liens sont ensuite définis sur les balises « Anchor » créées par l’éditeur :
@@ Ligne 65 : / Ligne 52 : @@
-   <a
+ <nowiki>
+ <a
         id="idLink3"
         transform="translate(1.636245,-0.9061258)"
         inkscape:label="#a5169">
        <g onclick="doonclick('frm://wfclassea.dfm')"
           id="g5163">
          <text
             xml:space="preserve"
+ </nowiki>
 Dans le portail :
 {{#images:image4.png|Vignettes_SVG}}
 Les liens sont actifs sur les vignettes ; si l’on clique sur « 3 » : l’écran correspondant au lien est ouvert :
 {{#images:image5.png|Vignettes_SVG}}