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 :

événéments sound et change image sur Onclick


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    142
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Janvier 2004
    Messages : 142
    Par défaut événéments sound et change image sur Onclick
    Bonjour,

    sur mon site, j'ai de la musique qui démarre automatiquement.
    j'ai une image 'son_on.jp' et quand je clique dessus mon image 'son_off.jpg' s'affiche et le son s'arrête correctement.

    Quand je reclique sur mon image, je reviens à la première image mais je n'arrive pas à refaire démarrer mon fichier son.

    Code pour démarrer le son au chargement de ma page :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    <script type="text/javascript" language="javascript">
    <!-- 
    var nomFichier="music/cloudy_sky.mp3";
    if (navigator.appName == "Microsoft Internet Explorer")
    document.writeln ('<bgsound  id="BGSOUND_ID" src="' + nomFichier + '">');
    else if (navigator.appName == "Netscape")
    document.writeln ('<embed  id="BGSOUND_ID" src="' + nomFichier + '" autostart=true loop=infinite>');
    // -->
    </script>
    <noscript>
    <bgsound src="music/cloudy_sky.mp3">
    </noscript>
    :

    événement sur mon fichier image 'son_on.jp':
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" onClick="stop_sound();change();">
    détails de stop_sound():
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    function stop_sound() {
     if (ie4) document.all['BGSOUND_ID'].src='jsilence.mid';
     if ((ns4||ns3)
      && navigator.javaEnabled()
      && navigator.mimeTypes['audio/x-midi']
     )
     {
      self.document.Bach.stop()
     }
    }
    détail de change():
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    var tab_image = new Array(2);
    for (var i=0; i< tab_image.length;i++)
        tab_image[i]= new Image();
    tab_image[0].src='images/son_on.jpg';
    tab_image[1].src='images/son_off.jpg';
     
    var n=0;
     
    function change() {
    n= ++n;
    if (n == tab_image.length) n=0;
    window.document.image.src=tab_image[n].src;
    voici ma fonction playsound(), mais je ne sais pas trop comment l'ajouter
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    function playSound() {
     if (ie4) document.all['BGSOUND_ID'].src='Bach.mid';
     if ((ns4||ns3)
      && navigator.javaEnabled()
      && navigator.mimeTypes['audio/x-midi']
      && self.document.Bach.IsReady()
     )
     {
      self.document.Bach.play()
     }
    }

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    if (ie4) document.all['BGSOUND_ID'].src='Bach.mid';
     if ((ns4||ns3)

    Tu ne joues le son que pour IE4 ou NS3/4 ?
    Ces navigateurs n'existent plus !
    Mais bon, tes variables ie4, ns3 et ns4, elles sont déclarées comment ?
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    142
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Janvier 2004
    Messages : 142
    Par défaut
    euhh non mais c'est un script que j'ai trouvé et que j'essaie d'adapter, mais en javascript, je ne suis pas un expert.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    ver=parseInt(navigator.appVersion)
    ie4=(ver>3  && navigator.appName!="Netscape")?1:0
    ns4=(ver>3  && navigator.appName=="Netscape")?1:0
    ns3=(ver==3 && navigator.appName=="Netscape")?1:0

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    142
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Janvier 2004
    Messages : 142
    Par défaut
    le problème est réglé, tout marche

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

Discussions similaires

  1. Swap d'images sur onclick pour modification de langue
    Par qwertz1 dans le forum Général JavaScript
    Réponses: 40
    Dernier message: 03/03/2011, 16h48
  2. Swap d'images sur onclick pour modification de langue
    Par qwertz1 dans le forum Général JavaScript
    Réponses: 15
    Dernier message: 19/02/2011, 11h10
  3. click sur image, change image
    Par aurore22 dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 11/06/2008, 16h50
  4. onclick avec une image sur ie6
    Par mLk92 dans le forum Général JavaScript
    Réponses: 13
    Dernier message: 22/04/2008, 17h20
  5. Changer d'image sur un onClick
    Par vds2302 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 26/10/2007, 12h44

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