Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

UTILISATION DE GETELEMENTBYID.INNERHTML() POUR CHANGER UN FICHIER SWF


Information sur la source

Catégorie :Trucs & Astuces Niveau : Initié Date de création : 07/04/2004 Date de mise à jour : 07/04/2004 16:50:50 Vu / téléchargé: 16 211 / 544

Note :
6,5 / 10 - par 4 personnes
6,50 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (2)
Ajouter un commentaire et/ou une note

Description

Ce script permet de changer un fichier swf (Flash) à l'aide d'un évènement, ici un lien texte.

La fonction javascript change_swf placée entre les balises <head> et </head>, place le contenu HTML adéquat dans la balise ayant comme identifiant le nom flash.
 

Source

  • <head>
  • <script language="JavaScript" type="text/JavaScript">
  • function change_swf(file_name)
  • {
  • var line="<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0' width='300' height='200'> <param name='movie' value='"+file_name+"'> <param name='quality' value='high'> <embed src='"+file_name+"' quality='high' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' width='300' height='200'></embed> </object> ";
  • document.getElementById("flash").innerHTML = line;
  • }
  • </script>
  • </head>
  • <body>
  • <p id="flash"></p>
  • <a href="javascript:change_swf('file1.swf');">File1</a>
  • <a href="javascript:change_swf('file2.swf');">File2</a>
  • </body>
<head>

<script language="JavaScript" type="text/JavaScript">
function change_swf(file_name)
{
	var line="<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0' width='300' height='200'>      <param name='movie' value='"+file_name+"'>      <param name='quality' value='high'>      <embed src='"+file_name+"' quality='high' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' width='300' height='200'></embed>    </object>	";
	document.getElementById("flash").innerHTML = line;
}
</script>

</head>
<body>

<p id="flash"></p>
<a href="javascript:change_swf('file1.swf');">File1</a>
<a href="javascript:change_swf('file2.swf');">File2</a>

</body>

Conclusion

Dans le code affiché, j'utilise la balise <p> pour afficher le fichier swf. C'est pas conventionnel, mais c'était plus simple à écrire et cela fonctionne.
Dans le fichier zip, c'est la balise <td> qui est utilisée car l'élément swf est placé dans un tableau.

On peut de plus lancer un élément Flash au chargement de la page en insérant un onload dans la balise <body>:
<body onLoad="javascript:change_swf('intro.swf');">

Cela doit fonctionner avec tous les navigateurs.

Les fichiers swf sont fait avec PowerBullet (Freeware).
 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Commentaires et avis

signaler à un administrateur
Commentaire de chimelpremier le 08/04/2004 12:56:34

Simple mais ça fonctionne. Celui qui veux l'utiliser doit prévoir un lien HTML classique  pour éviter la page blanche à ses visiteurs sans js.
J'ai téléchargé powerbullet, ça a l'air pas mal. Connais-tu une adresse pour une aide ou un tutoriel en français ?

signaler à un administrateur
Commentaire de masterpingouin le 24/04/2004 11:56:52

Ouais c'est simple et pas mal du tout:
J'ai conbiné cette source avec un menu en gif, histoire de créer, une sorte de menu intéractif.
Il est possible, en plus, de créer des petit jeux, avec des questions à choix multiples, MERCI

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Janvier 2009
LMMJVSD
   1234
567891011
12131415161718
19202122232425
262728293031 

Consulter la suite du CalendriCode



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,499 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.