mehrere java-scripte in einer seite ausführen?

-= pillepalle =-

-= pillepalle =-

0
hi

folgendes problem...

ich wollte in einer html-seite mehrere java-scripte zum laufen bringen, aber dieses vorhaben erwies sich als
nicht realisierbar!

das 1. script ist eine textdatei die von unten nach oben scrollt.
das 2. script sollte eine textanimation um den mauszeiger werden.

bringe ich jetzt beide scripte in die html seite ein, führt er nur den an erster stelle aufgeführten script aus!
das 2. script wird einfach ignoriert!

kann ich das ausführen der beiden scripte in einer seite irgendwie erzwingen?

mfg
-= pillepalle =-
 
Hi pillepalle,

hast Du auch jedes Mal vor dem Script und nach dem
Script den Anfang- und Endzeile gesetzt?

<script LANGUAGE="JavaScript">

// dies hier???

</script>
Zum Vergrößern anklicken....

Bei mir führt die Homepage damit beide Scripte
hintereinander aus!!!

MfG Rushjo
 
hi

ja, der anfang und das ende der jeweiligen scripte ist gesetzt.

trotzdem kein erfolg...
kann es sein das 2 scripte nicht gleichzeitig ausgeführt werden können?

mfg
-= pillepalle =-
 
nein, es werden auf jeden fall beide scripts abgearbeitet. Evtl ist eines der Scripts eine function, die natrlich aufgerufen werden muss. Oder du hast den <body onLoad=*> Teil falsch gesetzt oder ähnliches. Es wäre extrem hilfreich das beispiel mal zu posten. danke
 
hi

so, nun gibt es von mir 2 scripte...

script 1:


<body onLoad="sterne()" bgcolor="#000000">
<script language="javascript">
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
if (ns4up) {
hoehe = self.innerHeight;
breite= self.innerWidth;
} else if (ie4up) {
hoehe = document.body.clientHeight;
breite = document.body.clientWidth;
}
var xm=breite/2
var ym=hoehe/2
var x=new Array()
var y=new Array()
var xs=new Array()
var ys=new Array()
var ss=new Array()
for (i=0; i<31; i++) {
if (ns4up) {document.write("<layer id=\"st"+i+"\" top=0 left=0\">.<\/layer>\n")}
if (ie4up) {document.write("<div id='st"+i+"' style=\"position:absolute; top:0px; left:0px\"><\/div>\n")}
x=xm
y=ym
xs=Math.random()*6-3
ys=Math.random()*6-3
ss=-10+Math.random()*10
}
function sterne() {
if (ns4up) {sternens()}
if (ie4up) {sterneie()}
}
function sternens() {
for (i=0; i<31; i++) {
document.layers["st"+i].left=x+xs
document.layers["st"+i].top=y+ys
x=x+xs
y=y+ys
xs=xs*1.1
ys=ys*1.1
ss=ss+1
if ((ss/10)==(Math.floor(ss/10))) {
document["st"+i].document.write("<font color=#ffffff><font size=+"+(ss/10)+">.")
document["st"+i].document.close()
}
if (x<0 || x>breite) {xs=Math.random()*6-3,ys=Math.random()*6-3,x=xm,y=ym,ss=-1}
if (y<0 || y>hoehe) {xs=Math.random()*6-3,ys=Math.random()*6-3,x=xm,y=ym,ss=-1}
}
setTimeout("sternens()",10)
}
function sterneie() {
for (i=0; i<31; i++) {
document.all["st"+i].style.pixelLeft=x+xs
document.all["st"+i].style.pixelTop=y+ys
x=x+xs
y=y+ys
xs=xs*1.1
ys=ys*1.1
ss=ss+1
if ((ss/10)==(Math.floor(ss/10))) {
document.all["st"+i].innerHTML="<font color=#ffffff><font size=+"+(ss/10)+">."
}
if (x<0 || x>breite-100) {xs=Math.random()*6-3,ys=Math.random()*6-3,x=xm,y=ym,ss=-1}
if (y<0 || y>hoehe-100) {xs=Math.random()*6-3,ys=Math.random()*6-3,x=xm,y=ym,ss=-1}
}
setTimeout("sterneie()",10)
}
</script>

script 2:

<SCRIPT LANGUAGE=JavaScript>
dCol='0000ff';//farbe datum.

fCol='00cc00';//farbe uhrziffern.

sCol='ff0000';//farbe sekundenzeiger.

mCol='000000';//farbe minutenzeiger.

hCol='000000';//farbe stundenzeiger.

ClockHeight=25;//uhr höhe

ClockWidth=25;//uhr breite

ClockFromMouseY=0;

