[javascript] Flash clickable

**lthomas** · 17/03/2006, 12h21

Bonjour je suis novice dans cette technno.

Voila j'ai creer un flash qui est visible sur mon site.Je souhaite que quand l'utilisateur click sur ce flash il soit rediriger vers une page http://google.com par exemple.
Je ne sais pas comment fair e.
Voila mon code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<A HREF="#" onclick="javascript: document.location.href='http://www.google.fr'">
<object type="application/x-shockwave-flash" data="test.jpg" width="100px" height="100px">
<param name="movie" value="test.jpg" /><param name="wmode" value="transparent" /></object></A>

Mais ceci ne fonctionne pas ..je suis rediriger vers une page blanche et le flash n'est clickable qu'a la fin de l'animation...
Merci pour votre aide.

**SpaceFrog** · 17/03/2006, 14h16

ben gère le click dans le flash, pas en javascript ...
ou alors colle un div au dessus du flash qui prendra le click ...

**lthomas** · 17/03/2006, 15h30

ba oui mais ca ne fonctionne pas ...j'ai fait ca ...et je peux cliquez qu' a la fin de l'execution du flash et si je clique ca me redirige vers une page inconnu genre htt://www.test.net/pages_fr

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<div id="176" onClick="javascript: document.location.href='http://www.google.fr'"  style="DISPLAY: block; Z-INDEX: 1000; LEFT: 0px; VISIBILITY: Visible; WIDTH: 100px; POSITION: absolute; TOP: 0px; HEIGHT: 100px; BACKGROUND-COLOR: transparent">
<table cellpadding="0" cellspacing="0" width="100" height="100" border=0>
<tr>
<td>
	<object  type="application/x-shockwave-flash" data="test/Cache/BannerImages/{6afe6830-2918-40fc-983d-dffd739ddbb2}.phh" width="100px" height="100px" id="Flash176"><param name="movie" value="/test/Cache/BannerImages/{6afe6830-2918-40fc-983d-dffd739ddbb2}.phh" /><param name="wmode" value="transparent" /></object>
</td>
</tr>
</table>
</div>

**SpaceFrog** · 17/03/2006, 15h33

a tout hasard as tu essaye le onclick de la balise object ?

**lthomas** · 17/03/2006, 15h36

Oui et ca me fait exactement la meme chose ... je ne vois pas ..
Merci de ton aide

**SpaceFrog** · 17/03/2006, 15h39

la seule possibilité que je vois serait de coller un div en z-index au dessus ...

**lthomas** · 17/03/2006, 16h50

Ben non , en fait un flash ne peut se rendre clickable que par ses parametres internes et non pas par la propriete 'Onclick'
...voila .
Merci quand meme pour ton aide

**SpaceFrog** · 17/03/2006, 16h56

et le coups du div au dessus ???

**lthomas** · 17/03/2006, 16h56

Il ne marchait pas non plus

**SpaceFrog** · 17/03/2006, 16h59

pourquoi donc ?

**lthomas** · 17/03/2006, 17h00

Ca me faisait exactement la meme chose. Pas de changement

**SpaceFrog** · 17/03/2006, 17h02

???
tu as le code ?
je suis quasiment sur que c'est possible

**lthomas** · 17/03/2006, 17h15

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<div id="176"  style="DISPLAY: block; Z-INDEX: 1000; LEFT: 0px; VISIBILITY: Visible; WIDTH: 100px; POSITION: absolute; TOP: 0px; HEIGHT: 100px; BACKGROUND-COLOR: transparent">
   <table cellpadding="0" cellspacing="0" width="100" height="100" border=0>
     <tr>
        <td><div onClick="javascript: document.location.href='http://www.google.fr'"  style="DISPLAY: block; Z-INDEX: 1000;>
	<object id="176"  type="application/x-shockwave-flash" data="test/{6afe6830-2918-40fc-983d-dffd739ddbb2}.phh" width="100px" height="100px" >  <param name="movie" value="test/{6afe6830-2918-40fc-983d-dffd739ddbb2}.phh" /><param name="wmode" value="transparent" />    
                </object>
        </div>
    </td>
   </tr>
</table>
</div>

**SpaceFrog** · 17/03/2006, 17h19

il me semblait bien l'avoir déja terrassé celui là !!!

deux solutions:
soit une image .gif de 1 pixel transparent:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<object style="position:absolute;z-index:-100; top:100;left:100;height:100;width:100;border:solid 2px red;"></object>
<div style="position: absolute; z-index: 100; cursor: pointer; top: 100; left: 100; height: 100; width: 100; background-image: url('transp.gif'); background-repeat: repeat;" onclick="alert('coucou')" ></div>

soit une image .gif tansparente de la taille de l'objet et on utilise juste une balise img sur le même principe ...