Bonjour

je désire émettre un son dans mon chat lors et seulement lorsque un nouveau message est posté . Mais pour l'instant je n'y arrive pas . J'ai retiré la partie de mes tests non concluant.

[javascript]
$(document).ready(function() {

$('.toggle_chat').css('display','none');
// load messages every 1000 milliseconds from server.
load_data = {'fetch':1};
window.setInterval(function(){
$.post('shout.php', load_data, function(data) {
$('.message_box').html(data);
var scrolltoh = $('.message_box')[0].scrollHeight;
$('.message_box').scrollTop(scrolltoh);
});
}, 1000);

//method to trigger when user hits enter key
$("#shout_message").keypress(function(evt) {
if(evt.which == 13) {
var iusername = $('#shout_username').val();
var imessage = $('#shout_message').val();
post_data = {'username':iusername, 'message':imessage};
// Lis le son de notification si il y a de nouveaux messages
if(data.length > 0) {
$("#notification").get(0).play();
}
//send data to "shout.php" using jQuery $.post()
$.post('shout.php', post_data, function(data) {

//append data into messagebox with jQuery fade effect!
$(data).hide().appendTo('.message_box').fadeIn();

//keep scrolled to bottom of chat!
var scrolltoh = $('.message_box')[0].scrollHeight;
$('.message_box').scrollTop(scrolltoh);

//reset value of message box
$('#shout_message').val('');

}).fail(function(err) {

//alert HTTP server error
alert(err.statusText);
});
}
});

//toggle hide/show shout box
$(".open_btn").click(function (e) {
//$(".close_btn").click(function (e) {
//get CSS display state of .toggle_chat element

var toggleState = $('.toggle_chat').css('display');

//toggle show/hide chat box
$('.toggle_chat').slideToggle();

//use toggleState var to change close/open icon image
if(toggleState == 'block')
{
$(".header_chat div").attr('class', 'open_btn');
}else{
$(".header_chat div").attr('class', 'close_btn');
}


});
});


[/javascript]

 <!-- CHATTER ----------------------------------------------------------------------------------------------------------------->
        <audio id="notification">
        <source src="http://www..com/Web/Accueil2011/Audio/waza.mp3" type="audio/mpeg">
        <source src="http://www..com/Web/Accueil2011/Audio/newalert.wav" type="audio/wav">
        </audio>
        <div class="shout_box">
        <div class="header_chat"><img name="logo" src="http://www..com/Web/Accueil2011/images/contact-us.png" width="25" height="25" alt=""> Chatter <div class="open_btn">&nbsp;</div></div>
        <div class="toggle_chat">
        <div class="message_box">
        </div>
        <div class="user_info">
        <input name="shout_username" id="shout_username" type="hidden" value="<?php echo '  '.$_SESSION['login'].''; ?>" maxlength="15" />
        <input style="background-color: #FFFFFF; color: #000000;  name="shout_message" id="shout_message" type="text" placeholder="Votre message" maxlength="100" /> 
        </div>
        </div>
        </div>
<!-- FIN CHATTER -------------------------------------------------------------------------------------------------------------->

Merci d'avance