Discussion :

[Kraster]

Bonjour tout le monde,
Je demande votre aide pour resoudre un petit problème et merci en avance.
Je veux jouer un son lorsque la valeur d'un element égal à un text !
Si l'element div id="exemple" contient le text "Alpha Bravo Delta" jouer un fichier audio "mySound.mp3", voici mon code:

Code html :

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
19
<div id="exemple">Alpha Bravo Delta</div>
 
<audio id="mySound">
   <source src="audio/bip.mp3" />
   <source src="audio/bip.ogg" />
</audio>
 
<script>
function playclip(){
var audio = document.getElementsById("mySound")[0];
    audio.play();
}
$("#exemple:contains('Alpha Bravo Delta')"),function(){
   if(!$(this).hasClass('.played')){
         playclip();
      $(this).addClass('.played');
   }
});     
</script>

[SpaceFrog]

Code :

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

1
2
3
4
5
$("#exemple:contains('Alpha Bravo Delta')"),function(){
   if(!$(this).hasClass('.played')){
         playclip();
      $(this).addClass('.played');
   }

curieuse syntaxe ??


jquery c'est du javascript, donc de l'évènementiel ...
Sur quel évènement doit se lancer la fonction ?
par exemple au click ...

Code :

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

1
2
3
4
5
6
 
$("#exemple:contains('Alpha Bravo Delta')").on('click',function(){
   if(!$(this).hasClass('.played')){
         playclip();
      $(this).addClass('.played');
   }

[Kraster]

Bonjour, merci de votre réponce SpaceFrog..
J'ai violé les lois de la programmation lol!!! voyez-vous, je ne suis pas expert en la matière! d'ailleurs je ne me suis pas bien expliqué!. En fait, j'ai un formulaire de contact en PHP, si message non envoyé il affiche les erreurs en rouge, si le message est envoyé il confirme l'envoi "Message envoyé avec succès (Alpha Bravo Oscar". Je veux jouer un son si le message est envoyé avec succès en parallèle avec l'affichage du message text !!!
Le code des élements qui contiennent les messages:

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!-- Message envoi failed -->
<?php if(array_key_exists('errors', $_SESSION)): ?>
<div class="container-fluid">
   <div id="exemple" class="col-md-8 col-md-offset-2 alert alert-danger brad-1">
      <?= implode('<br>', $_SESSION['errors']); ?>
   </div>
</div>	
<?php endif; ?>
 
<!-- Message envoi success -->
<?php if(array_key_exists('success', $_SESSION)): ?>
<div class="container-fluid">
   <div id="exemple" class="col-md-8 col-md-offset-2 alert alert-success brad-1">Votre email a été envoyé avec succès;</div>
</div>	
<?php endif; ?>