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

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

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

Code: Tout sélectionner

<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

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

Mon code :

Code: Tout sélectionner

<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 :

Code: Tout sélectionner

.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...

[Lexa]

En fait ca marche !!

Juste le chemin de mon image transparente qui allait pas...

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

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

Dans le html :

Code: Tout sélectionner

<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 :

Code: Tout sélectionner

.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 !