Nella pagina che ho postato io c'è la soluzione al problema, cosa non ti convince?
Il problema riguarda i tag APPLET, EMBED e OBJECT.
Inserendoli in questo modo viene chiesta l'attivazione dell'oggetto, senza la quale non vengono scatenati gli eventi, si può interagire tramite script, ma non partono i vari onmouseover, onclick, ecc...
codice:
<html>
<body>
<div id="DivID">
<OBJECT width="200" height="100" classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" URL="example.wmv" uiMode="none">
</div>
</body>
</html>
Anche in questo modo viene chiesta l'attivazione:
codice:
<html>
<body>
<div id="DivID">
<script type="text/javascript">
document.write("<OBJECT width=\"200\" height=\"100\" classid=\"clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6\" URL=\"example.wmv\" uiMode=\"none\">");
</script>
</div>
</body>
</html>
In questo modo non viene chiesta:
codice:
<html>
<body>
<div id="DivID">
<script type="text/javascript">
var myObject = document.createElement('object');
DivID.appendChild(myObject);
myObject.width = "200";
myObject.height = "100";
myObject.classid= "clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6";
myObject.URL = "example.wmv";
myObject.uiMode = "none" ;
</script>
</div>
</body>
</html>
Crei l'oggetto, lo appendi a un div contenitore e imposti le proprietà tramite DOM.
Ovvio che rimane più ordinato il codice se inserisci lo script in una funzione interna o meglio ancora esterna alla pagina, come nell'esempio dell'msdn.
codice:
<html>
<body>
<div id="DivID">
<script src="createElementExplicit.js"></script>
</div>
</body>
</html>