event bubbling and focusHighlight

event bubbling and focusHighlight

is the behaviour of Opera 9.5 with respect to the focusHighlight in  
the example attached correct?

http://www.openicon.org/temp/focusable-scriptFocus-opera.svg

would other similar examples improve our understanding?

regards


Jonathan Chetwynd

j.chetwynd@btinternet.com
http://www.openicon.org/

+44 (0) 20 7978 1764


<?xml version='1.0' encoding='UTF-8' standalone='no'?>
<svg xmlns='http://www.w3.org/2000/svg'  xmlns:xlink='http://www.w3.org/1999/xlink' 
  version='1.2' width='100%' height='100%' onload='init(evt)'>
<title>focusable use remote with external script</title><desc>You can  
also upload links to your own categories or topics</desc>

<script type='text/ecmascript' ><![CDATA[
       function init(e) {
holder=document.getElementById('fruit');
holder.addEventListener('focus',iconSearch,false);
}

function iconSearch(e) {
alert("OK");
}

     ]]></script>

<use xlink:href="http://www.openicon.org/icon-ark/mulberry/fruit.svgz#fruit 
" x="0%" y="65%" width="14%" height="14%" id="fruit" />
<use xlink:href="http://www.openicon.org/icon-ark/mulberry/fruit.svgz#fruit 
" x="25%" y="65%" width="14%" height="14%" focusable="true"  
onfocusin="iconSearch(evt)" />
<use xlink:href="http://www.openicon.org/icon-ark/mulberry/fruit.svgz#fruit 
" x="50%" y="65%" width="14%" height="14%" focusable="true" />

</svg>