Hi everybody.
First of all i'll say that i'm a complete noob with jquery, so i'm sorry about it...
I'm using the code at the end to dynamically change flash objects without having to refresh the page, but i have two problems:
1. The jquery code changes the page title to "#". Is there a way to avoid that change or to force a correct title rewritement? (i'm trying this with document.title="mytitle" at the end of the javascript function, but no way when i click anywere in the page)
2. The flash object changes correctly and the page doesn't refresh, but the page scrolls up to the top each time i click in a link. Is there any way to avoid this scrolling and leave the page where it is?
<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>
Thanks in advance.