dang clocks and text Options

[redneck97]

ok i need help i wana put a clock or text by my mouse. so if some1 could give me a code and be verry Specific on where it goes tell me. i would realy owe u 1

[*mona lisa*]

<!-- begin code provided by createblog.com --><br /><script language=JavaScript><br />//Alter nothing below! Alignments will be lost!<br /><!-- Script supplied by Hypergurl http://www.hypergurl.com --><br /><!-- hide this stuff from other browsers<br />dCol='000000';//date colour.<br />fCol='000000';//face colour.<br />sCol='000000';//seconds colour.<br />mCol='000000';//minutes colour.<br />hCol='000000';//hours colour.<br />ClockHeight=40;<br />ClockWidth=40;<br />ClockFromMouseY=0;<br />ClockFromMouseX=100;<br /><br /><br />d=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY");<br />m=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER");<br />date=new Date();<br />day=date.getDate();<br />year=date.getYear();<br />if (year < 2000) year=year+1900;<br />TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;<br />D=TodaysDate.split('');<br />H='...';<br />H=H.split('');<br />M='....';<br />M=M.split('');<br />S='.....';<br />S=S.split('');<br />Face='1 2 3 4 5 6 7 8 9 10 11 12';<br />font='Arial';<br />size=1;<br />speed=0.6;<br />ns=(document.layers);<br />ie=(document.all);<br />Face=Face.split(' ');<br />n=Face.length;<br />a=size*10;<br />ymouse=0;<br />xmouse=0;<br />scrll=0;<br />props="<font face="+font+" size="+size+" color="+fCol+"><B>";<br />props2="<font face="+font+" size="+size+" color="+dCol+"><B>";<br />Split=360/n;<br />Dsplit=360/D.length;<br />HandHeight=ClockHeight/4.5<br />HandWidth=ClockWidth/4.5<br />HandY=-7;<br />HandX=-2.5;<br />scrll=0;<br />step=0.06;<br />currStep=0;<br />y=new Array();x=new Array();Y=new Array();X=new Array();<br />for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}<br />Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();<br />for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}<br />if (ns){<br />for (i=0; i < D.length; i++)<br />document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');<br />for (i=0; i < n; i++)<br />document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');<br />for (i=0; i < S.length; i++)<br />document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');<br />for (i=0; i < M.length; i++)<br />document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');<br />for (i=0; i < H.length; i++)<br />document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');<br />}<br />if (ie){<br />document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');<br />for (i=0; i < D.length; i++)<br />document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');<br />document.write('</div></div>');<br />document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');<br />for (i=0; i < n; i++)<br />document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');<br />document.write('</div></div>');<br />document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');<br />for (i=0; i < H.length; i++)<br />document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');<br />document.write('</div></div>');<br />document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');<br />for (i=0; i < M.length; i++)<br />document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');<br />document.write('</div></div>')<br />document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');<br />for (i=0; i < S.length; i++)<br />document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');<br />document.write('</div></div>')<br />}<br />(ns)?window.captureEvents(Event.MOUSEMOVE):0;<br />function Mouse(evnt){<br />ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;<br />xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;<br />}<br />(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;<br />function ClockAndAssign(){<br />time = new Date ();<br />secs = time.getSeconds();<br />sec = -1.57 + Math.PI * secs/30;<br />mins = time.getMinutes();<br />min = -1.57 + Math.PI * mins/30;<br />hr = time.getHours();<br />hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;<br />if (ie){<br />Od.style.top=window.document.body.scrollTop;<br />Of.style.top=window.document.body.scrollTop;<br />Oh.style.top=window.document.body.scrollTop;<br />Om.style.top=window.document.body.scrollTop;<br />Os.style.top=window.document.body.scrollTop;<br />}<br />for (i=0; i < n; i++){<br /> var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;<br /> F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;<br /> F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);<br /> }<br />for (i=0; i < H.length; i++){<br /> var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;<br /> HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;<br /> HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);<br /> }<br />for (i=0; i < M.length; i++){<br /> var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;<br /> ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;<br /> ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);<br /> }<br />for (i=0; i < S.length; i++){<br /> var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;<br /> SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;<br /> SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);<br /> }<br />for (i=0; i < D.length; i++){<br /> var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;<br /> DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;<br /> DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);<br /> }<br />currStep-=step;<br />}<br />function Delay(){<br />scrll=(ns)?window.pageYOffset:0;<br />Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);<br />Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);<br />for (i=1; i < D.length; i++){<br />Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);<br />Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);<br />}<br />y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);<br />x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);<br />for (i=1; i < n; i++){<br />y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);<br />x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);<br />}<br />ClockAndAssign();<br />setTimeout('Delay()',20);<br />}<br />if (ns||ie)window.onload=Delay;<br />// end the hiding comment --><br /></SCRIPT><br /><!-- end code provided by createblog.com -->

