Bonjour,
Je vous le code HTML d'un lecteur de musique deezer qui gere plusieurs styles de musique au choix !!!!!
le voici en lien
http://ig.gmodules.com/...
Et voici le code HTML il fait environ 165 lignes et il marche !!!
<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 </option>
<option value="56">tops </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(https://sites.google.com/site/htmltoxhtml/loading.gif no-repeat 40px 50px;"><div style="margin:0; height:220px; width:180px;z-index:1;" id="id1"></div>
<a href="https://www.deezer.com/fr/ " target="_blank" style="border:none;margin:0;padding:0;">
<img src="https://image.staticox.com/?url=http%3A%2F%2Fwww.deezer.com%2Fembedded%2Ffooter.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://cdn-files.deezer.com/swf/kamino-v15.swf?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 + "/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="https://statcounter.com/free-hit-counter/ " target="_blank"><img class="statcounter" src="https://c.statcounter.com/3821315/0/40cfb98b/1/ " alt="hit counter html code" ></a></div></noscript>
<!-- End of StatCounter Code -->
</body>
</html>
Afficher la suite
