Animatecolor problem

• From: Adrian Frischauf <adrianf@ags.uni-sb.de>
• Date: Mon, 15 Mar 2004 13:19:27 +0100
• To: www-svg@w3.org, svg-developers@yahoogroups.com
• Message-ID: <40559F4F.8000006@ags.uni-sb.de>

Hi,

I have a hard problem with the animate color tag:
- The rectangle that needs to be animated is behind some text.
- If you move the mouse pointer over the text, the animation triggers
   again.
- The text contains links, so I can not put a transparent rect
   in front of the text to trigger the mouseover...

Has anyone got a solution for that?
Here is my code.
Adrian

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" 
"http://www.w3.org/TR/2001/PR-SVG-20010719/DTD/svg10.dtd">
<svg width="400" height="300">
<defs>
<style type="text/css">
<![CDATA[
rect.Background{
stroke:none;
fill:rgb(255,250,234);
}
rect.Item{
fill:rgb(255,234,177);
stroke:rgb(249,192,87);
stroke-width:4px;
}
]]>
</style>
</defs>
<rect class="Background" x="0" y="0" width="400" height="300"/>

<g id="item1">
<rect class="Item" x="20" y="20" width="360"
  height="260" rx="10px" ry="10px">
   <animateColor attributeName="fill" begin="item1.mouseover"
    dur="1s" from="rgb(255,234,177)" to="rgb(255,250,234)" fill="freeze" />
   <animateColor attributeName="fill" begin="item1.mouseout"
    dur="1s" from="rgb(255,250,234)" to="rgb(255,234,177)" fill="freeze" />
</rect>
<text x="80" y="180" style="font-size:46; font-family:Arial, sans-serif; 
fill:Black; stroke:Black">
Klick <a xlink:href="http://www.google.de/"> here </a>
</text>
</g>
</svg>

Received on Monday, 15 March 2004 07:20:02 UTC