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)

← Version précédente		Version du 12 novembre 2009 à 15:36
Ligne 1 :		Ligne 1 :


	==Vignettes SVG==		==Vignettes SVG==

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

			<nowiki>
			<svg
	<svg

	xmlns:svg=		xmlns:svg=

	…		…

	<script type="text/ecmascript"> <![CDATA[		<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>		]]> </script>
			…
	…		</nowiki>



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


	<a		<nowiki>
			<a
	id="idLink3"		id="idLink3"

	transform="translate(1.636245,-0.9061258)"		transform="translate(1.636245,-0.9061258)"

	inkscape:label="#a5169">		inkscape:label="#a5169">

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

	id="g5163">		id="g5163">

	<text		<text

	xml:space="preserve"		xml:space="preserve"
			</nowiki>


	Dans le portail :		Dans le portail :



	{{#images:image4.png\|Vignettes_SVG}}		{{#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 :		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}}		{{#images:image5.png\|Vignettes_SVG}}

Syfre le 20 mai 2008 à 16:51

2008-05-20T16:51:35Z

← Version précédente		Version du 20 mai 2008 à 16:51
Ligne 1 :		Ligne 1 :


	==Vignettes SVG==		==Vignettes SVG==

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

	~~<nowiki>~~
	<svg
			<svg

	xmlns:svg=		xmlns:svg=

	…		…

	<script type="text/ecmascript"> <![CDATA[		<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>		]]> </script>
	…
	~~</nowiki>~~		…



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


	<~~nowiki>~~		<a
	<a
	id="idLink3"		id="idLink3"

	transform="translate(1.636245,-0.9061258)"		transform="translate(1.636245,-0.9061258)"

	inkscape:label="#a5169">		inkscape:label="#a5169">

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

	id="g5163">		id="g5163">

	<text		<text

	xml:space="preserve"		xml:space="preserve"
	~~</nowiki>~~


	Dans le portail :		Dans le portail :



	{{#images:image4.png\|Vignettes_SVG}}		{{#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 :		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}}		{{#images:image5.png\|Vignettes_SVG}}

WikiSysop le 20 mai 2008 à 14:53

2008-05-20T14:53:02Z

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 :

<nowiki>
<svg
xmlns:svg=
…
<script type="text/ecmascript"> <![CDATA[
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 :

<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}}

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

Vignettes SVG (portail) - Historique des versions

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

Syfre le 20 mai 2008 à 16:51

WikiSysop le 20 mai 2008 à 14:53

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