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


La musique Bas1


Rejoignez le forum, c’est rapide et facile

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


La musique Bas1
Perle Are Bord
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
-29%
Le deal à ne pas rater :
PC portable Gamer ERAZER DEPUTY P60 – 15,6” FHD 144Hz – i7-12è ...
999.99 € 1399.99 €
Voir le deal

La musique

Aller en bas

La musique Empty La musique

Message par secouss 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>
secouss
secouss
Admin
Admin

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

https://perle-are-bord.forumactif.org

Revenir en haut Aller en bas

Revenir en haut


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