Bonsoir à tous et à toute.

Voila je me fais un site perso en ce moment et je voudrais activer des extraits de musique par le biais d'un clic sur un menu déroulant.

Dans mon fichier de scripts, chaque bouton du menu déroulant fait apparaitre une surface vide sur la page et lui colle une image. Voici un exemple :

$('#777').click(function() {

$("#sidebar1").show('slow');
document.getElementById("sidebar1").style.backg
roundImage
= 'url("images/thedes.jpg")';

});

J'aimerai lui rajouter aussi le pouvoir de jouer un morceau, malheuresement je n'arrive pas à trouver quoi que ce soit.
Une idée ?

Merci d'avance

Tu peux faire ça très rapidement avec la balise <audio> en HTML 5, après j'ai pas tout à fait compris ce que tu veux faire...

Si tu veux que l'utilisateur puis mettre play/pause, modifier le volume, etc... il te faut activer les contrôles par défaut ou faire un player en JS, et ajouter la balise audio dans le code, mais si tu veux juste jouer un son quand on clique sur un élément du menu, comme c'est le cas dans certains sites en flash par exemple, tu peux faire ça très simplement, sans même modifier le DOM :

var audio = document.createElement('audio');
audio.src = 'http://www.tonsite.com/tamusique.mp3';
audio.play();

Et le son est joué

En gros ca me donne ça :

$('#777').click(function() {
var audio = document.createElement('audio');

audio.src = 'http://www.tonsite.com/Kalimba.mp3';
audio.play();
$("#sidebar1").show('slow');
document.getElementById("sidebar1").style.backg
roundImage
= 'url("images/thedes.jpg")';

});

Malheuresement ca ne marche pas

$('#777').click(function() {
var audio = document.createElement('audio');

audio.src = 'Kalimba.mp3';
audio.play();
$("#sidebar1").show('slow');
document.getElementById("sidebar1").style.backg
roundImage
= 'url("images/thedes.jpg")';

});

Desolé me suis trompé

Nan c'est bon en fait j'ai réussi à trouver une solution !

Je te remercie parce que tu m'as mis sur la bonne piste