Paste into your Header HTML. Don't change anything except the colors to match your xanga.

[redneck97]

where in my html?

[*mona lisa*]

Does this code work then?

<!-- begin code provided by createblog.com --><br /><script type="text/javascript"><br /><!--<br />var AM = "am";<br />var PM = "pm";<br /><br />var date = new Date();<br />var hour = date.getHours();<br />var minute = date.getMinutes();<br /><br />if ( hour == 0 ) {<br />writeTime( hour + 12, minute, AM );<br />}<br />else if ( hour < 12 ) {<br />writeTime( hour, minute, AM );<br />}<br />else if ( hour == 12 ) {<br />writeTime( hour, minute, PM );<br />}<br />else if ( hour >= 12 ) {<br />writeTime( hour - 12, minute, PM );<br />}<br /><br />function writeTime( hour, minute, am_pm ) {<br />var time = hour + "<font color='#FF0000'>:</font>" + minute + " " + am_pm;<br /><br />document.write( time );<br />}<br />//--><br /></script><br /><!-- end code provided by createblog.com -->

This goes in your HTML Header. Take out the other one first.

[redneck97]

k

ya it works thank you

but i still gota find a code that has text foloen my mouse.

thx for your help i owe u 1

[*mona lisa*]

Please don't double post. Use the edit button located at the top right of your post. =)

No problem.

I'll look for the code with text trailing your mouse.
Found it:

<!-- begin code provided by createblog.com --><br /><script><br />/*<br />Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/)<br />Permission given to Dynamicdrive.com to feature script in it's archive.<br />For full source code, installation instructions, and 1000's more DHTML scripts,<br />visit http://dynamicdrive.com<br />*/<br />var x,y<br />var step=20<br />var flag=0<br />// Your snappy message. Important: the space at the end of the sentence!!!<br />var message="YOUR MESSAGE HERE  "<br />message=message.split("")<br /><br />var xpos=new Array()<br />for (i=0;i<=message.length-1;i++) {<br /> xpos[i]=-50<br />}<br /><br />var ypos=new Array()<br />for (i=0;i<=message.length-1;i++) {<br /> ypos[i]=-50<br />}<br /><br />function handlerMM(e){<br /> x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX<br /> y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY<br /> flag=1<br />}<br /><br />function makesnake() {<br /> if (flag==1 && document.all) {<br />     for (i=message.length-1; i>=1; i--) {<br />      xpos[i]=xpos[i-1]+step<br />   ypos[i]=ypos[i-1]<br />     }<br />  xpos[0]=x+step<br />  ypos[0]=y<br /> <br />  for (i=0; i<message.length-1; i++) {<br />      var thisspan = eval("span"+(i)+".style")<br />      thisspan.posLeft=xpos[i]<br />   thisspan.posTop=ypos[i]<br />     }<br /> }<br /> <br /> else if (flag==1 && document.layers) {<br />     for (i=message.length-1; i>=1; i--) {<br />      xpos[i]=xpos[i-1]+step<br />   ypos[i]=ypos[i-1]<br />     }<br />  xpos[0]=x+step<br />  ypos[0]=y<br /> <br />  for (i=0; i<message.length-1; i++) {<br />      var thisspan = eval("document.span"+i)<br />      thisspan.left=xpos[i]<br />   thisspan.top=ypos[i]<br />     }<br /> }<br />  var timer=setTimeout("makesnake()",30)<br />}<br /></script><br /><!-- end code provided by createblog.com -->

