> [...]
> my question is: It is possible to modify from
> ECMAScript, the property 'visibility' of an arbitrary
> CSS class (eg 'teufel') and to expect the document
> update the elements properly. If yes, somebody can
> tell me how?
> [...]

Hi,

I would do something like creating two CSS classes and modifying the class attribute of the elements or group of elements.

See code bellow.

Hope that helps.

Thomas

PS Your question should perhaps have been sent to
   <http://groups.yahoo.com/group/svg-developers/>

----------------------------------------------------------------------------------
<?xml version="1.0" standalone="no"?>
<svg:svg
  width="200mm" height="200mm"
  viewBox="0 -200 1000 500" preserveAspectRatio="xMinYMin meet"
  xmlns:svg="http://www.w3.org/2000/svg";
  xmlns:xlink="http://www.w3.org/1999/xlink";>

   <style type="text/css"><![CDATA[
    .teufelVisible
     {
       fill:red;
       stroke:blue;
       stroke-width:.1;
       visibility:visible;
     }
    .teufelNotVisible
                 {
       visibility:hidden;
     }
   ]]></style>

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

document.getElementById("teufel02").setAttribute('class','teufelNotVisible');

]]></script>




   <svg:rect
     x="100" y="100"
     width="300" height="100"
     id="teufel01"
     class="teufelVisible"
   />
   <svg:rect
     x="300" y="-100"
     width="300" height="100"
     id="teufel02"
     class="teufelVisible"
   />

 </svg:svg>
----------------------------------------------------------------------------------

Bernardo Buffa Colomé wrote:
Hi. Given a doc like this:

<?xml version="1.0" standalone="no"?>
<svg:svg
  width="200mm" height="200mm"
  viewBox="0 0 1000 500" preserveAspectRatio="xMinYMin
meet"
  xmlns:svg="http://www.w3.org/2000/svg";
xmlns:xlink="http://www.w3.org/1999/xlink";

  <style type="text/css"><![CDATA[
    .teufel
    {
      fill:red;
      stroke:blue;
      stroke-width:.1;
      visibility:visible;
    }
  ]]></style>

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



  <svg:rect
    x="100" y="100"
    width="300" height="100"
    id="teufel01"
    class="teufel"
  />
  <svg:rect
    x="300" y="-100"
    width="300" height="100"
    id="teufel02"
    class="teufel"
  />

</svg:svg>




my question is: It is possible to modify from ECMAScript, the property 'visibility' of an arbitrary CSS class (eg 'teufel') and to expect the document update the elements properly. If yes, somebody can tell me how?

Thanks in advance. And congratulations for the great
human effort behind Batik!

Bernardo




___________________________________________________ Yahoo! Messenger - Nueva versión GRATIS Super Webcam, voz, caritas animadas, y más... http://messenger.yahoo.es

---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]


---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]



Reply via email to