Foros del Web - Ver Mensaje Individual - Como enlazar un archivo flash a otra página

emprear · #5 (**permalink**) 29/06/2011, 14:56

danicla:

Es un poco rebuscada la solución, y no se si es factible inseratr en un blog

Por un lado podrias hacer esto

Código HTML:

Ver original<div id="flash" onclick="window.location.href='http://google.com'">
<object type="application/x-shockwave-flash" data="b.swf" width="400" height="300">
<param name="movie" value="b.swf" />
<param name="loop" value="false" /> 
<param name="menu" value="true" />
<param name="play" value="true" />
<param name="bgcolor" value="#8897db" />
<param name="wmode" value="transparent" />
<p class="getadobe">Flash Palyer no se encuentra o la versi&oacute;n no es compatible, utiliza el icono para ir a la p&aacute;gina de descarga <br />
<a href="http://get.adobe.com/es/flashplayer/" onclick="this.target='_blank'">Descargar Flash Player</a>
</p>
</object>
 
</div>

Es decir poner el object dentro de un div y al div darle el evento onclick con el link
Pero eso lamentablemente no funciona en todos los navegadores.
Algo que si funciona, pero ya más complejo

es

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Flash + Link</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
    
    
div#normal{
width: 400px;
height: 300px;
position: absolute;
top: 10px;
left: 300px;
}
    
div#vinculo {
width: 400px;
height: 300px;
position: absolute;
top: 350px;
left: 300px;
z-index: 100;
background-image : url(tr.gif);
cursor: pointer;
}
 
div#flash {
width: 400px;
height: 300px;
position: absolute;
top: 350px;
left: 300px;
z-index: 1;
}
</style>
</head>
<body>
<div id="vinculo" onclick="window.location.href='http://google.com'">Div encima del flash con link</div>
 
<div id="normal">
    Flash sin link<br />
<object type="application/x-shockwave-flash" data="b.swf" width="400" height="300">
<param name="movie" value="b.swf" />
<param name="loop" value="false" /> 
<param name="menu" value="true" />
<param name="play" value="true" />
<param name="bgcolor" value="#8897db" />
<param name="wmode" value="transparent" />
<p class="getadobe">Flash Palyer no se encuentra o la versi&oacute;n no es compatible, utiliza el icono para ir a la p&aacute;gina de descarga <br />
<a href="http://get.adobe.com/es/flashplayer/" onclick="this.target='_blank'">Descargar Flash Player</a>
</p>
</object>
</div>
 
<div id="flash" onclick="window.location.href='http://google.com'">
<object type="application/x-shockwave-flash" data="b.swf" width="400" height="300">
<param name="movie" value="b.swf" />
<param name="loop" value="false" /> 
<param name="menu" value="true" />
<param name="play" value="true" />
<param name="bgcolor" value="#8897db" />
<param name="wmode" value="transparent" />
<p class="getadobe">Flash Palyer no se encuentra o la versi&oacute;n no es compatible, utiliza el icono para ir a la p&aacute;gina de descarga <br />
<a href="http://get.adobe.com/es/flashplayer/" onclick="this.target='_blank'">Descargar Flash Player</a>
</p>
</object>
</div>
<div>
        <a href="http://validator.w3.org/check?uri=referer"><img
        src="http://www.w3.org/Icons/valid-xhtml10"
        alt="Valid XHTML 1.0 Strict" height="31" width="88" style="border: none;" /></a>
 
</div>
</body>
</html>

Es decir posicionar con absolute un segundo div sobre el div que contiene el object (tambien posicionado con absolute pero con un z-index menor.
el background-image del div #vinculo, es un gif transparente de 1x1 px, y es necesario para que funcione en IE

Demo
http://foros.emprear.com/flash/flash-link.html

Creo que más facil seria tratar de modificar tu fla y el action script si tenes acceso a la fuente, como ya te indicó @maroto20

Una aclaración, en mi código, el link con id normal, solo esta para el ejemplo de la demo

Saludos