W3C home > Mailing lists > Public > www-svg@w3.org > February 2007

focusin

From: Jonathan Chetwynd <j.chetwynd@btinternet.com>
Date: Sun, 25 Feb 2007 20:35:40 +0000
Message-Id: <0154F348-B48F-4946-9596-510A5F5F7C29@btinternet.com>
Cc: Charles McCathieNevile <chaals@opera.com>
To: SVG List <www-svg@w3.org>

Chaals,

I guess I'll be filing some focusin bugs around the UAs
with a reduced test case!

weirdly this code works with Opera, using not QA but tab.
please don't ask why I tried tab key ~:"
initially it may require 6 or so tab hits, then another to stop...
including semicolons for other events adds additional errors
buggy but kinda intentional I guess

cheers

Jonathan Chetwynd

added 2 lines to your code:

    <a><rect id="mfocus" x="230" y="166" width="20" height="18"  
fill="green" /></a>

and swapped:
      begin="mfocus.focusin" end="mfocus.focusout"/>
for
      begin="up.mouseover;r.click"  
end="up.mouseup;up.mouseout;r.click"/>



<?xml version="1.1"?>
<svg xmlns="http://www.w3.org/2000/svg"
      xmlns:xl="http://www.w3.org/1999/xlink"
      width="12em" height="12em" viewBox="0 0 240 240">
<g transform="translate(120,120)">
   <g>
     <set attributeName="display" to="none" begin="b1.click"  
end="b2.click"/>
       <circle r="108" fill="#6f6" stroke-width="4" stroke="#090"  
id="b1" />
       <circle r="100" fill="none" stroke-width="3" stroke="black"
          stroke-dasharray="2,8.471976" transform="rotate(-.873)"  />
       <circle r="97" fill="none" stroke-width="9" stroke="white"
          stroke-dasharray="4,46.789082" transform="rotate(-1.5)"  />
   </g>
   <g>
     <set attributeName="display" to="none" begin="b2.click"  
end="b1.click"/>
       <circle r="108" fill="white" stroke-width="4" stroke="#099"  
id="b2">
         <animateColor attributeName="fill"  
values="white;red;black;blue;white" dur="10s" repeatCount="infinite"/>
       </circle>
       <circle r="97" fill="none" stroke-width="9" stroke="gold"
          stroke-dasharray="4,46.789082" transform="rotate(-1.5)" />
       <circle r="100" fill="none" stroke-width="3" stroke="black"
          stroke-dasharray="2,8.471976" transform="rotate(-.873)" >
         <animateColor attributeName="stroke"  
values="white;black;white" dur="10s" repeatCount="infinite" />
       </circle>
   </g>
   <g id="c" transform="rotate(180)">
     <g id="h">
       <line stroke-width="5" y2="80" stroke="black" opacity=".5" />
         <animateTransform attributeName="transform" type="rotate"
            repeatCount="indefinite" dur="12h" by="360" />
       <circle r="7" />
     </g>
     <g id="m">
       <line stroke-width="4" y2="95" stroke="red" opacity=".9" />
         <animateTransform attributeName="transform" type="rotate"
            repeatCount="indefinite" dur="60min" by="360" />
       <circle r="6" fill="red"/>
     </g>
     <g id="s">
       <line stroke-width="2" y2="100" stroke="blue" />
       <animateTransform attributeName="transform" type="rotate"  
additive="sum"
           repeatCount="indefinite" dur="60s" by="360" />
       <circle r="4" fill="blue"/>
     </g>
   </g>
</g>
   <polygon id="up" points="0 10 0 2 2 0 8 0 10 2 10 10"
      transform="translate(230, 106)" />
   <polygon id="down" points="0 0 0 8 2 10 8 10 10 8 10 0"
      transform="translate(230, 124)" />
   <rect id="r" x="230" y="116" width="10" height="8" fill="red" />
<a><rect id="mfocus" x="230" y="166" width="20" height="18"  
fill="green" /></a>
   <animateTransform attributeName="transform" type="rotate"  
xl:href="#m" id="mup"
      additive="sum" repeatCount="indefinite" dur="48s" by="4320"  
fill="freeze"
      begin="mfocus.focusin" end="mfocus.focusout"/>
    <animateTransform attributeName="transform" type="rotate"  
xl:href="#h"
      additive="sum" repeatCount="indefinite" dur="48s" by="360"   
fill="freeze"
      begin="mup.begin" end="mup.end"/>
    <animateTransform attributeName="transform" type="rotate"  
xl:href="#m" id="mdown"
      additive="sum" repeatCount="indefinite" dur="48s" by="-4320"    
fill="freeze"
      begin="down.mousedown;r.click"  
end="down.mouseup;down.mouseout;r.click"/>
    <animateTransform attributeName="transform" type="rotate"  
xl:href="#h"
      additive="sum" repeatCount="indefinite" dur="48s" by="-360"    
fill="freeze"
      begin="mdown.begin" end="mdown.end"/>
</svg>
Received on Sunday, 25 February 2007 20:36:01 GMT

This archive was generated by hypermail 2.3.1 : Friday, 8 March 2013 15:54:36 GMT