Bonjour,
j´ai 13 ans et je programme un peu en php.
Il y a peu de temps je me suis mis au javascript et j´essaye de programmer un jukebox facilement programmable...
Le principe est le suivant: on clique sur le nom de la chanson, et le chanson se charge dans le lecteur.
J´ai essayé codé ca mais ca ne marche pas, je crois que j´ai fait un peu n´importe quoi.
Mais je ne savais pas comment faire pour que un fois que l´on ai cliqué sur le nom de la chanson le lecteur mette la bonne chanson...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Page d´essai</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="css.css" />
<script type="text/javascript">
//<![CDATA[
var songList = new Array(´d.mp3´, ´c.mp3´, ´b.mp3´, ´a.mp3´);
var arrayLength=songList.length;
var lo= arrayLength-1;
for (var i=0; i<=lo; i++){
/* je crois que ca bloque ici parceque en fait quen je met alert(songList[i]) ca m´affiche d.mp3. et je ne sais pas non plus si apres document.getElementById on a la possibilité de mettre une variable...
songList[i];
var songClick = document.getElementById(songList[i]);
if (songClick.addEventListener) {
document.addEventListener("click",clickMe,false);
}
else if (songClick.attachEvent) {
songClick.attachEvent("onclick", clickMe);
}
else if (songClick.onclick) {
songClick.onclick=clickMe;
}
function clickMe(){
var jukebox= document.getElementById("jukebox");
jukebox.innerHTML("<EMBED src=´"+songList[i]+"´ autostart=´false´ width=´160px´ height=´20px´ loop=´true´ controller=´true´></EMBED>");
}
}
//]]>
</script>
</head>
<body>
<div id="titleList">
<script type="text/javascript">
for (var i in songList){
document.writeln("<a
id=´"+songList[i]+"´href=´´>"+songList[i]+"</a>"+"
<br />");
}
</script>
<br />
<br />
</div>
<div id="jukebox">
<br />
<br />
<EMBED src=´a.mp3´ autostart=´false´ width=´160px´ height=´20px´ loop=´true´ controller=´true´></EMBED>
</div>
</body>
</html>
Merci de m´aider
oups...
Exuse moi, mais je n´ai absolument rien compris 