After the change of browser engine the right click menu is not working anymore to detach the display
another thing is that i customized a track view for my pub and the lastfm query is not working anymore
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<title>Now Playing</title>
<script src="pm.js" type="text/javascript"></script>
<script language="javascript">
i = 0
var speed = 1
function scroll() {
i = i + speed
var div = document.getElementById("lastfm")
div.scrollTop = i
if (i > div.scrollHeight - 270) {i = -40}
t1=setTimeout("scroll()",100)
}
</script>
<script type="text/javascript">
function toggleVisible(obj) {
Effect.toggle(obj, 'blind');
// var el = document.getElementById(obj);
// el.style.display = (el.style.display != 'none' ? 'none' : '' );
}
var cookieMgr = {
get: function(name) {
var o = new RegExp(name + "=([^;]+)").exec(document.cookie);
return o && unescape(o[1]);
},
set: function(name, value, days) {
var expires = "";
if (days) {
expires = "; expires=" +
new Date(new Date().getTime() + days*24*60*60*1000).toGMTString();
}
document.cookie = name + "=" + escape(value) + expires + "; path=/";
},
erase: function(name) {
this.set(name, "", -1);
}
};
function onLoad()
{
// GET INFO FROM LAST FM
process('lastfm_wiki_de', 'lastfm');
//process('lyrics_lyricsplugin', 'lyrics_results');
//process('track_similar_tracks', 'similartracks_content', '', '10');
//old
// GET INFO FROM MC
window.external.getCurrentAlbum('currentAlbum') ;
window.external.getFavorite('favourites_content') ;
window.external.getMostPlayed('mostplayed_content') ;
window.external.getDisco('albums_by_content') ;
}
function process(type, div, option, limit)
{
//###########################################################
//#### Build the full url corresponding to the .xml file ####
//###########################################################
document.getElementById(div).innerHTML = "<img src='loading.gif'>" ;
var track = encodeURIComponent(encodeURIComponent("TRACKINFO_INSERT_TITLE"));
var artist = encodeURIComponent(encodeURIComponent("TRACKINFO_INSERT_ARTIST"));
var tracknb = "TRACKINFO_INSERT_TRACKNUMBER";
var trackLyrics = encodeURIComponent("TRACKINFO_INSERT_TITLE");
var artistLyrics = encodeURIComponent("TRACKINFO_INSERT_ARTIST");
// Clean CD number in album name
var album = "TRACKINFO_INSERT_ALBUM";
album = album.replace(/ - Cd 1/,"");
album = album.replace(/ - Cd 2/,"");
album = album.replace(/ - Cd 3/,"");
album = album.replace(/ - Cd 4/,"");
var album = encodeURIComponent(encodeURIComponent(album));
if( type == "album" ){
xml = "http://ws.audioscrobbler.com/1.0/album/"+artist+"/"+album+"/info.xml";
option = tracknb;}
else if( type == "track_similar_tracks" )
xml = "http://ws.audioscrobbler.com/1.0/track/"+artist+"/"+track+"/similar.xml";
else if( type == "lastfm_wiki_en" )
html = "http://www.last.fm/music/"+artist+"/+wiki?setlang=en";
else if( type == "lastfm_wiki_fr" )
html = "http://www.lastfm.fr/music/"+artist+"/+wiki?setlang=fr";
else if( type == "lastfm_wiki_de" )
html = "http://www.lastfm.de/music/"+artist+"/+wiki?setlang=de";
if( type == "lastfm_wiki_en" || type == "lastfm_wiki_fr" || type == "lastfm_wiki_de"
|| type == "lyrics_lyricsplugin" || type == "lyrics_lyricwiki" )
importData2(html, div, type);
else
importData(xml, div, type, option, limit);
scroll()
}
</script>
<style type="text/css">
<!--
body {
color: #CCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left: 0px;
margin-right: 0px;
background-color: #000;
background-image: url();
background-repeat: no-repeat;
margin-top: 0px;
margin-bottom: 0px;
font-size: 30px;
font-style: normal;
}
#image img {
}
#info {
padding: 10px 15%;
margin: 0;
position: absolute;
bottom: 35px;
background: #000;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
#genre {
float: right;
color: #444;
margin-top: 10px;
}
h1 {
font-family: "Trebuchet MS", Tahoma, Helvetica, Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
}
small {
font-size: .6em;
color: #555;
position: relative;
bottom: .2em;
}
h2 {
border-top: 1px solid #222;
font-size: 0.9em;
color: #888;
margin: 5px 0 0 0;
padding: 5px 0 0 1.3em;
}
#rating {
background-image: url(star.gif);
background-repeat: repeat-x;
height: 15px;
line-height: 15px;
margin-top: 20px;
width: 0;
float: right;
}
.TRUE, .emptyValue {
display: none;
}
/*vertical centering*/
.parent {
height: 100%;
width: 100%;
position: relative;
}
.wrapper {
position: absolute;
top: -48px;
width: 100%:
; width: 740px;
left: -2px;
height: 184px;
text-align: center;
}
.content {
position: relative;
top: -55%;
width: 100%;
}
h1 small {
font-size: .3em;
color: #555;
position: relative;
bottom: .35em;
}
#image {
position:absolute;
width:300px;
height:300px;
z-index:1;
left: 20px;
top: 20px;
}
#titel {
position:absolute;
width:977px;
height:386px;
z-index:2;
left: 20px;
top: 372px;
background-repeat: no-repeat;
}
#uhr {
position:absolute;
width:200px;
height:47px;
z-index:14;
left: 20px;
top: 329px;
background-repeat: no-repeat;
}
#artist {
position:absolute;
width:713px;
height:50px;
z-index:8;
left: 35px;
top: 367px;
}
#bio_title {
position:absolute;
width:674px;
height:27px;
z-index:3;
left: 320px;
top: 20px;
text-align: center;
}
#bio_content {
position:absolute;
width:446px;
height:110px;
z-index:4;
overflow: auto;
left: -1px;
top: 315px;
}
#lastfm {
position:absolute;
width:614px;
height:290px;
z-index:5;
overflow:scroll;
overflow: auto;
left: 321px;
top: 70px;
text-align: center;
padding-left: 30px;
padding-right: 30px;
}
#tracklist_hits {
position:absolute;
width:90px;
height:29px;
z-index:10;
overflow:scroll;
overflow: visible;
left: 227px;
top: 330px;
}
.titelschrift {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 42px;
color: #FF0;
font-weight: normal;
}
.artistschrift {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 42px;
font-style: normal;
color: #FF0;
}
.albumschrift {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 35px;
}
-->
</style>
</head>
<body onLoad="onLoad();scroll()">
<div id="image"><img src="TRACKINFO_INSERT_IMAGE" width="300" height="300" /></div>
<div id="titel">
<p><span class="artistschrift">Künstler: TRACKINFO_INSERT_ARTIST<br />
</span><span class="titelschrift">Titel: TRACKINFO_INSERT_TITLE</span><br />
<span class="albumschrift">Album: TRACKINFO_INSERT_ALBUM</span><br />
Jahr: TRACKINFO_INSERT_YEAR<br />
<marquee scrollamount=2 scrolldelay=50>
<br />
<br />
Willkommen im Barock - KARNEVAL IM BAROCK: WEIBERFASTNACHT JECK, KÖLSCH & ROCK...alle anderen Tage MUSIK GEGEN DEN STROM - KONZERT am 28.02.2011 CRAZY---NO JUKEBOX (Eintritt Frei, der Hut geht rum!)
</MARQUEE>
</p>
</div>
<div id="bio_title">Biografie von: TRACKINFO_INSERT_ARTIST</div>
<div id="lastfm"></div>
<div id="bio_titel"></div>
<div id="tracklist_hits">
<input type="button" value="Stop" onclick="clearTimeout(t1)" /><input type="button" value="Start" onClick="scroll()">
</div>
<div id="uhr">
<script type="text/javascript" src="http://www.24webclock.com/clock24.js"></script>
<table border="0" cellspacing=1 cellpadding=3 class="clock24st" style="line-height:14px; padding:0;">
<tr>
<td height="33" class="clock24std" style="font-family:arial; font-size:24px; color: #FF0;"><a href="http://www.24webclock.com/" style="text-decoration:none; font-size: 32px;"><span class="clock24s" id="clock24_68367">website clock</span></a></td></tr>
</table>
<script type="text/javascript">
var clock24_68367 = new clock24('68367',60,'%HH:%nn:%ss %P','en');
clock24_68367.daylight('DE'); clock24_68367.refresh();
</script>
</div>
</body>
</html>
Author
Topic: detach display & other issue (Read 1153 times)