Thread: I can't add javascript from Hypergurl.com into my BV page

Hey everyone,
need your help...
I'm trying to paste a javascript (a trailing clock cursor script) from hypergurl.com into one of my BV pages. On their website, they say it should be inserted between the body tags. So i tried to do this by opening the Page HTML and insert it manually. But nothing showed up when i published it. Then i remembered that since it is a script, i should instead click on the script thing (left of the screen in BV), d/click it and and paste the code in it. Didn't work either.

Any idea how i should insert this code?
P.S. their website also warns against possible conflict between scripts. Is it what's happening inside my page? It's a really cool feature and i would like to be able to use it in my website. Thank you. My client ID # : 18954

The script code is:

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

Post a link to the page you inserted it between the <head> tags on, might just be something small that was missed, ill take a look at the source

Thanks for trying to help me.
In the first URL, i placed the script between the head tags.

http://frenchtasticpeople.com/index.html

In the second URL, i placed the script between the body tags
http://frenchtasticpeople.com/classroom.html

I still can't figure out why none of these methods won't work. Merci (thanks in French)

On the first link index.html you have both between your <head></head> tags, and also in the middle of the <body> tag (ei <body <script></script>>). It shouldn't make a difference in whether it works or not, but change
<SCRIPT language=JavaScript>

to
<SCRIPT language="JavaScript">

while you are at it.

I think its the fact that your <body> tag is messed up is why it is not working. Unless there is additional code that is missing (like some code to initiate the javascript to run, like an onLoad event).

I changed it as you said and placed the " " before and after JavaScript, but nothing really changed. It may be that my some additional code is missing as you said. I think i will focus on working on the content of my pages for now. When i'm totally done, i will spend more time adding all these fancy (but not so necessary)stuff on my pages. Thanks again for all your help. I will certainly email you when i need some scripting done on my site..

Merci encore.

Herman

Herman,
I tried adding a couple of their scripts to a test page - and also couldn't get it to work. Am not sure why- but I'll be playing with them in the future, because I can't see why they won't work.

Thank you, Bethers.
Please let me know if you get any success with that. I'll come check this thread sometime soon. Thanks again for all your help.

Herman