ClockFromMouseX=100;


d=new Array("SONNTAG","MONTAG","DIENSTAG","MITTWOCH","DONNERSTAG","FREITAG","SAMSTAG");

m=new Array("JANUAR","FEBRUAR","MÄRZ","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=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=0;x=0;Y=0;X=0}

Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();

for (i=0; i< D.length; i++){Dy=0;Dx=0;DY=0;DX=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+'</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+'</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+'</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+'</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+'</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+'</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+'</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+'</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+'</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+'</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.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.style;

F.top=y + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;

F.left=x + 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.style;

HL.top=y+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;

HL.left=x+HandX+(i*HandWidth)*Math.cos(hrs);

}

for (i=0; i< M.length; i++){

var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes.style;

ML.top=y+HandY+(i*HandHeight)*Math.sin(min)+scrll;

ML.left=x+HandX+(i*HandWidth)*Math.cos(min);

}

for (i=0; i< S.length; i++){

var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds.style;

SL.top=y+HandY+(i*HandHeight)*Math.sin(sec)+scrll;

SL.left=x+HandX+(i*HandWidth)*Math.cos(sec);

}

for (i=0; i< D.length; i++){

var DL=(ns)?document.layers['nsDate'+i]:ieDate.style;

DL.top=Dy + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;

DL.left=Dx + 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=Math.round(DY+=(Dy[i-1]-DY)*speed);

Dx=Math.round(DX+=(Dx[i-1]-DX)*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=Math.round(Y+=(y[i-1]-Y)*speed);

x=Math.round(X+=(x[i-1]-X)*speed);

}

ClockAndAssign();

setTimeout('Delay()',40);

}

if (ns||ie)window.onload=Delay;
</SCRIPT>


diese 2 scripte sollen zusammen laufen in einer html- seite.

das ist mein problem...

mfg
-= pillepalle =-
 
setzt das zweite script mal in eine funktion.
also z.B.

function startScript2() {
// Das 2te Script
}

Dann noch in den Body: onLoad="startScript2();"

cu,
little_Newbie
 
ok. bin zwar kein javascripter, aber es ist doch etwas ähnlich wie php...
Versuch mal das hier:
Code: 
<html>
<head>
<title>Test</title>
<script language=\"JavaScript\">
<!--
function start() {
sterne();
script2();
}
</script>

<script language=\"JavaScript\">
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
if (ns4up) {
hoehe = self.innerHeight;
breite= self.innerWidth;
} else if (ie4up) {
hoehe = document.body.clientHeight;
breite = document.body.clientWidth;
}
var xm=breite/2
var ym=hoehe/2
var x=new Array()
var y=new Array()
var xs=new Array()
var ys=new Array()
var ss=new Array()
for (i=0; i<31; i++) {
if (ns4up) {document.write(\"<layer id=\\"st\"+i+\"\\" top=0 left=0\\">.<\/layer>\n\")}
if (ie4up) {document.write(\"<div id='st\"+i+\"' style=\\"position:absolute; top:0px; left:0px\\"><\/div>\n\")}
x[i]=xm
y[i]=ym
xs[i]=Math.random()*6-3
ys[i]=Math.random()*6-3
ss[i]=-10+Math.random()*10
}
function sterne() {
if (ns4up) {sternens()}
if (ie4up) {sterneie()}
}
function sternens() {
for (i=0; i<31; i++) {
document.layers[\"st\"+i].left=x[i]+xs[i]
document.layers[\"st\"+i].top=y[i]+ys[i]
x[i]=x[i]+xs[i]
y[i]=y[i]+ys[i]
xs[i]=xs[i]*1.1
ys[i]=ys[i]*1.1
ss[i]=ss[i]+1
if ((ss[i]/10)==(Math.floor(ss[i]/10))) {
document[\"st\"+i].document.write(\"<font color=#ffffff><font size=+\"+(ss[i]/10)+\">.\")
document[\"st\"+i].document.close()
}
if (x[i]<0 || x[i]>breite) {xs[i]=Math.random()*6-3,ys[i]=Math.random()*6-3,x[i]=xm,y[i]=ym,ss[i]=-1}
if (y[i]<0 || y[i]>hoehe) {xs[i]=Math.random()*6-3,ys[i]=Math.random()*6-3,x[i]=xm,y[i]=ym,ss[i]=-1}
}
setTimeout(\"sternens()\",10)
}
function sterneie() {
for (i=0; i<31; i++) {
document.all[\"st\"+i].style.pixelLeft=x[i]+xs[i]
document.all[\"st\"+i].style.pixelTop=y[i]+ys[i]
x[i]=x[i]+xs[i]
y[i]=y[i]+ys[i]
xs[i]=xs[i]*1.1
ys[i]=ys[i]*1.1
ss[i]=ss[i]+1
if ((ss[i]/10)==(Math.floor(ss[i]/10))) {
document.all[\"st\"+i].innerHTML=\"<font color=#ffffff><font size=+\"+(ss[i]/10)+\">.\"
}
if (x[i]<0 || x[i]>breite-100) {xs[i]=Math.random()*6-3,ys[i]=Math.random()*6-3,x[i]=xm,y[i]=ym,ss[i]=-1}
if (y[i]<0 || y[i]>hoehe-100) {xs[i]=Math.random()*6-3,ys[i]=Math.random()*6-3,x[i]=xm,y[i]=ym,ss[i]=-1}
}
setTimeout(\"sterneie()\",10)
}
</script>


<SCRIPT LANGUAGE=\"JavaScript\">
function script2() {
dCol='0000ff';//farbe datum.

fCol='00cc00';//farbe uhrziffern.

sCol='ff0000';//farbe sekundenzeiger.

mCol='000000';//farbe minutenzeiger.

hCol='000000';//farbe stundenzeiger.

ClockHeight=25;//uhr höhe

ClockWidth=25;//uhr breite

ClockFromMouseY=0;

ClockFromMouseX=100;


d=new Array(\"SONNTAG\",\"MONTAG\",\"DIENSTAG\",\"MITTWOCH\",\"DONNERSTAG\",\"FREITAG\",\"SAMSTAG\");

m=new Array(\"JANUAR\",\"FEBRUAR\",\"MÄRZ\",\"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=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;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.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()',40);

}

if (ns||ie)window.onload=Delay;
}
</SCRIPT>
</head>
<body onLoad=\"start();\">


</body>
</html>

Zu beachten ist das der gesamte Script-Teil in den <head> kommt!
cu,
little_Newbie
 
Nein, erst jetzt.
Geht leider wirklich nicht...
Die Scripts funktionieren einzelnd prima.
Aber beide... irgendwie nicht...
tut mir leid, aber ich kann dir nicht weiter helfen.
ich vermute, das sich die beiden script nicht mögen! aus irgendeinem grund... da ich mich allerdings nicht mit js auskenne, kann ich nicht weiterhelfen...
mal schauen, vieleicht kann dir tags-über wer helfen! *g*
cu,
little_Newbie
 
wenn man beide scripte in einer html zum laufen bewegen will, müsste man meiner meinung nach eines der beiden scripte komplett umschreiben. beide scripte basieren auf layern und behindern sich so gegenseitig.

was man machen könnte, das sternenfeld als iframe in der html mit der uhr einfügen und den eigentlichen inhalt dann z.b. per layer über das iframe legen.

aber du wirst wahrscheinlich sowieso abstand von der idee nehmen müssen beide scripte gleichzeitig verwenden zu wollen, da sie zusammen ziemlich performance fressend zu sein scheinen. auf meinem p3 700 ruckelte die seite extrem (das uhr-script kam nicht hinter der maus hinterher *g*) ...

Beispiel.:
starfield.htm
Code: 
<html>
<head>
<title>sternenfeld</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
</head>
<body onLoad=\"sterne()\" bgcolor=\"#000000\">
<script language=\"javascript\">
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
if (ns4up) {
hoehe = self.innerHeight;
breite= self.innerWidth;
} else if (ie4up) {
hoehe = document.body.clientHeight;
breite = document.body.clientWidth;
}
var xm=breite/2
var ym=hoehe/2
var x=new Array()
var y=new Array()
var xs=new Array()
var ys=new Array()
var ss=new Array()
for (i=0; i<31; i++) {
if (ns4up) {document.write(\"<layer id=\\"st\"+i+\"\\" top=0 left=0\\">.<\/layer>\n\")}
if (ie4up) {document.write(\"<div id='st\"+i+\"' style=\\"position:absolute; top:0px; left:0px\\"><\/div>\n\")}
x[i]=xm
y[i]=ym
xs[i]=Math.random()*6-3
ys[i]=Math.random()*6-3
ss[i]=-10+Math.random()*10
}
function sterne() {
if (ns4up) {sternens()}
if (ie4up) {sterneie()}
}
function sternens() {
for (i=0; i<31; i++) {
document.layers[\"st\"+i].left=x[i]+xs[i]
document.layers[\"st\"+i].top=y[i]+ys[i]
x[i]=x[i]+xs[i]
y[i]=y[i]+ys[i]
xs[i]=xs[i]*1.1
ys[i]=ys[i]*1.1
ss[i]=ss[i]+1
if ((ss[i]/10)==(Math.floor(ss[i]/10))) {
document[\"st\"+i].document.write(\"<font color=#ffffff><font size=+\"+(ss[i]/10)+\">.\")
document[\"st\"+i].document.close()
}
if (x[i]<0 || x[i]>breite) {xs[i]=Math.random()*6-3,ys[i]=Math.random()*6-3,x[i]=xm,y[i]=ym,ss[i]=-1}
if (y[i]<0 || y[i]>hoehe) {xs[i]=Math.random()*6-3,ys[i]=Math.random()*6-3,x[i]=xm,y[i]=ym,ss[i]=-1}
}
setTimeout(\"sternens()\",10)
}
function sterneie() {
for (i=0; i<31; i++) {
document.all[\"st\"+i].style.pixelLeft=x[i]+xs[i]
document.all[\"st\"+i].style.pixelTop=y[i]+ys[i]
x[i]=x[i]+xs[i]
y[i]=y[i]+ys[i]
xs[i]=xs[i]*1.1
ys[i]=ys[i]*1.1
ss[i]=ss[i]+1
if ((ss[i]/10)==(Math.floor(ss[i]/10))) {
document.all[\"st\"+i].innerHTML=\"<font color=#ffffff><font size=+\"+(ss[i]/10)+\">.\"
}
if (x[i]<0 || x[i]>breite-100) {xs[i]=Math.random()*6-3,ys[i]=Math.random()*6-3,x[i]=xm,y[i]=ym,ss[i]=-1}
if (y[i]<0 || y[i]>hoehe-100) {xs[i]=Math.random()*6-3,ys[i]=Math.random()*6-3,x[i]=xm,y[i]=ym,ss[i]=-1}
}
setTimeout(\"sterneie()\",10)
}
</script>



</body>
</html>

index.htm
Code: 
<html>
<head>
<title>index</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<SCRIPT LANGUAGE=JavaScript>
dCol='0000ff';//farbe datum.

fCol='00cc00';//farbe uhrziffern.

sCol='ff0000';//farbe sekundenzeiger.

mCol='000000';//farbe minutenzeiger.

hCol='000000';//farbe stundenzeiger.

ClockHeight=25;//uhr höhe

ClockWidth=25;//uhr breite

ClockFromMouseY=0;

ClockFromMouseX=100;


d=new Array(\"SONNTAG\",\"MONTAG\",\"DIENSTAG\",\"MITTWOCH\",\"DONNERSTAG\",\"FREITAG\",\"SAMSTAG\");

m=new Array(\"JANUAR\",\"FEBRUAR\",\"MÄRZ\",\"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=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;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.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()',40);

}

if (ns||ie)window.onload=Delay;
</SCRIPT>

</head>

<body bgcolor=\"#000000\" text=\"#ffffff\">
<iframe src=\"starfield.htm\" name=\"Bildframe\" width=\"400\" height=\"300\" align=\"center\"
   scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" frameborder=\"0\">
Ihr Browser kann leider keine eingebetteten Frames anzeigen
</iframe>


</body>
</html>
 
kann mackz nur zustimmen ( bis auf seine signatur... gri?s / selbst zwei rechner bei mir power-mac`s sin... :D )
habs versucht... die scripts, so wie sie sind funzen einfach nicht gleichzeitich... is ecklich... ggg

aber mal ehrlich... müssen die zwei scripts denn sein? das verscheucht doch nur die page-besucher... ;) ebenfalls wie gesagt, die scripts sin ein resourcenfresser, jedenfalls das mit den sternen... :D würd mir da lieber was anderes ausdenken... ;)

MfG
m?cro
 
Aber hatte Recht "Die beiden Scripte vertragen sich nicht"! *gg*

@pille
das blöde ist nur, das iframes nicht von jedem gängigen Browsern unterstütz wird. Kann Sein das Netscape iframes nicht unterstützt oder nur die neusten Versionen...

Würde mich wundern was du mit so einer Seite machen willst!
 
hi

@..::[m?cro]::.. :
die scripts sin ein resourcenfresser, jedenfalls das mit den sternen...
Zum Vergrößern anklicken....

das script mit den sternen und die uhr sind nur beispiele.
es ging nur darum 2 scripte zur gleichen zeit in einer html seite auszuführen.

die richtigen scripte sind nicht so resorcen-raubend ( denke ich :P ).

es handelt sich bei dem ersten script um einen text der sich von unten nach oben bewegt.

und das zweite script soll eine, um den mauszeiger sich im kreis
drehende textzeile sein.

mfg
-= pillepalle =-
 
Um antworten zu können musst du eingeloggt sein.
Zurück
Oben