IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Animation à afficher dans un div


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    20
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 20
    Points : 17
    Points
    17
    Par défaut Animation à afficher dans un div
    Bonjour,

    Je souhaite afficher un .swf dans un <div> suite à onClick.
    J'y arrive pour un .gif mais pas pour le swf.
    Mon code est le suivant:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    <!--Div qui devrait servir d'écran d'affichage des photos et animations -->
    <div id="image"><img src='default.JPG' width='450px' height='270px' name='vue'></div>
     
    <!--Liste des aniamations à afficher -->
    <div class="list">
    <TABLE border='1'>
    <TR><TD>Nom</TD><TD>Image</TD></TR>
    <TR><TD>Thierry</TD><TD><A href='#' onmouseover=document.images['vue'].src="flash.swf">affiche</a></TD></TR>
    <TR><TD>Christine</TD><TD><A href='#' onmouseover=document.images['vue'].src="image.gif">affiche</a></TD></TR>
    </TABLE>
    </div>
    mon problème est le démarrage du .swf qui ne démarre pas(c bien normal) dans une balise img.
    Merci par avance pour votre aide.

  2. #2
    Membre émérite Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Points : 2 444
    Points
    2 444
    Par défaut
    Bonjour,
    tu as quelques problème de syntaxe: les valeur d'attribut HTML doivent être comprises entre guillemets et non entre simples quotes comme en PHP.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onmouseover="..." href="..."
    Deuxièmement le document.images ne permet pas d'afficher un fichier
    autre qu'une image.

    L'affichage et l'interprétation d'un swf nécessite le chargement d'un plug-in, il
    doit donc être inséré dans un élément Object.

  3. #3
    Membre à l'essai
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    20
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 20
    Points : 17
    Points
    17
    Par défaut
    problème de syntaxe!!??Pas si sûr ce code est bien lu par les différents navigateurs.
    Mon problème était plutôt dans l'affichage des animations et photos, j'ai utilisé la solution suivante:
    http://blog.deconcept.com/swfobject/

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <script language="JavaScript">
    	function photo_flash( image ){
    var so = new SWFObject(image, "pullContent", "200", "100", "8", "purple");
    so.write("photo");
    }
    Avec ce code, les .swf et images .jpg,.gif, ... sont affichés.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <div id='photo'></div>
    <div id='lien'><A href='#' onclick=photo_flash('flash.swf');>affiche</a></div>

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 2
    Dernier message: 03/03/2010, 14h53
  2. Image survolée qui s'affiche dans 2 div différentes
    Par cruchovic dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 10/12/2009, 11h54
  3. taille du contenu afficher dans un <div>
    Par J0r_x dans le forum Débuter
    Réponses: 2
    Dernier message: 03/03/2009, 18h40
  4. [W3C] Afficher dans un div apres clic menu
    Par lorenzo62 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 04/01/2008, 18h59
  5. Module Chat : atteindre la dernière ligne affiché dans un DIV
    Par hatembr dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 29/06/2006, 13h17

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo