problème lien sur balise object

[Lexa]

Bonjour à tous,

Je suis entrain de terminer un site pour un loueur de véhicule.

Dans le site il y a une animation flash que je récupère du site officiel (je charge directement l'animation de la-bas car elle change souvent, c'est genre la promo du mois) avec autorisation biensur :wink:

Mon but est que j'attribue un lien à l'animation vers une page du site.

Le flash c'est vraiment galère, déjà j'ai lutté pour rendre valide la balise... Bref... J'aimerais en finir :mrgreen:

Pour l'instant j'ai fait ça (ca fonctionne sous FF mais pas sous IE et Opera)

<object onclick="javascript:window.location.href='url-de_la_page';"

Qq1 à une soluce?

Merci d'avance !

 

[UsagiYojimbo]

Tu as une manière de faire ici (via le positionnement d'une div au-dessus de l'animation) : http://forum.hardware.fr/hfr/Programmation/Flash-ActionScript/imposer- ... 2416_1.htm

 

[Lexa]

oulala...

Là ca fonctionne avec IE et Opera même si ça flingue tout mon css (ca ca se corrige, pas grave) mais c'est FF qui bloque maintenant...

C'est pas très propre tous ça :lol:

Comment faire pour que le code soit choisi selon le navigateur ?

Mon code :

<div class="flash" onclick="top.location.href('lien_voulu');">     
        <a href="lien_voulu"><img src="transparent.gif" alt="" width="500" height="80" style="border: 0px;" /></a></div>
          <div class="flash2"><object type="application/x-shockwave-flash" data="/swf/bando_500x80.swf" width="500" height="80">
<param name="movie" value="/swf/bando_500x80.swf" />
<param name="wmode" value="transparent" />
</object>
    </div>

Et le css :

.flash{
	padding-top: 67px;
	position: absolute;
	z-index: 2;
   width: 500;
   height: 80;
   opacity: 0.0;
   filter : alpha(opacity=0); 
}	

.flash2 {
	padding-top: 67px;
	z-index: 1;
	position: absolute;
   width: 500;
   height: 80; 
}

A noter que sous opera ça fonctionne pas sans le lien sur l'image transpente, ce qui démontre que l'image se met bien au dessus de l'anim... :wink:

 

[Lexa]

En fait ca marche !!

Juste le chemin de mon image transparente qui allait pas... :roll: :mrgreen:

Bon plus qu'a réparer le css... :wink:

Merci UsagiYojimbo !

 

[jcaron]

Il n'y a pas déjà un lien cliquable dans le flash qui serait modifiable par une variable genre clickTag?

Jacques.

 

[Lexa]

Le problème était que l'anim flash vient du site officiel et pointait donc vers un lien interne à celui ci...

Je vais recopier le bout de code pour les gens qui aurait la manip à faire (valide w3c, testé sous opéra, FF et IE7)

Ca évitera 3h de recherche et un mal de crâne pour la peine :roll: :mrgreen:

Dans le html :

<div class="flash" onclick="top.location.href('url_voulue');">     
<a href="url_voulue"><img src="transparent.gif" alt="" width="500" height="80" style="border:0; margin:0; padding: 0;" /></a>
</div>
<div class="flash2">
<object type="application/x-shockwave-flash" data="url_du_flash" width="500" height="80">
<param name="movie" value="url_du_flash" />
<param name="wmode" value="transparent" />
</object>
 </div>

le css :

.flash{
	position: absolute;
	z-index: 2;
	width: 500px;
	height: 80px;
	padding: 0;
	margin: 0;
}	
.flash2 {
	position: absolute;
	z-index: 1;
	width: 500px;
	height: 80px;
	padding: 0;
	margin: 0;
}

La position absolute des div est obligatoire !