<s.************ @gmail.com> wrote in message
news:11******** **************@ g47g2000cwa.goo glegroups.com.. .
I want to make analog clock skin of windows media player so how can i
roteate the layer upto 360 degrees with the help of javascript please
tell me iam very anxious about it. iam the first and only skinner in
Pakistan. i really need your help. Remember Analog clock Using XML
LAYER Wit script of java. you just have tell me about java script i can
work with xml well!
HAVE A NICE DAY
GOOD BYE!
Maybe you can do something with this. (Authour unknown.)
<html>
<head>
<title>clock.ht m</title>
<script type="text/javascript">
// Clock Variations
var clocked = false;
if (screen.availHe ight > 600) clocked = true;
var locked = true;
function locker() {
locked ? locked = false : locked = true;
}
// Clock Variables
var ClockHeight = 40;
var ClockWidth = 40;
var ClockFromMouseY = 0;
var ClockFromMouseX = 100;
var dCol = '000000'; // date color
var fCol = '000000'; // face color
var sCol = '000000'; // secs color
var mCol = '000000'; // mins color
var hCol = '000000'; // hour color
var xPos = 100;
var yPos = 100;
// Clock Processing
var ie = (document.all);
var ns = (document.layer s);
var days = new
Array("SUNDAY", "MONDAY","TUESD AY","WEDNESDAY" ,"THURSDAY","FR IDAY","SATURDAY "
);
var mons = new
Array("JANUARY" ,"FEBRUARY","MA RCH","APRIL","M AY","JUNE","JUL Y","AUGUST","SE P
TEMBER","OCTOBE R","NOVEMBER"," DECEMBER");
var date = new Date();
var year = date.getYear();
if (year < 2000) year+=1900;
var today = " "+days[date.getDay()]+" "+date.getDate( )+"
"+mons[date.getMonth()]+" "+year;
var D = today.split('') ;
var H = '...';
H = H.split('');
var M = '....';
M = M.split('');
var S = '.....';
S = S.split('');
var font = 'Arial';
var size = 1;
var speed = 0.5;
var Face = '1 2 3 4 5 6 7 8 9 10 11 12';
Face = Face.split(' ');
var n = Face.length;
var a = size*10;
var ymouse = 0;
var xmouse = 0;
var scrll = 0;
var props = "<font face="+font+" size="+size+" color="+fCol+"> <B>";
var props2 = "<font face="+font+" size="+size+" color="+dCol+"> <B>";
var Split = 360/n;
var Dsplit = 360/D.length;
var HandHeight = ClockHeight/4.5;
var HandWidth = ClockWidth/4.5;
var HandY = -7;
var HandX = -2.5;
var step = 0.06;
var currStep = 0;
var y = new Array();
var x = new Array();
var Y = new Array();
var X = new Array();
for (i=0; i<n; i++) {
y[i] = 0;
x[i] = 0;
Y[i] = 0;
X[i] = 0;
}
var Dy = new Array();
var Dx = new Array();
var DY = new Array();
var DX = new Array();
for (i=0; i<D.length; i++) {
Dy[i] = 0;
Dx[i] = 0;
DY[i] = 0;
DX[i] = 0;
}
if (clocked) {
if (ns) {
for (i=0; i<D.length; i++)
document.write( '<layer name="nsDate'+i +'" top=0 left=0 height='+a+'
width='+a+'><ce nter>'+props2+D[i]+'</font></center></layer>');
for (i=0; i<n; i++)
document.write( '<layer name="nsFace'+i +'" top=0 left=0 height='+a+'
width='+a+'><ce nter>'+props+Fa ce[i]+'</font></center></layer>');
for (i=0; i<S.length; i++)
document.write( '<layer name="nsSecs'+i +'" top=0 left=0 width=15
height=15><font face=Arial size=3
color='+sCol+'> <center><b>'+ S[i]+'</b></center></font></layer>');
for (i=0; i<M.length; i++)
document.write( '<layer name="nsMins'+i +'" top=0 left=0 width=15
height=15><font face=Arial size=3
color='+mCol+'> <center><b>'+ M[i]+'</b></center></font></layer>');
for (i=0; i<H.length; i++)
document.write( '<layer name="nsHour'+i +'" top=0 left=0 width=15
height=15><font face=Arial size=3
color='+hCol+'> <center><b>'+ H[i]+'</b></center></font></layer>');
}
if (ie) {
document.write( '<div id="Od"
style="position :absolute;top:0 px;left:0px"><d iv
style="position :relative">');
for (i=0; i<D.length; i++)
document.write( '<div id="ieDate"
style="position :absolute;top:0 px;left:0;heigh t:'+a+';width:' +a+';text-align:
center">'+props 2+D[i]+'</B></font></div>');
document.write( '</div></div>');
document.write( '<div id="Of"
style="position :absolute;top:0 px;left:0px"><d iv
style="position :relative">');
for (i=0; i<n; i++)
document.write( '<div id="ieFace"
style="position :absolute;top:0 px;left:0;heigh t:'+a+';width:' +a+';text-align:
center">'+props +Face[i]+'</B></font></div>');
document.write( '</div></div>');
document.write( '<div id="Oh"
style="position :absolute;top:0 px;left:0px"><d iv
style="position :relative">');
for (i=0; i<H.length; i++)
document.write( '<div id="ieHour"
style="position :absolute;width :16px;height:16 px;font-family:Arial;fo nt-size:
16px;color:'+hC ol+';text-align:center;fo nt-weight:bold">'+ H[i]+'</div>');
document.write( '</div></div>');
document.write( '<div id="Om"
style="position :absolute;top:0 px;left:0px"><d iv
style="position :relative">');
for (i=0; i<M.length; i++)
document.write( '<div id="ieMins"
style="position :absolute;width :16px;height:16 px;font-family:Arial;fo nt-size:
16px;color:'+mC ol+';text-align:center;fo nt-weight:bold">'+ M[i]+'</div>');
document.write( '</div></div>')
document.write( '<div id="Os"
style="position :absolute;top:0 px;left:0px"><d iv
style="position :relative">');
for (i=0; i<S.length; i++)
document.write( '<div id="ieSecs"
style="position :absolute;width :16px;height:16 px;font-family:Arial;fo nt-size:
16px;color:'+sC ol+';text-align:center;fo nt-weight:bold">'+ S[i]+'</div>');
document.write( '</div></div>')
}
}
(ns)?window.cap tureEvents(Even t.MOUSEMOVE):0;
function Mouse(evnt) {
ymouse =
(ns)?evnt.pageY +ClockFromMouse Y-(window.pageYOf fset):event.y+C lockFromMouseY
;
xmouse = (ns)?evnt.pageX +ClockFromMouse X:event.x+Clock FromMouseX;
}
(ns)?window.onM ouseMove=Mouse: document.onmous emove=Mouse;
function ClockAndAssign( ) {
if (!clocked) return;
var time = new Date ();
var secs = time.getSeconds ();
var sec = -1.57 + Math.PI * secs/30;
var mins = time.getMinutes ();
var min = -1.57 + Math.PI * mins/30;
var hr = time.getHours() ;
var hrs = -1.575 + Math.PI *
hr/6+Math.PI*parse Int(time.getMin utes())/360;
if (ie) {
Od.style.top = window.document .body.scrollTop ;
Of.style.top = window.document .body.scrollTop ;
Oh.style.top = window.document .body.scrollTop ;
Om.style.top = window.document .body.scrollTop ;
Os.style.top = window.document .body.scrollTop ;
}
for (i=0; i<n; i++) {
var F = (ns)?document.l ayers['nsFace'+i]:ieFace[i].style;
F.top = y[i] + ClockHeight*Mat h.sin(-1.0471 +
i*Split*Math.PI/180)+scrll;
F.left = x[i] + ClockWidth*Math .cos(-1.0471 +
i*Split*Math.PI/180);
}
for (i=0; i<H.length; i++) {
var HL = (ns)?document.l ayers['nsHour'+i]:ieHour[i].style;
HL.top = y[i]+HandY+(i*HandH eight)*Math.sin (hrs)+scrll;
HL.left = x[i]+HandX+(i*HandW idth)*Math.cos( hrs);
}
for (i=0; i<M.length; i++) {
var ML = (ns)?document.l ayers['nsMins'+i]:ieMins[i].style;
ML.top = y[i]+HandY+(i*HandH eight)*Math.sin (min)+scrll;
ML.left = x[i]+HandX+(i*HandW idth)*Math.cos( min);
}
for (i=0; i<S.length; i++) {
var SL = (ns)?document.l ayers['nsSecs'+i]:ieSecs[i].style;
SL.top = y[i]+HandY+(i*HandH eight)*Math.sin (sec)+scrll;
SL.left = x[i]+HandX+(i*HandW idth)*Math.cos( sec);
}
for (i=0; i<D.length; i++) {
var DL = (ns)?document.l ayers['nsDate'+i]:ieDate[i].style;
DL.top = Dy[i] +
ClockHeight*1.5 *Math.sin(currS tep+i*Dsplit*Ma th.PI/180)+scrll;
DL.left = Dx[i] +
ClockWidth*1.5* Math.cos(currSt ep+i*Dsplit*Mat h.PI/180);
}
currStep -= step;
}
function Delay(){
if (locked) {
xmouse = xPos;
ymouse = yPos;
}
scrll = (ns)?window.pag eYOffset:0;
Dy[0] = Math.round(DY[0]+=((ymouse)-DY[0])*speed);
Dx[0] = Math.round(DX[0]+=((xmouse)-DX[0])*speed);
for (i=1; i<D.length; i++) {
Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);
}
y[0] = Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0] = Math.round(X[0]+=((xmouse)-X[0])*speed);
for (i=1; i<n; i++) {
y[i] = Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i] = Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
ClockAndAssign( );
setTimeout('Del ay()',40);
}
if (ns||ie) window.onload=D elay;
</script>
</head>
<body style="margin:0 px">
<sup><a href="javascrip t:locker()">flo at</a></sup>
</body>
</html>
