nicht angemeldet
Hallo,
ich habe zwei Javascripts in meine HP eingebaut. Zum einen eine Uhr, die dem Mauszeiger folgt und zum anderen, dass ein Text in verschiedenen Farben "glüht".
Meine Frage ist nun: Wie muss ich die Scripte einbinden damit sie gleichzeitig funktionieren? Sollte es schon einen solchen Thread geben habe ich ihn leider nicht gefunden. Also seht es mir nach. Bin mit meinem Latain am Ende und wäre für Hilfe sehr dankbar. Gruss Bonsaison Hier ist mal der Quellcode:
<head> <title>aktuelles</title> <meta name="description" content="Aktuelles aus dem Vereinsleben"> <meta name="author" content="Udo Nötzel"> <meta name="keywords" content="Aktuell, Neues, Erfolge,"> <meta name="generator" content="Ulli Meybohms HTML EDITOR">
<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=35; ClockWidth=35; ClockFromMouseY=0; ClockFromMouseX=90;
d=new Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"); m=new Array("JANUAR","FEBRUAR","MAERZ","APRIL","MAI","JUNI","JULI","AUGUST","SEPTEMBER","OKTOBER","NOVEMBER","DEZEMBER"); 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=size10; 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.02; 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;font-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;font-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;font-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+ClockFromMouseX; } (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.PIparseInt(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] + ClockHeightMath.sin(-1.0471 + iSplitMath.PI/180)+scrll; F.left=x[i] + ClockWidthMath.cos(-1.0471 + iSplitMath.PI/180); } for (i=0; i < H.length; i++){ var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style; HL.top=y[i]+HandY+(iHandHeight)Math.sin(hrs)+scrll; HL.left=x[i]+HandX+(iHandWidth)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+(iHandHeight)Math.sin(min)+scrll; ML.left=x[i]+HandX+(iHandWidth)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+(iHandHeight)Math.sin(sec)+scrll; SL.left=x[i]+HandX+(iHandWidth)Math.cos(sec); } for (i=0; i < D.length; i++){ var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style; DL.top=Dy[i] + ClockHeight1.5Math.sin(currStep+iDsplitMath.PI/180)+scrll; DL.left=Dx[i] + ClockWidth1.5Math.cos(currStep+iDsplitMath.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>
<style>
#glowtext{ filter:glow(color=FFFF00,strength=3); width:100%; } --> </style> <script language="JavaScript1.2"> function glowit(which){ if (document.all.glowtext[which].filters[0].strength==3) document.all.glowtext[which].filters[0].strength=2 else document.all.glowtext[which].filters[0].strength=3 } function glowit2(which){ if (document.all.glowtext.filters[0].strength==3) document.all.glowtext.filters[0].strength=2 else document.all.glowtext.filters[0].strength=3 } function startglowing(){ if (document.all.glowtext&&glowtext.length){ for (i=0;i<glowtext.length;i++) eval('setInterval("glowit('+i+')",100)') } else if (glowtext) setInterval("glowit2(0)",100) } if (document.all) window.onload=startglowing </script>
</head> <body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000" background="bilder/w_lc0188.jpg"> <center>
<a name="top"> <table width=90% align=center> <tr> <td colspan=2 bgcolor=#EEEEEE><a href="#bottom"> <img src="bilder/xgdown.gif" width=14 height=10 border=0></a>  nach unten     <a href="javascript:history.back()">[zurück]</a> </td> </tr> </table>
<font face="VERDANA,ARIAL,HELVETICA">
<table border=10 bordercolordark="#FF3C00" bordercolorlight="#0000FF" width=90% cellpadding=15 align=center> <tr> <td bgcolor="#00C0FF" align=left> <ul><LI><B><FONT SIZE="+1">06.10.04 </font> <br><br><LI><span id="glowtext"> Terminänderung Vorstandssitzung</span>Der Termin für die nächste Vorstandssitzung wurde <span id="glowtext"> vom 21.10.04 auf den 25.10.04 - 20.00 Uhr verlegt,</span> da am 21.10. die Vereinsmeisterschaften Senioren und Mixed ausgetragen werden.<br><br> <li>Blockvorstart der 1. Herrenmannschaft</li><br><br>Am 4.10.04 wurde auf unseren Kegelbahnen von der 1. Herren ein Blockvorstart gegen VSK Sodingen Baukau 2 gespielt. Hierbei erzielten Daniel Grundmann 793 Holz und Emir Cabric 776 Holz für die SUA, sowie Uwe Berdysz 815 Holz und Sumir Sindi 728 Holz für die Gäste.<br> Nach einer schwachen ersten Bahn konnte sich Daniel Grundmann noch stark steigern und wäre fast noch an die 815 Holz von Uwe Berdysz herangekommen. <br> </UL></LI></font></td></p> </tr> <tr> ... usw.