Perle Are Bord
¡¡ Bienvenu sur le forum de l'alliance Perle-Are-Bord. ¡¡



La musique

Voir le sujet précédent Voir le sujet suivant Aller en bas

La musique

Message par secouss le Dim 4 Juil - 14:44

Pour ceux que sa interresse voici le code qui permet de créer un lecteur multi piste comme celui ci !! Bon j'avoue il fait plus de 150 lignes mais quand on aime on ne compte pas !!

Code:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<div style="margin: 0 auto;text-align:center">
<select style="font: bold 12px Arial;width:180px; height: 20px; margin: 5px auto;" id="selradio" name="oradio" onChange="changeStation(this);">

<option value="90">radio Deezer</option>
<option value="71">hits</option>
<option value="83">tops Germany</option>
<option value="56">tops France</option>
<option value="51">tops UK</option>
<option value="82">tops US</option>


<option value="70">glam by Deezer</option>
<option value="105">summer 80</option>

<option value="6">electro</option>
<option value="72">trip hop</option>
<option value="35">eurodance</option>
<option value="18">dancefloor</option>
<option value="28">film/tv</option>
<option value="46">pub</option>
<option value="25">disco</option>
<option value="19">soul</option>
<option value="21">funk</option>
<option value="17">hard</option>
<option value="22">metal</option>

<option value="31">punk</option>
<option value="24">reggae</option>

<option value="49">ska</option>
<option value="50">dub</option>
<option value="64">urban style</option>

<option value="33">r&b</option>
<option value="20">rap</option>
<option value="23">rap français</option>

<option value="65">blues</option>

<option value="4">indie rock</option>
<option value="27">classic rock</option>
<option value="10">rock</option>



<option value="41">covers</option>
<option value="16">pop</option>
<option value="13">indie pop</option>
<option value="39">pop folk</option>
<option value="15">vocal jazz</option>
<option value="12">chanson française</option>
<option value="7">nouvelle scène</option>
<option value="11">variété française</option>
<option value="45">celtique</option>
</select><div style="margin:0 auto;text-align:center;z-index:1;width:180px;height:236px;background: #ffffff url(http://htmltoxhtml.googlepages.com/loading.gif) no-repeat 40px 50px;"><div style="margin:0; height:220px; width:180px;z-index:1;" id="id1"></div>
<a href="http://www.deezer.com" target="_blank" style="border:none;margin:0;padding:0;">
<img src="http://www.deezer.com/embedded/footer.jpg" alt="free music" title="free music" border="0" style="border:none;margin:0;padding:0;" />
</a>
</div>


</div>

<script type="text/javascript">
/* <![CDATA[ */
var DEFAULT_RADIO = "65";
var whereami = window.location.href;
var rege = /([0123456789]+)/;
var res = rege.exec(whereami);
var rad = DEFAULT_RADIO;
if (res) { rad = res[1]; }
var autop = "1";
var bgcol = "0x525252";
var buttcol = "0xDDDDDD";
var t1col = "0xFFFFFF";
var t2col = "0xCCCCCC";
showRadio(rad);

function changeStation(sel) {
var which = sel.selectedIndex;
var radioId = sel.options[which].value;
autop = "1";
showRadio(radioId);
}

function showRadio(rid) {
var x = document.getElementById("id1");
var s = document.getElementById("selradio");
var arrOp = s.getElementsByTagName("option");
var found = false;
var arrl = arrOp.length;
var i = 0;
while (!found && i<arrl) {
if (arrOp[i].value == rid) {
found = true;
arrOp[i].selected = "selected";
}
i++;
}
var deezURL = "http://www.deezer.com/embed/player?rid=" + rid + "&lang=en&ap=" + autop;

if (document.all && !window.opera)
{
x.innerHTML = "<object type='application/x-shockwave-flash' width='180' height='220' data='" + deezURL + "'> <param name='movie' value='" + deezURL + "' /></object>";
} else {

var ob = document.createElement("object");
ob.style.zIndex = "1";
ob.setAttribute("type", "application/x-shockwave-flash");
ob.setAttribute("width", "180");
ob.setAttribute("height", "220");
ob.setAttribute("data", deezURL);

var par1 = document.createElement("param");
par1.setAttribute("name","movie");
par1.setAttribute("value", deezURL);

ob.appendChild(par1);

while(x.hasChildNodes() ) {
x.removeChild( x.firstChild );
}
x.appendChild(ob);
}
}
/* ]]> */
</script>

<script type="text/javascript">
/* <![CDATA[ */
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
/* ]]> */
</script>
<script type="text/javascript">
/* <![CDATA[ */
var pageTracker = _gat._getTracker("UA-4810265-1");
pageTracker._initData();
pageTracker._trackPageview();
/* ]]> */
</script>

<!-- Start of StatCounter Code -->
<script type="text/javascript">
/* <![CDATA[ */
var sc_project=3821315;
var sc_invisible=1;
var sc_partition=34;
var sc_click_stat=1;
var sc_security="40cfb98b";
/* ]]> */
</script>

<script type="text/javascript" src="http://www.statcounter.com/counter/counter_xhtml.js"></script><noscript><div class="statcounter"><a href="http://www.statcounter.com/free_hit_counter.html" target="_blank"><img class="statcounter" src="http://c.statcounter.com/3821315/0/40cfb98b/1/" alt="hit counter html code" ></a></div></noscript>
<!-- End of StatCounter Code -->

</body>
</html>

_________________
Je suis l'administrateur de ce forum, pour toute question special :

http://perle-are-bord.forumactif.org/msg.forum?mode=post&u=1

secouss
Admin
Admin

grade : [wow]custom:Passez le curseur,,big admin,)/t[/wow]
Messages : 122
Points : 5400
Réputation : 4
Date d'inscription : 25/01/2010
Age : 24

Voir le profil de l'utilisateur http://perle-are-bord.forumactif.org

Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum