Entonces, estoy usando, jQuery SWFObject Plugin, para mostrar el swf y para que se puedan pasar variables entre ellos. Me estoy basando en el ejemplo 5, de los ejemplos que muestran en la página del plugin.
En el swf, tengo los botones y en cada uno le pongo en la variable message, el nombre del archivo que debe cargar.
Cita:
En el html:on (press) {
_root.message='pag_a_Mostrar.html';
}
_root.message='pag_a_Mostrar.html';
}
Cita:
<head>
<script src="jquery.core.1-3-2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.swfobject.1-0-7.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(
function () {
$('#flash .movie').flash(
{
swf: 'clip.swf',
params: {
play: false
},
flashvars: {
message: 'I come from Flash.'
},
height: 100,
width: 200
}
);
}
);
</script>
// para cargar html en el div
<script type="text/javascript">
$(document).ready(function(){
var cual="$('#flash').flash(function(){GetVariable('/:message')});";
var emi = "#flash"; //Emisor
var rec = "#show"; //Receptor
var src = "loading.gif"; //Imageen de precarga
var iid = "loading"; //Id de la precarga
var pre = '<img src="'+src+'"id="'+iid+'"/>'; //Objeto precarga
var spe = "slow"; //Velocidad del efecto
$(emi).each(function(){
$(this).click(function(){
$(rec).hide().after(pre).load(cual, function() {$("#"+iid).remove();$(this).fadeIn(spe)});
return false; //Para que no se redireccione.
});
});
</script>
</head>
<body>
<div id="show"> Aqui se deberia cargar html</div>
<!-- Inici Flash -->
<div id="flash">
<div class="movie"></div>
</div>
</body>
<script src="jquery.core.1-3-2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.swfobject.1-0-7.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(
function () {
$('#flash .movie').flash(
{
swf: 'clip.swf',
params: {
play: false
},
flashvars: {
message: 'I come from Flash.'
},
height: 100,
width: 200
}
);
}
);
</script>
// para cargar html en el div
<script type="text/javascript">
$(document).ready(function(){
var cual="$('#flash').flash(function(){GetVariable('/:message')});";
var emi = "#flash"; //Emisor
var rec = "#show"; //Receptor
var src = "loading.gif"; //Imageen de precarga
var iid = "loading"; //Id de la precarga
var pre = '<img src="'+src+'"id="'+iid+'"/>'; //Objeto precarga
var spe = "slow"; //Velocidad del efecto
$(emi).each(function(){
$(this).click(function(){
$(rec).hide().after(pre).load(cual, function() {$("#"+iid).remove();$(this).fadeIn(spe)});
return false; //Para que no se redireccione.
});
});
</script>
</head>
<body>
<div id="show"> Aqui se deberia cargar html</div>
<!-- Inici Flash -->
<div id="flash">
<div class="movie"></div>
</div>
</body>
Creo que no hago bien lo de recoger la variable message para que me haga la carga. Poque si hago un input para que me muestre el valor de la variable cada vez que clicko un item del menú, me muestra el correcto.
El tema es como llamar a la función load de jquery des de el flash? porque desdel html no me va o es que lo hago mal...? o se debe hacer de otra manera?
Podrían ayudarme?
Gracias de antemano.