SCRIPT JAVASCRIPT MUSIQUE CHOIX DU VISITEUR DE LA MUSIQUE DANS UNE LISTE
Arto_8000
Messages postés
1044
Date d'inscription
lundi 7 mars 2005
Statut
Membre
Dernière intervention
13 juillet 2010
-
14 juil. 2005 à 03:42
ddlesage Messages postés 3 Date d'inscription samedi 30 octobre 2010 Statut Membre Dernière intervention 31 octobre 2010 - 31 oct. 2010 à 19:36
ddlesage Messages postés 3 Date d'inscription samedi 30 octobre 2010 Statut Membre Dernière intervention 31 octobre 2010 - 31 oct. 2010 à 19:36
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
https://codes-sources.commentcamarche.net/source/32687-script-javascript-musique-choix-du-visiteur-de-la-musique-dans-une-liste
https://codes-sources.commentcamarche.net/source/32687-script-javascript-musique-choix-du-visiteur-de-la-musique-dans-une-liste
31 oct. 2010 à 19:36
Le reste des fichier pour l'utilisation est dans zip
Bonne utilisation
Ps : ce script est utilisable sur une page en .php
Intitulé des la page dans le zip : musique.php
Le script est a placé entre les balise et
<SCRIPT language=javascript>
titreMP3 new Array; cheminMP3 new Array; description = new Array;
// si un titreMP3[x] commence par "--", ou que cheminMP3[x] = ""
// alors ça fait une entrée dans liste mais ça ne propose pas de musique.
// Je mets volontairement des .push même pour cheminMP3 et description quand y'a pas forcément
// de mp3. ça sert à juste à ne pas avoir de décalage. AVANTAGE : on peut facilement remettre
// dans l'ordre voulu la liste... parce que sinon ça serait titreMP3[0]='blabla', titreMP3[1]='truc'
// et ça serait moins facile à réorganiser.
/// ----------------------------------------------------------------------------------
titreMP3.push("-- Grégoire - Biographie -");
cheminMP3.push("");
description.push("Biographie - [javascript:void(0); ] ';
boutons+= '[javascript:void(0); ]';
commentaire= 'Sélectionnez un titre et attendez quelques secondes...';
document.write("
");
document.write("<form name="formulR"><select name="ListeMP3" onChange="changeListe(document.formulR)">")
document.write("<option value='-1'>--Choisir--</option>");
for(i=0;i<cheminMP3.length;i++)
{
document.write("<option value='"+i+"'>"+titreMP3[i]+"</option>");
}
document.write('</select></form>');
document.write('
');
document.write('
');
document.write('
');
changeListe(document.formulR);
</SCRIPT>
31 oct. 2010 à 19:18
http://www.fiesta-mag81.net rubrique loisirs..
Je joint ici le script amélioré qui permet une toute autre approche du script..
Voilà j'espère que sa pourra servir...
Le script complet est téléchargeable ici : http://www.atoutservice81.net/Upload_musique.zip
11 déc. 2005 à 16:28
Ce script fontionne sous tous les naviguateurs :
<SCRIPT language=javascript>
titreMP3 new Array; cheminMP3 new Array; description = new Array;
// si un titreMP3[x] commence par "--", ou que cheminMP3[x] = ""
// alors ça fait une entrée dans liste mais ça ne propose pas de musique.
// Je mets volontairement des .push même pour cheminMP3 et description quand y'a pas forcément
// de mp3. ça sert à juste à ne pas avoir de décalage. AVANTAGE : on peut facilement remettre
// dans l'ordre voulu la liste... parce que sinon ça serait titreMP3[0]='blabla', titreMP3[1]='truc'
// et ça serait moins facile à réorganiser.
titreMP3.push("schnappi");
cheminMP3.push("schnappi.mp3");
description.push("musique comique");
titreMP3.push("Le titre");
cheminMP3.push("L'url de la musique");
description.push("une brève description");
titreMP3.push("Le titre");
cheminMP3.push("L'url de la musique");
description.push("une brève description");
titreMP3.push("Le titre");
cheminMP3.push("L'url de la musique");
description.push("une brève description");
titreMP3.push("--Une nouvelle selection--");
cheminMP3.push("");//pour un separement entre les musique veulliez ne pas mettre de lien
description.push("desciption ");
titreMP3.push("Le titre");
cheminMP3.push("L'url de la musique");
description.push("une brève description");
titreMP3.push("Le titre");
cheminMP3.push("L'url de la musique");
description.push("une brève description");
titreMP3.push("--Une nouvelle selection--");
cheminMP3.push("");//pour un separement entre les musique veulliez ne pas mettre de lien
description.push("desciption ");
titreMP3.push("Le titre");
cheminMP3.push("L'url de la musique");
description.push("une brève description");
titreMP3.push("Le titre");
cheminMP3.push("L'url de la musique");
description.push("une brève description");
titreMP3.push("Le titre");
cheminMP3.push("L'url de la musique");
description.push("une brève description");
titreMP3.push("Le titre");
cheminMP3.push("L'url de la musique");
description.push("une brève description");
titreMP3.push("--Une nouvelle selection--");
cheminMP3.push("");//pour un separement entre les musique veulliez ne pas mettre de lien
description.push("desciption ");
titreMP3.push("Le titre");
cheminMP3.push("L'url de la musique");
description.push("une brève description");
function ChangeMp3(formulaire, stop)
{
numero = formulaire.ListeMP3.options[formulaire.ListeMP3.selectedIndex].value;
if(estUnMP3(numero) && stop!=true)
{
// chez moi je suis obligé de cliquer sur Stop avant de faire un autre Play
// donc un "workaround" ;-)
document.getElementById("blocson").innerHTML = " ";
document.getElementById("blocson").innerHTML = "<object type="audio/mpeg" data=""+cheminMP3[numero]+"" height="45" width="300"> ";
}
else if(stop==true)
{
document.getElementById("blocson").innerHTML = " ";//"";
}
}
function changeListe(formulaire)
{
// quand on change d'élément dans la liste, on affiche les boutons si c'est un MP3
// et on affiche un petit commentaire s'il y en a un ;-)
numero = formulaire.ListeMP3.options[formulaire.ListeMP3.selectedIndex].value;
if(estUnMP3(numero))
{
document.getElementById("commentaire").innerHTML = description[numero];
document.getElementById("boutons").innerHTML = boutons;
}
else
{
document.getElementById("boutons").innerHTML = " ";
document.getElementById("commentaire").innerHTML = ((description[numero]==''||numero==-1) ? commentaire : description[numero]);
}
}
function estUnMP3(i)
{ // Si le titre commence par '--' (exemple --Musique classique--)
// ou si pas de nom de fichier, alors on considère que c pas un mp3
// mais juste un "séparateur" dans la liste
if (i==-1) return false;
return ((titreMP3[i].substring(0,1)!='-') && (cheminMP3[i]!=''));
}
// boutons Play et Stop avec un rollover qui change la couleur.
//
qui affiche les boutons
//
Commentaire + blocson
document.write('
');
boutons = '[javascript:void(0); ] ';
boutons+= '[javascript:void(0); ]';
commentaire= 'Sélectionnez un titre et attendez quelques secondes...';
document.write("
");
document.write("<form name="formulR"><select name="ListeMP3" onChange="changeListe(document.formulR)">")
document.write("<option value='-1'>--Choisir--</option>");
for(i=0;i<cheminMP3.length;i++)
{
document.write("<option value='"+i+"'>"+titreMP3[i]+"</option>");
}
document.write('</select></form>');
document.write('
');
document.write('
');
document.write('
');
changeListe(document.formulR);
</SCRIPT>
14 juil. 2005 à 12:15
14 juil. 2005 à 11:44
Faire de l'informatique ne rime pas forcément avec mauvais en français... même si c'est trop souvent le cas.
14 juil. 2005 à 03:42