Bouton qui lance une animation

**shores** · 03/08/2013, 19h21

Bonsoir,

sur ma page web j'ai mis un bouton et je souhaiterais quand on clique dessus cela lance une petite animation flash et qu'on puisse la refermer en recliquant sur le bouton tout en restant sur la même page.

Déjà est ce possible (je débute) et si oui comment puis je faire ?

**zulad** · 03/08/2013, 21h08

Bonjour, avec du javascript tu peux injecter le tag <objet ...></objet> qui comprend ton fichier flash.

L'instruction pour faire ça serait :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<div id="flashTrip"></div>
<input type="button" onclick="loadTrip('anim1');" />
<script>
 
function loadTrip(nomDeAnimation)
{
 
   document.getElementById("flashTrip").innerHTML = "<object type="application/x-shockwave-flash" align="middle" data="http://urlDeTonSite/"+nomDeAnimation+".swf" width="100%" height="100%" id="xtSWF0-q4u" style="visibility: visible;"><param name="quality" value="high"><param name="bgcolor" value="#FAFAFA"><param name="allowscriptaccess" value="always"><param name="allowfullscreen" value="true"><param name="wMode" value="transparent"><param name="scale" value="exactFit"><param name="flashVars" value=""><param name="play" value="true"><param name="autoplay" value="true"></object>";
 
}
 
</script>

En mettant ton url à la place de "urlDeTonSite" dans le code ici au dessus ça devrais le faire

D'ailleurs merci de m'y avoir fait penser, j'en aurai besoin dans un projet.
Je vais voir si ça marche. Je te tiens au courant

**shores** · 04/08/2013, 20h11

bonsoir,

merci beaucoup je vais tester ça et je te dis quoi

**shores** · 06/08/2013, 09h00

bonjour,

j'ai essayé avec ton code mais ça ne fonctionne pas chez moi donc j'ai essayé d'en faire un autre donc mon bouton lance bien l'animation par contre elle se lance sur une autre page et en plein écran que faut 'il que je rajoute pour qu'elle se lance sur la même page et qu'elle soit redimensionner en 500 x 400

Code :

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

1
2
3
4
5
6
</div>
 
   <div width="100%" height="100%" align="right" valign="middle">
 
<a href="flash/movie1.swf"><IMG src="images/bouton1.png"></a>
  </div>

**zulad** · 06/08/2013, 11h37

Salut, j'ai essayé et ça marche online :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<body>
 
<div id="flashTrip"></div>
<input type="button" onclick="loadTrip('manar');" value="play"/>
<script>
 
function loadTrip(nomDeAnimation)
{
 
   document.getElementById("flashTrip").innerHTML = '<object type="application/x-shockwave-flash" align="middle" data="http://inkodeo.be/+TMP/'+nomDeAnimation+'.swf" width="100%" height="100%" id="xtSWF0-q4u" style="visibility: visible;"><param name="quality" value="high"><param name="bgcolor" value="#FAFAFA"><param name="allowscriptaccess" value="always"><param name="allowfullscreen" value="true"><param name="wMode" value="transparent"><param name="scale" value="exactFit"><param name="flashVars" value=""><param name="play" value="true"><param name="autoplay" value="true"></object>';
 
}
 
</script>
 
</body>
</html>

N'oublie pas de mettre ton url ici : data="http://inkodeo.be/+TMP/'+nomDeAnimation+'.swf"-> moi c'est inkodeo...
Et de changer le nom d'appael dans la fonction du bouton ici :

Code :

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

<input type="button" onclick="loadTrip('manar');" value="play"/>

-> moi c'est manar

Sinon, j'avais oublié de mettre le <objet ...></objet> entre ' ' , à la place c'était " ", donc ça ne marchait pas.

Je t'ai mis mon exemple en ligne ici pour que tu regardes la source : http://inkodeo.be/+TMP/test.html

PS : Ce que tu fais dans ton exemple c'est de diriger sur une autre page justement...

**shores** · 06/08/2013, 21h32

bonsoir,

déjà merci pour ta réponse mais je ne doit pas être doué car j'ai bien rentré le code j'ai juste le bouton qui apparait et quand je clique dessus le bouton descend un peut et c'est tout rien ne se lance je vais continuer je finirais bien par y arriver.

Bouton qui lance une animation

HTML

Vue hybride

Discussions similaires

Partager

Partager