CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 02 14 11:54:39

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

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,40 / 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 !

Script Musique Javascript
- bouton_play.gif 150 octets
- bouton_play_over.gif 148 octets
- bouton_stop.gif 163 octets
- bouton_stop_over.gif 162 octets
- Lisez-Moi.txt 2 084 octets
- musique.txt 5 728 octets
- Thumbs.db11 776 octets

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

VECTEURS ET MATRICES: OUTILS GRAPHIQUES UTILES par william voirol

HTML5 PLAYER par kazma

SCROLLBAR PERSONNALISABLE par kazma

INFO BULLE par RudiRatlos

Toutes les sources de la catégorie Divers

Sources en rapport avec celle ci

BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai

WMANAGER.JS : GÉRER LES FICHIERS WMA AVEC WINDOWS MEDIA PLAY... par jdmcreator

BOITE A MUSIC AVEC LA BALISE AUDIO par kazma

SÉQUENCEUR par jdmcreator

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 :<SELECT name="lstprs">   <OPTION>khkjhjkh</OPTION>   <OPTION>nbnbnb</OPTION&g liste de choix [ par kromi ] Bonjour,Voilà, il me faudrait de l'aide SVP.je voudrais faire cela par rapport à un article choisi au:3 listes dé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 à tous ! je voudrais savoir s'il est possible en javascript de choisir l'element sélectionné par défaut dans une liste d&#23 les formulaires avec javascript [ par serine ] Bonjour,j'ai programmé un formulaire en PHP et j'ai besoins d'avoir des liens entre deux champs (des listes de séléction) càd qu'o Je suis débutant mais je veux apprendre [ par dedeazer ] Je suis tout à fait débutant et je vous remercie davance de vos conseils éclairés. Jai 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

Derniers Blogs

SLIDE & DéMO TECHDAYS 2012 - FAST & FURIOUS XAML APPS par Vko

XNA IS DEAD! par richardc

TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 ! par ROMELARD Fabrice

[HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE) par Gio

TECHDAYS PARIS 2012 : CHUCK MORRIS N'A PAS PEUR DES MALWARES, CE SONT LES MALWARES QUI ONT PEUR DE CHUCK MORRIS par ROMELARD Fabrice

Forum

RE : MENU VERTICAL DéROULANT par lordmacrage

RE : REMPLACER UN SOUS CHAINE DANS UNE AUTRE par Renfield

REMPLACER UN SOUS CHAINE DANS UNE AUTRE par stealon

GOOGLE MAP PB ZINDEX MARKER par philou8

RE : AIDE SUR UN SCRIPT?? par NHenry

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

URGENT-Conseil en architecture de site internet-CDC DISPONIBLE-
Budget : 400€
URGENT - Realisation d-un flux standard XML -NewsML- CAHIER DES CHARGES DISPONIBLE
Budget : 400€
Creation de newsletter sur une page Facebook
Budget : 400€

Logiciels

DocTranslate (V3.1.0.0)
DOCTRANSLATE (V3.1.0.0)

DocTranslate est un traducteur de document Microsoft Word, PowerPoint et Excel. Il permet d'autom...

Cliquez pour télécharger DocTranslate
Tribler (2012)
TRIBLER (2012)

Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des...

Cliquez pour télécharger Tribler
OneSwarm (2012)
ONESWARM (2012)

Le peer-to-peer qui protège votre vie privée, c'est OneSwarm. Ce logiciel de peer-to-peer crypté...

Cliquez pour télécharger OneSwarm
PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)
PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)

PONAMEDIA TV DEVIENS HELLLOOO FLASH LA TV SUR VOTRE ORDINATEUR. Toute une plateforme Multi...

Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO
Academy System (17.2.1.0)
ACADEMY SYSTEM (17.2.1.0)

Logiciel de gestion des établissements. - élèves/étudiants (inscription, dossier, absence...) -...

Cliquez pour télécharger Academy System