begin process at 2012 02 14 11:54:39
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Divers

 > SCRIPT JAVASCRIPT MUSIQUE CHOIX DU VISITEUR DE LA MUSIQUE DANS UNE LISTE

SCRIPT JAVASCRIPT MUSIQUE CHOIX DU VISITEUR DE LA MUSIQUE DANS UNE LISTE


 Information sur la source

Note :
7,4 / 10 - par 5 personnes
7,40 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Divers Classé sous :musique, sélectionner, choix, choisir, liste Niveau :Débutant Date de création :13/07/2005 Date de mise à jour :14/07/2005 18:55:29 Vu / téléchargé :22 484 / 1 668

Auteur : bbmaster

Ecrire un message privé
Commentaire sur cette source (6)
Ajouter un commentaire et/ou une note

 Description

il permet de mettre de la musique sans utiliser des plugins sur explorer ou autre
il est en Javascript et le visiteur a le choit de sa musique dnas une liste
et a ajouter dnas une page web
/!\attention/!\:les musique doivent être au format .mp3

Source

  • <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("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("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("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("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("description ");
  • 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(document.getElementById && document.all && 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 = "<embed src=\""+cheminMP3[numero]+"\" autostart=true loop=true width=100 height=20>";
  • }
  • else if(document.getElementById && document.all && stop==true)
  • {
  • document.getElementById("blocson").innerHTML = " ";//"<img src='bouton_stop.gif' width=1 height=1 border=0 />";
  • }
  • }
  • 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(document.getElementById && document.all && 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]!=''));
  • }
  • if(document.getElementById && document.all)
  • {
  • // boutons Play et Stop avec un rollover qui change la couleur.
  • boutons = '<a href="javascript:void(0);"><img src="images/bouton_play.gif" name="play" onMouseOver="document[\'play\'].src=\'images/bouton_play_over.gif\';" onMouseOut="document[\'play\'].src=\'images/bouton_play.gif\';" ';
  • boutons+= 'onClick="ChangeMp3(document.formulR, false)" title="Play" border=0></a> ';
  • boutons+= '<a href="javascript:void(0);"><img src="images/bouton_stop.gif" name="stop" onMouseOver="document[\'stop\'].src=\'images/bouton_stop_over.gif\';" onMouseOut="document[\'stop\'].src=\'images/bouton_stop.gif\';" ';
  • boutons+= 'onClick="ChangeMp3(document.formulR, true)" title="Stop" border=0></a>';
  • commentaire= 'Sélectionnez un titre et attendez quelques secondes...';
  • // <div> qui affiche les boutons
  • document.write("<div align=\"center\" id=\"boutons\"></div>");
  • document.write("<p align=\"center\"><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>')
  • // <div> Commentaire + blocson
  • document.write('<div align="center" id="commentaire" align="center" style="font-family:Comic Sans MS; font-size:10px; font-weight:bold; color:#CCFFFF;"></div>');
  • document.write('<div align="center" id="blocson" style="visibility:hidden"></div>');
  • changeListe(document.formulR);
  • }
  • else
  • {
  • document.write("Ce script ne fonctionne pas sur votre navigateur, désolé");
  • }
  • </SCRIPT>
 <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("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("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("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("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("description ");

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(document.getElementById && document.all && 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 = "<embed src=\""+cheminMP3[numero]+"\" autostart=true loop=true width=100 height=20>";
	}
	else if(document.getElementById && document.all && stop==true)
	{
		document.getElementById("blocson").innerHTML = " ";//"<img src='bouton_stop.gif' width=1 height=1 border=0 />";
	}
}

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(document.getElementById && document.all && 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]!=''));
}

if(document.getElementById && document.all)
{
// boutons Play et Stop avec un rollover qui change la couleur.
	boutons = '<a href="javascript:void(0);"><img src="images/bouton_play.gif" name="play" onMouseOver="document[\'play\'].src=\'images/bouton_play_over.gif\';" onMouseOut="document[\'play\'].src=\'images/bouton_play.gif\';" ';
	boutons+= 'onClick="ChangeMp3(document.formulR, false)" title="Play" border=0></a> ';
	boutons+= '<a href="javascript:void(0);"><img src="images/bouton_stop.gif" name="stop" onMouseOver="document[\'stop\'].src=\'images/bouton_stop_over.gif\';" onMouseOut="document[\'stop\'].src=\'images/bouton_stop.gif\';" ';
	boutons+= 'onClick="ChangeMp3(document.formulR, true)" title="Stop" border=0></a>';
	commentaire= 'Sélectionnez un titre et attendez quelques secondes...';

// <div> qui affiche les boutons
	document.write("<div align=\"center\" id=\"boutons\"></div>");
	document.write("<p align=\"center\"><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>')
// <div> Commentaire + blocson
	document.write('<div align="center" id="commentaire" align="center" style="font-family:Comic Sans MS; font-size:10px; font-weight:bold; color:#CCFFFF;"></div>');
	document.write('<div align="center" id="blocson" style="visibility:hidden"></div>');

	changeListe(document.formulR);
}
else
{
	document.write("Ce script ne fonctionne pas sur votre navigateur, désolé");
}
</SCRIPT>


 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Historique

14 juillet 2005 18:55:29 :
srorry pour ecrit en php ^^

 Sources de la même categorie

COLONNES ADAPTABLES EN HAUTEUR par dronoide
Source avec Zip VECTEURS ET MATRICES: OUTILS GRAPHIQUES UTILES par william voirol
Source avec Zip Source avec une capture HTML5 PLAYER par kazma
Source avec Zip Source avec une capture SCROLLBAR PERSONNALISABLE par kazma
Source avec Zip INFO BULLE par RudiRatlos

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai
Source avec Zip WMANAGER.JS : GÉRER LES FICHIERS WMA AVEC WINDOWS MEDIA PLAY... par jdmcreator
Source avec Zip Source avec une capture BOITE A MUSIC AVEC LA BALISE AUDIO par kazma
Source avec Zip Source avec une capture SÉQUENCEUR par jdmcreator
Source avec Zip Source avec une capture SELECTION DE VALEURS A PARTIR DE 2 LISTES À CHOIX MUPLIPLES par ryosama

Commentaires et avis

Commentaire de Arto_8000 le 14/07/2005 03:42:56

"sans utiliser des plugins" c'est n'est pas parce que tu n'utilise pas de commande javascript du genre fso = new ActiveXObject que s'en n'en utilise pas. Un activeX ou un plugin peut se tranduire par une balise embed ou object.

Commentaire de sebmafate le 14/07/2005 11:44:06 administrateur CS

ca serait sympa aussi de faire attention à l'orthographe... "SCRIPT PHP MUSIQUE CHOIT DU VISITEUR DE LA MUSIQUE DANS UNE LISTE"... hum

Faire de l'informatique ne rime pas forcément avec mauvais en français... même si c'est trop souvent le cas.

Commentaire de sebmafate le 14/07/2005 12:15:44 administrateur CS

en plus... j'avais pas fait attention... ce n'est pas du PHP mais du JavaScript.

Commentaire de christoman le 11/12/2005 16:28:35

Bonjour, J'ai modifier un peu ton code,

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\"> <param name=\"filename\" value=\""+cheminMP3[numero]+"\"> <paramname=\"autostart\" value=\"true\"> <param name=\"loop\" value=\"false\">";
}
else if(stop==true)
{
document.getElementById("blocson").innerHTML = " ";//"<img src='bouton_stop.gif' width=1 height=1 border=0 />";
}
}

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.
// <div> qui affiche les boutons
// <div> Commentaire + blocson
document.write('<div align="center" id="bloc" style="border:1px solid black; position:absolute; bottom:0px; padding:0px">');
boutons = '<a href="javascript:void(0);"><img src="images/bouton_play.gif" name="play" onMouseOver="document[\'play\'].src=\'images/bouton_play_over.gif\';" onMouseOut="document[\'play\'].src=\'images/bouton_play.gif\';" ';
boutons+= 'onClick="ChangeMp3(document.formulR, false)" title="Play" border=0></a> ';
boutons+= '<a href="javascript:void(0);"><img src="images/bouton_stop.gif" name="stop" onMouseOver="document[\'stop\'].src=\'images/bouton_stop_over.gif\';" onMouseOut="document[\'stop\'].src=\'images/bouton_stop.gif\';" ';
boutons+= 'onClick="ChangeMp3(document.formulR, true)" title="Stop" border=0></a>';
commentaire= 'Sélectionnez un titre et attendez quelques secondes...';
document.write("<div align=\"center\" id=\"boutons\" style=\"margin:0px\"></div>");
    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('<div align="center" id="commentaire" align="center" style="margin:0px;font-family:Comic Sans MS; background-color:#000000;font-size:10px; font-weight:bold; color:#FFFFFF;"></div>');
document.write('<div align="center" id="blocson" style="display:inline;margin:0px;"></div>');
document.write('</div>');
    changeListe(document.formulR);
</SCRIPT>

Commentaire de ddlesage le 31/10/2010 19:18:52 10/10

Salut je trouve ce script très sympa, d'ailleurs je l'ai intégret dans un site web que je viens de créer..
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

Commentaire de ddlesage le 31/10/2010 19:36:07

Voici le script brut
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 <body> et </body>

<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 - <a href='http://fr.wikipedia.org/wiki/Gr%C3%A9goire_%28chanteur%29' target='muse'>Cliquez ici</a> <a href='Gregoire/index.htm' widht='150' height='250' target='muse' title='cliquez pour agrandir'><img src='http://upload.wikimedia.org/wikipedia/commons/2/21/Gregoire_concert.jpg' widht='50' height='75'></a>(Agrandir l'image)");

titreMP3.push("Toi + moi");
cheminMP3.push("Gregoire-Toi_+_Moi.mp3");
description.push("Avec 750 000 exemplaire écoulés, il devient disque de diamant et remporte la première place des ventes en 2009");

titreMP3.push("Rue des étoiles");
cheminMP3.push("Gregoire-Rue_Des_etoiles.mp3");
description.push("Avec 750 000 exemplaire écoulés, il devient disque de diamant et remporte la première place des ventes en 2009");

/// ----------------------------------------------------------------------------------

titreMP3.push("-- Divers --");
cheminMP3.push("");
description.push("musique Divers");

/// ----------------------------------------------------------------------------------

titreMP3.push("Banana Split");
cheminMP3.push("Banana-Split.mp3");
description.push("Lio version remix");

/// ----------------------------------------------------------------------------------

titreMP3.push("-- Pow Wow - Biographie --");
cheminMP3.push("");
description.push("Biographie -<a href='http://powweb.free.fr/' target='muse'>Cliquez ici</a> <a href='http://powweb.free.fr/images_mois/1_gd.jpg' widht='150' height='250' target='muse' title='cliquez pour agrandir'><img src='http://powweb.free.fr/images_mois/1_gd.jpg' widht='50' height='75'></a>(Agrandir l'image)");

titreMP3.push("Le Chat");
cheminMP3.push("Pow_Wow-Le_Chat.mp3");
description.push("Pow Wow - Vieux groupe français de legende");

titreMP3.push("Le lion est mort ce soir");
cheminMP3.push("Pow_Wow-Le_lion_est_mort_ce_soir.mp3");
description.push("Pow Wow - Vieux groupe français de legende");


titreMP3.push("Le Vent");
cheminMP3.push("Pow_wow-Le_vent.mp3");//pour un separement entre les musique veulliez ne pas mettre de lien
description.push("Pow Wow - Vieux groupe français de legende");

/// ----------------------------------------------------------------------------------

titreMP3.push("-- Reprise et mix --");
cheminMP3.push("");
description.push("Reprise est mix");

/// ----------------------------------------------------------------------------------

titreMP3.push("Buchet de Trandafiri");
cheminMP3.push("Akcent-Buchet de trandafiri.mp3");//pour un separement entre les musique veulliez ne pas mettre de lien
description.push("Akcent");

titreMP3.push("Kylie");
cheminMP3.push("Akcent-Kylie.mp3");
description.push("Akcent");

/// ----------------------------------------------------------------------------------

titreMP3.push("-- Daft Punk - Biographie --");
cheminMP3.push("");
description.push("Biographie -<a href='http://fr.wikipedia.org/wiki/Daft_Punk' target='muse'>Cliquez ici</a> <a href='Daft_punk/index.htm' target='muse' title='cliquez pour agrandir'><img src='Daft_punk/daft_punk.jpg' widht='50' height='75'></a>(Agrandir l'image)");

titreMP3.push("Sample Daft Punk - Derezzed");
cheminMP3.push("Daft_Punk--Derezzed.mp3");
description.push("Un Groupe mythique - Daft Punk est un groupe français de musique électronique originaire de Versailles. Actifs depuis 1993, Thomas Bangalter et Guy-Manuel de Homem-Christo, les deux membres, ont allié à leurs sons electro, house et techno des tonalités rock, groove et disco. Une des originalités des Daft Punk est la culture de leur notoriété d'artistes indépendants anonymes, à l'aide de casques et de costumes.");

/// ----------------------------------------------------------------------------------

titreMP3.push("-- Nouveautés --");
cheminMP3.push("");
description.push("Les dernières nouveauté");

/// ----------------------------------------------------------------------------------

titreMP3.push("Tu Fesses Book");
cheminMP3.push("tu_fesses_bhook.mp3");
description.push("Bel Air Deejayz - Nouveauté 2010 - <a href='http://www.nrj.fr/music-509/fiches-artistes-522/artiste/fiche/13950-bel-air-deejayz.html' target='muse'>Plus d'info ici</a> <a href='tu-fesses-bhook.jpg' widht='150' height='250' target='muse' title='cliquez pour agrandir'><img src='tu-fesses-bhook.jpg' widht='50' height='75'></a>(Agrandir l'image)");

/// ----------------------------------------------------------------------------------

titreMP3.push("-- Robyn - Biographie --");
cheminMP3.push("");
description.push("Toute sa Biographie - <a href='http://fr.wikipedia.org/wiki/Robyn' target='muse'>Cliquez ici:</a> <a href='Robyn/index.htm' target='muse' title='cliquez pour agrandir'><img src='http://upload.wikimedia.org/wikipedia/commons/thumb/1/11/Robin_Miriam_Carlsson.jpg/200px-Robin_Miriam_Carlsson.jpg' widht='50' height='75'></a>(Agrandir l'image)");

titreMP3.push("Dancing on my own");
cheminMP3.push("Dancin_on_my_own-Robyn.mp3");
description.push("Robyn - Robin Miriam Carlsson, connue sous le pseudonyme de Robyn, est une chanteuse suédoise, née le 12 juin 1979 à Stockholm. Elle devient connue à partir de la fin des années 1990, notamment dans son pays avec des morceaux tels que Show Me Love ou Do You Know (What It Takes) puis aux Royaume-Uni, aux États-Unis et aux Pays-Bas. Dernièrement avec son single With Every Heartbeat, elle occupa la première place des charts anglais.");

/// ----------------------------------------------------------------------------------

titreMP3.push("-- Jean Roch - Biographie --");
cheminMP3.push("");
description.push("Toute sa Biographie - <a href='http://fr.wikipedia.org/wiki/Jean-Roch' target='muse'>Cliquez ici:</a> <a href='Jean_roch/index.htm' target='muse' title='Cliquez pour agrandir'><img src='Jean_roch/Jean_roch.jpg' widht='50' height='75'></a>(Agrandir l'image)");

titreMP3.push("My love is Over");
cheminMP3.push("Jean_Roch-My_Love_is_Over.mp3");//pour un separement entre les musique veulliez ne pas mettre de lien
description.push("Jean Roch - Nouveauté 2010");

/// ----------------------------------------------------------------------------------

titreMP3.push("-- Rihanna - Biographie --");
cheminMP3.push("");
description.push("Toute sa Biographie - <a href='http://fr.wikipedia.org/wiki/Rihanna' target='muse'>Cliquez ici:</a> <a href='Rihanna/rihanna.htm' target='muse' title='Cliquez pour agrandir'><img src='http://upload.wikimedia.org/wikipedia/commons/thumb/f/fb/Rihanna_LGOET_16-08-5-2.png/250px-Rihanna_LGOET_16-08-5-2.png' widht='50' height='75'></a>(Agrandir l'image)");

titreMP3.push("Only Girl");
cheminMP3.push("Rihanna-Only_Girl.mp3");
description.push("Robyn Rihanna Fenty, connue sous son nom de scène Rihanna, née le 20 février 1988 à Saint-Michael (Barbade), est une chanteuse et actrice américano-barbadienne de R&B et de Pop. Elle a réalisé quatre albums studio et plusieurs titres comme Umbrella, Disturbia ou Rude Boy. Elle a également effectué deux tournées mondiales, The Good Girl Gone Bad Tour en 2008 et The Last Girl on Earth Tour en 2010.");

/// ----------------------------------------------------------------------------------

titreMP3.push("-- Katy Perry - Biographie --");
cheminMP3.push("");
description.push("Toute sa Biographie - <a href='http://fr.wikipedia.org/wiki/Katy_perry' target='muse'>Cliquez ici </a> <a href='Katy_perry/index.htm' target='muse' title='cliquez ici pour agrandir'><img src='http://upload.wikimedia.org/wikipedia/commons/thumb/8/87/Katy_Perry_Michigan_%281%29.jpg/230px-Katy_Perry_Michigan_%281%29.jpg' widht='50' height='75'></a>(Agrandir l'image)");

titreMP3.push("Teenage Dream");
cheminMP3.push("Katy_Perry-Teenage_Dream.mp3");
description.push("Katy Perry - Nouveauté 2010 - Katherine Elizabeth Hudson, connue sous le nom de scène Katy Perry, née le 25 octobre 1984[1] à Santa Barbara, en Californie, États-Unis[2], est une auteur-compositeur chanteuse américaine. en octobre 2010, la chanteuse a vendu plus de 35,7 millions de disques a travers le monde, dont 5,9 millions d'albums et 29,8 millions de singles");

/// ----------------------------------------------------------------------------------

titreMP3.push("-- Kelly Rowland - Biographie --");
cheminMP3.push("");
description.push("Toute sa Biographie - <a href='http://fr.wikipedia.org/wiki/Kelly_Rowland' target='muse'>Cliquez ici </a> <a href='Kelly_rowland/index.htm' target='muse' title='cliquez ici pour agrandir'><img src='Kelly_rowland/Kelly_Rowland.jpg' widht='50' height='75'></a>(Agrandir l'image)");

titreMP3.push("Commander");
cheminMP3.push("kelly_rowland-commander.mp3");
description.push("Kelly Rowland feet David Guetta - Kelly Rowland (née Kelendria Trene Rowland le 11 février 1981) est une chanteuse de R&B. Elle est connue pour avoir été membre du groupe Destiny's Child.");

/// ----------------------------------------------------------------------------------

titreMP3.push("-- Martin Solveig - Biographie --");
cheminMP3.push("");
description.push("Toute sa Biographie - <a href='http://fr.wikipedia.org/wiki/Martin_Solveig' target='muse'>Cliquez ici </a> <a href='http://upload.wikimedia.org/wikipedia/commons/thumb/5/53/Martin_Solveig_at_Peter_Pan_%28Misano_Adriatico%29.jpg/250px-Martin_Solveig_at_Peter_Pan_%28Misano_Adriatico%29.jpg' widht='300' height='420' target='muse' title='cliquez ici pour agrandir'><img src='http://upload.wikimedia.org/wikipedia/commons/thumb/5/53/Martin_Solveig_at_Peter_Pan_%28Misano_Adriatico%29.jpg/250px-Martin_Solveig_at_Peter_Pan_%28Misano_Adriatico%29.jpg' widht='50' height='75'></a>(Agrandir l'image)");

titreMP3.push("Boys Girls");
cheminMP3.push("Martin_Solveig-Boys_Girls.mp3");
description.push("Martin Solveig ( de son vrai nom Martin Picander ) est un Dj Francais spécialisé dans la House Music, né le 22 Séptembre 1976 à Paris. Classé 47e des Dj Internationaux en 2009 par Dj Mag");

titreMP3.push("Hello");
cheminMP3.push("Katy_Perry-Teenage_Dream.mp3");
description.push("Martin Solveig ( de son vrai nom Martin Picander ) est un Dj Francais spécialisé dans la House Music, né le 22 Séptembre 1976 à Paris. Classé 47e des Dj Internationaux en 2009 par Dj Mag");

/// ------------------------------------------------------------------------------------

titreMP3.push("-- Mylène Farmer - Biographie --");
cheminMP3.push("");
description.push("Toute sa Biographie - <a href='http://fr.wikipedia.org/wiki/Mylène_Farmer' target='muse'>Cliquez ici</a> <a href='Mylene_farmer/mylene_farmer.htm' target='muse' title='Cliquez ici pour agrandir'><img src='Mylene_farmer/mylene_farmer.jpg' widht='50' height='75'></a>(Agrandir l'image)");

titreMP3.push("Oui mais Non");
cheminMP3.push("Mylene_Farmer--Oui_Mais_Non.mp3");
description.push("Mylène Farmer - sa nouveauté 2010 - de son vrai nom Mylène Jeanne Gautier, née le 12 Septembre 1961 à Pierrefonds au Québec(CANADA) et une chanteuse française également auteur, compositeur, actrice et écrivain.");

/// -------------------------------------------------------------------------------------

titreMP3.push("-- Shakira - Biographie --");
cheminMP3.push("");
description.push("Toute sa Biographie - <a href='http://fr.wikipedia.org/wiki/Shakira' target='muse'>Cliquez ici:</a> <a href='shakira/shakira.htm' target='muse' title='Cliquez ici pour agrandir'><img src='shakira/shakira.jpg' widht='50' height='75'></a>(Agrandir l'image)");

titreMP3.push("Loca");
cheminMP3.push("Shakira-Loca.mp3");
description.push("Sa Nouveauté 2010 - de son nom complet Shakira Isabel Mebarak Ripoll, née le 2 février 1977 à Barranquilla, en Colombie, est une auteur-compositrice-interprète Libano-colombienne. Elle a vendu plus de 60 millions de disques dans le monde ( 2010 ), ce qui fait d'elle l'une des artistes latino les plus reconnues au niveau international.");

/// ---------------------------------------------------------------------------------------

titreMP3.push("-- Greg Parys - Blog --");
cheminMP3.push("");
description.push("Accès a son Blog - <a href='http://greg-parys-officiel.skyrock.com/' target='muse'>Cliquez ici:</a> <a href='Greg_Parys.jpg' widht='300' height='420' target='muse' title='Cliquez ici pour agrandir'><img src='Greg_Parys.jpg' widht='50' height='75'></a>(Agrandir l'image)");

titreMP3.push("Why don't we just fuck");
cheminMP3.push("Why_Dont_We_Just_Fuck-Greg_Parys.mp3");
description.push("Greg Parys feet Bob Sinclar");

/// -----------------------------------------------------------------------------------------

titreMP3.push("-- Yodelice - Biographie --");
cheminMP3.push("");
description.push("Toute sa Biographie - <a href='http://fr.wikipedia.org/wiki/Yodelice' target='muse'>Cliquez ici:</a> <a href='yodelice/yodelice.htm' target='muse' title='Cliquez ici pour agrandir'><img src='http://upload.wikimedia.org/wikipedia/commons/thumb/c/c5/Yodelice_-_Maxim_Nucci_by_Mikani.JPG/200px-Yodelice_-_Maxim_Nucci_by_Mikani.JPG' widht='50' height='75'></a>(Agrandir l'image)");

titreMP3.push("More than Meets the Eye");
cheminMP3.push("Yodelice-More_Than_Meets_The_Eye.mp3");
description.push("Yodelice - Maxim Nucci naît le 23 février 1979 à Créteil. Il s'intéresse à la musique très tôt, dès six ans, et s'inscrit au conservatoire. En 1994, alors âgé de quinze ans, il quitte la France pour l'Angleterre et Londres afin de suivre des cours au Musician Institute[1]. Il obtient son diplôme quelques années plus tard et reste à l'institut dans un premier temps pour y enseigner, devenant ainsi le plus jeune professeur de l'école");

/// -------------------------------------------------------------------------------------------

titreMP3.push("-- Yolanda Be Cool - Biographie --");
cheminMP3.push("");
description.push("Toute sa Biographie - <a href='http://fr.wikipedia.org/wiki/Yolanda_Be_Cool' target='muse'>Cliquez ici:</a> <a href='Yolanda_be_cool.jpg' widht='300' height='420' target='muse' title='Cliquez ici pour agrandir'><img src='Yolanda_be_cool.jpg' widht='50' height='75'></a>(Agrandir l'image)");

titreMP3.push("Americano");
cheminMP3.push("Yolanda_bee_cool-americano.mp3");
description.push("Yolanda be Cool - Nouveauté 2010");

/// --------------------------------------------------------------------------------------------

titreMP3.push("Kawa");
cheminMP3.push("");
description.push("Je veux du Funky - Nouveauté 2010 - <a href='kawa.htm' target='muse'>Vidéo ici</a> <a href='je_veux_du_funky.jpg' widht='150' height='250' target='muse' title='Cliquez ici pour agrandir'><img src='je_veux_du_funky.jpg' widht='50' height='75'></a>(Agrandir l'image)");

/// ---------------------------------------------------------------------------------------------

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=\"65\" width=\"300\"> <param name=\"filename\" value=\""+cheminMP3[numero]+"\"> <paramname=\"autostart\" value=\"true\"> <param name=\"loop\" value=\"false\">";
}
else if(stop==true)
{
document.getElementById("blocson").innerHTML = " ";//"<img src='bouton_stop.gif' width=1 height=1 border=0 />";
}
}

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.
// <div> qui affiche les boutons
// <div> Commentaire + blocson
document.write('<div align="center" id="bloc" style="border:2px solid red;">');
boutons = '<a href="javascript:void(0);"><img src="images/bouton_play.gif" widht="30" height="25" name="play" onMouseOver="document[\'play\'].src=\'images/bouton_play_over.gif\';" onMouseOut="document[\'play\'].src=\'images/bouton_play.gif\';" ';
boutons+= 'onClick="ChangeMp3(document.formulR, false)" title="Play" border=0></a> ';
boutons+= '<a href="javascript:void(0);"><img src="images/bouton_stop.gif" widht="30" height="25" name="stop" onMouseOver="document[\'stop\'].src=\'images/bouton_stop_over.gif\';" onMouseOut="document[\'stop\'].src=\'images/bouton_stop.gif\';" ';
boutons+= 'onClick="ChangeMp3(document.formulR, true)" title="Stop" border=0></a>';
commentaire= 'Sélectionnez un titre et attendez quelques secondes...';
document.write("<div align=\"center\" id=\"boutons\" style=\"margin:0px\"></div>");
    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('<div align="center" id="commentaire" align="center" style="margin:0px;font-family:Comic Sans MS; background-color:#999999;font-size:16px; font-weight:bold; font-stretch:extra-condensed; color:#000000;"></div>');
document.write('<div align="center" id="blocson" style="display:inline;margin:0px;"></div>');
document.write('</div>');
    changeListe(document.formulR);
    </SCRIPT>

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

liste de choix dans une combo [ par kkt8 ] bonjour !je cherche à faire quelque chose dans le genre :texte quand la combo est fermée : Veuillez choisir ...liste quand la combo est ouverte : Sélectionner tous les items d'une liste [ par vvm ] j'ai une liste :&lt;SELECT name="lstprs"&gt;&nbsp;&nbsp;&nbsp;&lt;OPTION&gt;khkjhjkh&lt;/OPTION&gt;&nbsp;&nbsp;&nbsp;&lt;OPTION&gt;nbnbnb&lt;/OPTION&g liste de choix [ par kromi ] Bonjour,Voil&#224;, il me faudrait de l'aide SVP.je voudrais faire cela par rapport &#224; un article choisi au:3 listes d&#233;roulantes de style :Ch Ordre d'affichage dans des listes [ par cubhyphen ] Hello, dans le cadre de mon travail, j'ai du développer un site intranet. Je n'ai acces a aucun logiciel de creation et ce n'est quasi que des fichier choisir l'element sélectionné par défaut dans une liste déroulante [ par nico_ayci ] salut &#224; tous ! je voudrais savoir s'il est possible en javascript de choisir l'element s&#233;lectionn&#233; par d&#233;faut dans une liste d&#23 les formulaires avec javascript [ par serine ] Bonjour,j'ai programm&#233; un formulaire en PHP et j'ai besoins d'avoir des liens entre deux champs (des listes de s&#233;l&#233;ction) c&#224;d qu'o Je suis débutant mais je veux apprendre [ par dedeazer ] Je suis tout &#224; fait d&#233;butant et je vous remercie d&#146;avance de vos conseils &#233;clair&#233;s. J&#146;ai fait une page avec deux cadres Javascript : Lier plusieurs listes déroulantes [ par bolbo ] Bonjour, J'ai une question en javascript, concernant l'utilisation des listes déroulantes. J'ai un ensemble de champs dans ma base de données, et je Voir l'élément sélectionner d'une zone de liste non déroulante [ par Shivan0910 ] Bonjour,Je vais essayer d'expliquer ce que je souhaite à l'aide d'un exemple :J'ai une zone de liste non déroulante qui affiche 20 lignes. Cette zone


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,515 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales