bonsaison: Zwei Javascripts gleichzeitig laufen lassen

SELF-Forum

Zwei Javascripts gleichzeitig laufen lassen

bonsaison Homepage des Autors
– Informationen zu den Bewertungsregeln

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&ouml;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>&#160; nach unten&#160;&#160;&#160;&#160      <a href="javascript:history.back()">[zur&uuml;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&auml;nderung Vorstandssitzung</span>Der Termin f&uuml;r die n&auml;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&uuml;r die SUA, sowie Uwe Berdysz 815 Holz und Sumir Sindi 728 Holz f&uuml;r die G&auml;ste.<br>   Nach einer schwachen ersten Bahn konnte sich Daniel Grundmann noch stark steigern   und w&auml;re fast noch an die 815 Holz von Uwe Berdysz herangekommen.   <br>   </UL></LI></font></td></p>  </tr>  <tr> ... usw.

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Zwei Javascripts gleichzeitig laufen lassen

    Ingo Turski Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    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".

    zwei überaus unwichtige Dinge und eines davon extrem nervig.

    <tr> ... usw.

    paßte der restliche Code nicht mehr? ;-)
    Es kann gut sein, daß sich niemand hier die Mühe macht, und aus dem umfangreichen Quellcode genau die Passagen für Dich heraussucht, die hier relevant sind.

    freundliche Grüße
    Ingo

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Zwei Javascripts gleichzeitig laufen lassen

    Tobias Müller
    – Informationen zu den Bewertungsregeln

    Hallo bonsaison,

    <SCRIPT language=JavaScript>

    <script type="text/javascript"> wäre richtig.

    if (ns||ie)window.onload=Delay;

    hier hast du dein erstes window.onload event.

    <script language="JavaScript1.2">

    siehe oben.

    function glowit(which){
    [...]
    }

    der Tatsache, dass das Script nur im IE funktioniert bist du dir bewusst?

    window.onload=startglowing

    hier hast du dein zweites window.onload event, dass das erste überschreibt.
    Fazit: Kommentiere die beiden onload-events aus und fasse sie in eines zusammen:
    window.onload = function() {
        if (ns||ie) Delay();
        if (ie) startglowing();
    };

    MfG, Mülli

    --
    Viva Colonia!
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Zwei Javascripts gleichzeitig laufen lassen

      bonsaison
      – Informationen zu den Bewertungsregeln

      Hallo Tobias,

      vielen Dank für Deine Hilfe. Hab das sofort ausprobiert und es
      funzt. Nochmals vielen Dank !

      Gruss Udo

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln