Jonathan,
Thanks - but as I suspected, you did not understand the problem from
http://tech.groups.yahoo.com/group/svg-developers/message/58615. Your
CSS solution only matches the existing functionality, but the poster
was asking for something additional.
When the mouse is hovered over a small blue rectangle ("FG"), the
corresponding green rectangle ("BG") should also change colour. This
is not possible with the existing structure of SVG elements or using
CSS, that is why I suggested using JavaScript to determine when a blue
rectangle is hovered to programmatically turn the underlying "BG"
rectangle colour as well.
As for people without a mouse, you could tie focus/blur events to the
same functions as mouseover/mouseout to get equivalent functionality,
correct?
And yes Domenic, we've spent too long on this already ;)
Jeff
--- In [email protected], "~:''
ãããã¨ãã"ããã¾ããã" <[EMAIL PROTECTED]> wrote:
>
> Jeff, Domenico & Rainer,
>
> a CSS solution is given below, it seems to me to have identical
> interactivity to that supplied.
> Please let me know if I have misunderstood the issue.
>
> Please also note the possibility that someone might choose or need to
> navigate without using a mouse.
> Bugs I have filed regarding this are in progress.
>
> I refer you once again to http://www.peepo.co.uk/index.svg
>
> best wishes
>
> Jonathan Chetwynd
>
> <?xml version="1.0" encoding="utf-8" standalone="no"?>
> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG
> 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd";>
> <svg xmlns="http://www.w3.org/2000/svg";
> xmlns:xlink="http://www.w3.org/1999/xlink";
> width="100%" height="100%"
> viewBox="0 0 450 250"
> >
> <defs>
>
>
> <style type="text/css" id="css"><![CDATA[
>
> .BG:focus {fill: #ff0}
> .BG:hover {fill: #ff0}
>
> .FG:focus {fill: #f00}
> .FG:hover {fill: #f00}
>
> ]]></style>
>
> </defs>
>
> <g fill="green" >
> <rect x="50" y="50" width="50" height="50" class="BG" />
> <rect x="100" y="50" width="50" height="50" class="BG" />
> <rect x="150" y="50" width="50" height="50" class="BG" />
> <rect x="50" y="100" width="50" height="50" class="BG" />
> <rect x="100" y="100" width="50" height="50" class="BG" />
> <rect x="150" y="100" width="50" height="50" class="BG" />
> </g>
>
> <g fill="blue" >
> <rect x="65" y="75" width="10" height="10" class="FG" />
> <rect x="125" y="75" width="10" height="10" class="FG" />
> </g>
>
> </svg>
>
-----
To unsubscribe send a message to: [EMAIL PROTECTED]
-or-
visit http://groups.yahoo.com/group/svg-developers and click "edit my
membership"
----
Yahoo! Groups Links
<*> To visit your group on the web, go to:
http://groups.yahoo.com/group/svg-developers/
<*> Your email settings:
Individual Email | Traditional
<*> To change settings online go to:
http://groups.yahoo.com/group/svg-developers/join
(Yahoo! ID required)
<*> To change settings via email:
mailto:[EMAIL PROTECTED]
mailto:[EMAIL PROTECTED]
<*> To unsubscribe from this group, send an email to:
[EMAIL PROTECTED]
<*> Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
