Discussion :

[KiMbOoO]

Voila je débute en programmation XML/XSL/SVG et j'ai un petit soucis ! avant tout je veux faire déja un petit test d'affichage ou masquage d'un objet (une pizza) à partir d'un formulaire mais j'ai un petit problème, ca marche pas !!! par la suite quand j'aurais compris je pourrais approfondir mon code ( générer le svg de la pizza selon la taille et différents ingrédients )

voici le petit bout de code de test en question :

<td>
<form>
<p>Afficher/Masquer :</p>
<p>

<script><![CDATA[

function afficher(evt){
svgdoc=document.pizza.getSVGDocument;
objet=svgdoc.getElementById('mapizza');
objet.setAttribute("display","inline");}

function masquer(evt){
svgdoc=document.pizza.getSVGDocument;
objet=svgdoc.getElementById('mapizza');
objet.setAttribute("display","none");}
]]></script>

<input type="radio" name="aff" value="afficher" onclick="afficher(evt);/> AFFICHER<br />
<input type="radio" name="taille" value="masquer" onclick="masquer(evt);"/> MASQUER
</p>
</form>
</td>

<td>
<svg id="pizza" width="300" height="200" xmlns="http://www.w3.org/2000/svg">
<circle id='mapizza' cx='150' cy='100' r='80' stroke='black' stroke-width='2' style='fill:yellow' />
</svg>
</td>

[alain.couthures]

Il n'y a pas à utiliser getSVGDocument() car le SVG est dans le document XHTML et non pas dans un document .svg.

Il suffit donc de faire ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<td>
  <form>
  <p>Afficher/Masquer :</p>
  <p>
   <script language="JavaScript" type="text/javascript">
    <![CDATA[
    function afficher(){
     objet=document.getElementById('mapizza');
     objet.setAttribute("display","inline");
    }
    function masquer(){
     objet=document.getElementById('mapizza');
     objet.setAttribute("display","none");}
   ]]>
   </script>
   <input type="radio" name="aff" value="afficher" onclick="afficher();" checked="checked"/> AFFICHER<br />
   <input type="radio" name="aff" value="masquer" onclick="masquer();"/> MASQUER
  </p>
 </form>
</td>
<td>
   <svg xmlns="http://www.w3.org/2000/svg" id="pizza" width="300" height="200">
     <circle id='mapizza' cx='150' cy='100' r='80' stroke='black' stroke-width='2' style='fill:yellow' />
   </svg>
 </td>

[KiMbOoO]

Okiiiiii !!!! En effet merci du coup de main