parametrage en sortie de menu

**ninon** · 29/06/2008, 17h11

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.

**Bovino** · 29/06/2008, 18h13

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

Code :

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

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

puis en javascript :

Code :

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

1
2
3
function changeSrc(monSelect){
document.getElementsByTagName('embed')[0].src = monSelect;
}

Ca devrait fonctionner.

**ninon** · 30/06/2008, 12h58

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

**Bovino** · 30/06/2008, 13h05

Code :

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

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

C'est options et non option.
Ne pas oublier de fermer les parenthèses

**ninon** · 30/06/2008, 21h26

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.

parametrage en sortie de menu

JavaScript

Discussions similaires

Partager

Partager