parametrage en sortie de menu

Version imprimable

29/06/2008, 17h11
ninon

parametrage en sortie de menu

Bonjour,

J'ai créé une page qui offre à l'utilisateur un choix d'extraits musicaux (rien que du libre de droits, créations d'amateurs).

Je voudrais n'avoir qu'un seul player, et que le choix de l'utilisateur détermine le morceau qui va etre joué.

Je voudrais donc simplifier ma page :
http://www.ac-nice.fr/clg-niki-de-sa...sik/apergh.htm
et n'avoir plus qu'un seul player, qui jouerait le morceau sélectionné.

Je peux faire un menu avec la balise select ou en javascript, mais je ne sais pas comment passer un parametre dans un cas comme dans l'autre.

Existe-t-il une possibilité de le faire ?

Je vous remercie.

Ninon.
29/06/2008, 18h13
Bovino
Dans les balises <option> de ton select, met l'attibut value="5a/V001.WAV" par exemple, sur le select, ajoutes

Code:

<select ... onchange="changeSrc(this.option[this.selectedIndex].value">

puis en javascript :
Code:

1 2 3 function changeSrc(monSelect){ document.getElementsByTagName('embed')[0].src = monSelect; }
Ca devrait fonctionner.
30/06/2008, 12h58
ninon

1 pièce(s) jointe(s)

Merci Bovino pour ta réponse rapide.
J'ai donc testé, mais sans succès.
J'ai simplifié la page au maximum, ça donne cela :

<html>
<head>
<title>Je teste le onChange du select</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
function changeSrc(monSelect){ document.getElementsByTagName('embed')[0].src = monSelect; }
</script>
</head>

<body bgcolor="#FFFFFF">

<p>
<select name="5a" onChange="changeSrc(this.option[this.selectedIndex].value">
<option value="V001.WAV">5a : Natacha Léa ...</option>
<option value="V004.WAV">5a : Maureen Julia ...</option>
<option value="V005.WAV">5b : Lydia Chloé ...</option>
<option value="V008.WAV">5c : Marius Arnaud ...</option>
</select>
</p>
<p><font face="Comic Sans MS" color="#666698"><embed src="V001.WAV" autostart="false" height="25" width="200">
</embed></font></p>

</body>
</html>

Je l'envoie en doc joint mais je ne peux pas envoyer les 4 echantillons "musicaux" que j'ai placé dans le meme repertoire que ma page.

Où ai-je fait l'erreur ?

Merci
30/06/2008, 13h05
Bovino

Code:

<select name="5a" onChange="changeSrc(this.options[this.selectedIndex].value)">

C'est options et non option.
Ne pas oublier de fermer les parenthèses
30/06/2008, 21h26
ninon

finalement, une solution

Effectivement, avec le s de options et la parenthese (je m'etais contentée de faire un copier-coller), je n'ai plus le message "erreur sur la page". Mais ça ne marche toujours pas, même en mettant ma balise "embed" dans une balise "DIV", pour permettre la modification.
Enfin, j'ai trouvé sur le net un autre script, qui réécrit toute la balise "embed", et qui s'adapte au navigateur.
Ca donne en gros cela :

<SCRIPT>
var nbr_songs = 4;
songs = new Array(nbr_songs);

function The_songs(titre, fichier)
{
this.titre = titre;
this.fichier = fichier;
}

songs[0] = new The_songs("Natacha ... ","V001.WAV");
songs[1] = new The_songs("Maureen ... ","V004.WAV");
songs[2] = new The_songs("Lydia ... ","V005.WAV");
songs[3] = new The_songs("Marius ... ","V008.WAV");

function PlaySong()
{
var choice_song = 0;

for (i=0; i<nbr_songs; i++)
if (document.formu.choix.options[i].selected)
choice_song = i;

document.formu.title.value = songs[choice_song].titre;

if (document.all)
document.all.Layer1.innerHTML = '<EMBED src="' + songs[choice_song].fichier + '" border="0" autostart="true" width="230" height="60">';
else if (document.layers) {
document.Layer1.document.open();
document.Layer1.document.write('<EMBED src="' + songs[choice_song].fichier + '" border="0" autostart="true" width="230" height="60">');
document.Layer1.document.close();
}
else if (document.getElementById)
document.getElementById("Layer1").innerHTML = '<EMBED src="' + songs[choice_song].fichier +'" border="0" autostart="true" width="145" height="60">';
}
</SCRIPT>

C'est beaucoup plus lourd, mais ça marche. Attention à bien mettre le nombre de titres dans la variable nbr_songs.

Merci à Bovino d'avoir examiné la question avec moi.