Where it says

var message="YOUR MESSAGE HERE  "

put in your code and don't forget to leave the space at the end of the message! =]

This post has been edited by gotnoheart: May 20 2005, 05:37 PM

[redneck97]

nm i give up iv been trying for at least 14days to get this to work

[*mona lisa*]

It didn't work?

[redneck97]

<!-- begin code provided by createblog.com --><br /><script type='text/javascript'><br /><br />// Welcome page, brought to you by blogring<br /><br />// PICTURE URL GOES HERE<br />var picture = 'http://www.geocities.com/SiliconValley/Peaks/8601/images/animation/cockergood.gif';<br /><br />function enterSite(welcome) {<br />document.getElementById('welcomepage').style.display = 'none';<br />//document.write.blogring<br />var brnet = document.getElementsByTagName("center");<br />for (var i=0; i<brnet.length;i++) {<br />brnet[i].style.display = 'block';<br />}<br />return false;<br />}<br /><br />if (document.title.slice(-10) == 'Xanga Site') {<br />document.write('</span></center><style type="text/css"> center {display:none;} .picture {border:1px solid #ffffff;} </style><table height="100%" width="100%" id="welcomepage"><tr><td align="center" valign="middle" style="text-align:center !important;"><a href="#ffffff" onclick="return enterSite();"><img src="'+ picture +'" border="0" class="picture"></a></td></tr></table><center><span>');<br />}<br /></script><br /><br /><br /><BODY onLoad="startBanner()"><br /><br /><!-- end code provided by createblog.com --><br /><br /><script>document.title="Welcome to my Paintball Site";</script><br /><i><style type="text/css">body{background-color:white;background-image:url("http://www.websweeper.com/php/paintball/pics/fp-bunk1.jpg");background-attachment:fixed}<br /><br />TD,P,body,A{COLOR:ehite;FONT-FAMILY:comicsans;FONT-SIZE:10pt;cursor:crosshair;}<br /><br /><br /><br />body{scrollbar-face-color:black;<br />scrollbar-arrow-color:red;<br />scrollbar-track-color:red;<br />scrollbar-shadow-color:black;<br />scrollbar-highlight-color:red;<br />scrollbar-3dlight-color:red;<br />scrollbar-darkshadow-color:black;}</style><br /><br /><!-- begin code provided by createblog.com --><br /><DIV align="center" valign="middle" style="BORDER-RIGHT: #FFFFFF 1px solid; BORDER-TOP: #FFFFFF 1px solid; FILTER: alpha(opacity=50); OVERFLOW: auto; BORDER-LEFT: #FFFFFF 1px solid; WIDTH: 800px; BORDER-BOTTOM: #FFFFFF 1px solid; HEIGHT: 480px; BACKGROUND-COLOR:<br />#ffffff"><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><br /><script><br /><!-- begin code provided by createblog.com --><br /><br /><!--<br />//blink boxes - xanga.com/add_ons<br />//by sean f [url=http://www.xanga.com/seanmeister]http://www.xanga.com/seanmeister[/url]<br /><br />//fixed to work with new security measures by<br />//hotaru_01 [url=http://www.xanga.com/hotaru_01]http://www.xanga.com/hotaru_01[/url]<br /><br />// customize by changing the values below<br />// these are the various colors, in quotes, seperated by commas<br />var blinkColors = new Array("#FF0000","#000000","#ffffff");<br />// the border color<br />var blinkBorderColor = "#000000"<br />// the border width, in pixels<br />var blinkBorderWidth = 1;<br />// the # of rows<br />var blinkRows = 1;<br />// the # of columns<br />var blinkCols = 100;<br />// the width of the entire box, in pixels or %<br />var blinkWidth = 800;<br />// the height of each row, in pixels<br />var blinkRowHeight = 10;<br />// speed of blinking, in milliseconds<br />var blinkRate = 20;<br /><br />// do not edit below this line<br />st=setTimeout;<br />document.write("<table id='blinkbox' width='" + blinkWidth +"' border = 0 cellspacing='" + blinkBorderWidth + "' cellpadding=0 bgcolor='" + blinkBorderColor +"'>");<br />for (r = 0; r < blinkRows; r++){<br />document.write("<TR>");<br />for (c = 0; c < blinkCols; c++){<br />document.write("<TD height='" + blinkRowHeight + "'></TD>");<br />}<br />document.write("</TR>");<br />}<br />document.write("</table>");<br />// ... and this makes it blink<br />function blinkIt() {<br />changecell = Math.floor(Math.random() * (blinkCols * blinkRows));<br />changecolor = Math.floor(Math.random() * blinkColors.length);<br />bb = document.getElementById("blinkbox");<br />bbtd = bb.getElementsByTagName("td");<br />bbtd[changecell].style.backgroundColor = blinkColors[changecolor];<br />st('blinkIt()', blinkRate);<br />}<br />blinkIt();<br />//--><br />'http://www.geocities.com/SiliconValley/Peaks/8601/images/animation/mytwist.gif';<br /><!-- end code provided by createblog.com --><br /></script><br /><br /><!-- end code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><script><br />/*<br />Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/)<br />Permission given to Dynamicdrive.com to feature script in it's archive.<br />For full source code, installation instructions, and 1000's more DHTML scripts,<br />visit [url=http://dynamicdrive.com]http://dynamicdrive.com[/url]<br />*/<br />var x,y<br />var step=20<br />var flag=0<br />// Your snappy message. Important: the space at the end of the sentence!!!<br />var message="YOUR MESSAGE HERE  "<br />message=message.split("")<br /><br />var xpos=new Array()<br />for (i=0;i<=message.length-1;i++) {<br /> xpos[i]=-50<br />}<br /><br />var ypos=new Array()<br />for (i=0;i<=message.length-1;i++) {<br /> ypos[i]=-50<br />}<br /><br />function handlerMM(e){<br /> x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX<br /> y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY<br /> flag=1<br />}<br /><br />function makesnake() {<br /> if (flag==1 && document.all) {<br />     for (i=message.length-1; i>=1; i--) {<br />      xpos[i]=xpos[i-1]+step<br />   ypos[i]=ypos[i-1]<br />     }<br />  xpos[0]=x+step<br />  ypos[0]=y<br /> <br />  for (i=0; i<message.length-1; i++) {<br />      var thisspan = eval("span"+(i)+".style")<br />      thisspan.posLeft=xpos[i]<br />   thisspan.posTop=ypos[i]<br />     }<br /> }<br /> <br /> else if (flag==1 && document.layers) {<br />     for (i=message.length-1; i>=1; i--) {<br />      xpos[i]=xpos[i-1]+step<br />   ypos[i]=ypos[i-1]<br />     }<br />  xpos[0]=x+step<br />  ypos[0]=y<br /> <br />  for (i=0; i<message.length-1; i++) {<br />      var thisspan = eval("document.span"+i)<br />      thisspan.left=xpos[i]<br />   thisspan.top=ypos[i]<br />     }<br /> }<br />  var timer=setTimeout("makesnake()",30)<br />}<br /></script><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

is the code

[hi-C]

If you look at your code, you'll see a "SetTimeOut" setting in your cursor script. The "SetTimeOut" function no longer works on Xanga and that's probably causing your script to not work.

[redneck97]

ok :satisfied: thx