javascript et innerHTML

j'ai une page d'essai qui me sert essentiellement à tester des svg.

par un js je cherche à changer l'innerHTML d'une div.

je fabrique l'innerHTML à partir d'un index représentant un des n svg à
visualiser :

function getInnerHTML(idx)
{
if (idx < 10) idx = "0"+idx;
html="<object
data='http://yvon-thoraval.com/SVG/essais/leafnode_lock_opening_svg/leaf
node_lock_opening_"+idx+".svg' type='image/svg+xml' ";
html+="width='600' height='600'>";
html+="<embed
src='http://yvon-thoraval.com/SVG/essais/leafnode_lock_opening_svg/leafn
ode_lock_opening_"+idx+".svg' type='image/svg+xml' ";
html+="width='600' height='600' ";
html+="pluginspage='http://www.adobe.com/svg/viewer/install/' />";
html+="</object>";
return html;
}


j'ai mis l'adresse absolue dès fois que...

mais ça ne marche pas plus, le reste du script :

function findDOM(o_id)
{
if (document.getElementById)
{
return (document.getElementById(o_id));
}
if (document.all)
{
return (document.all[o_id]);
}
}
function openLock()
{
o=findDOM("svg_id");
if(o)
{
o.innerHTML=getInnerHTML(16);
alert(o.innerHTML);
}
}

window.onload=openLock;

ça n'a rien de spécial.

et pourtant ça ne marche pas :[

ce qui se passe :

je vérifie que le innerHTML de la div d'id = svg_id a bien changé par
alert(o.innerHTML);

mais, à l'écran, si je vois bien que le innerHTML et rechargé, il reste
cependant que ça ne s'affiche pas.

la page :

<http://yvon-thoraval.com/SVG/essais/leafnode_lock_opening_svg/leafnode_
lock_opening.html>

le premier svg par défaut :

<http://yvon-thoraval.com/SVG/essais/leafnode_lock_opening_svg/leafnode_
lock_opening_08.svg>

le second, après onload :

<http://yvon-thoraval.com/SVG/essais/leafnode_lock_opening_svg/leafnode_
lock_opening_16.svg>


je ne pige pas ce qui se passe d'autant que la console js (je teste avec
firefox 2 version fr)...

si qq'un a une idée...

quan au moins un basculement de *08.svg vers *16.svg fonctionnera, je
pense ajouter un timer afin de vsualiser les 17 svg du dossier...
--
Une Bévue