En este sencillo Tip mostraré un ejemplo de como sustituir un archivo SWF de una página HTML por otro sin necesidad de refrescar la página. (ejemplo)
Para ello utilizaremos SwfObject y JQuery. En realidad JQuery no haria falta utilizarlo ya que quien sustituirá el SWF será SwfObject y podriamos hacer la llamada con una simple funcion Javascript. Pero nunca está de más ver un poco de Ajax ![]()
Para empezar nos descargaremos las librerias:
Código :
<html>
<head>
<script type="text/javascript" src="swfobject.js"></script>
<script>
function putSWF(swf){
swfobject.embedSWF(swf, "flash", "320", "240", "10.0.0", "expressInstall.swf");
};
putSWF("a.swf");
</script>
</head>
<body>
<div id="flash"></div>
</body>
</html>Código :
<body> <div id="botonera"> <p> <a id="a" href="#">a.swf</a> - <a id="b" href="#">b.swf</a> - <a id="c" href="#">c.swf</a> </p> </div> <div id="flash"></div> </body>
Código :
var swfRef = {
a: "a.swf",
b: "b.swf",
c: "c.swf"
};Código :
$(function(){
$.each(swfRef, function(i, val){
$("#" + i).click(function(){
putSWF(val);
});
});
$("#a").click();
});Código :
<html>
<head>
<script type="text/javascript" src="swfobject.js"></script>
<script src="lib/jquery/jquery-1.3.2.js"></script>
<script>
function putSWF(swf){
swfobject.embedSWF(swf, "flash", "320", "240", "10.0.0", "expressInstall.swf");
};
var swfRef = {
a: "a.swf",
b: "b.swf",
c: "c.swf"
};
$(function(){
$.each(swfRef, function(i, val){
$("#" + i).click(function(){
putSWF(val);
});
});
$("#a").click();
});
</script>
</head>
<body>
<div id="botonera">
<p>
<a id="a" href="#">a.swf</a>
- <a id="b" href="#">b.swf</a>
- <a id="c" href="#">c.swf</a>
</p>
</div>
<div id="flash"></div>
</body>
</html>
javascript
ajax
jquery
swfobject

Dybite-blog :