| (Web-) Design und webbasierte Sprachen Tipps & Tricks, Designabgleich, HTML & Javascript, Flash, ASP, PHP, Perl/CGI... |
Diskussion: mehrere java-scripte in einer seite ausführen? im Forum (Web-) Design und webbasierte Sprachen, in der Kategorie Web, Network & Multimedia Palace; Anzeige hi folgendes problem... ich wollte in einer html-seite mehrere java-scripte zum laufen bringen, aber dieses vorhaben erwies sich als ...
![]() |
| | #1 (permalink) |
| Senior Member ![]() Registriert seit: 02.10.01 ![]() ![]() Likes: 49 | Anzeige 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 =- |
| | |
| | #2 (permalink) | |
| Guest Likes: | Hi pillepalle, hast Du auch jedes Mal vor dem Script und nach dem Script den Anfang- und Endzeile gesetzt? Zitat:
hintereinander aus!!! MfG Rushjo | |
|
| HaBOT | - Anzeige - |
| |
| | #3 (permalink) |
| Senior Member ![]() Registriert seit: 02.10.01 ![]() ![]() Likes: 49 | 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 =- |
| | |
| | #4 (permalink) |
| Member of Honour ![]() | 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 |
| | |
| | #5 (permalink) |
| Senior Member ![]() Registriert seit: 02.10.01 ![]() ![]() Likes: 49 | 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[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 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","DO NNERSTAG","FREITAG","SAMSTAG"); m=new Array("JANUAR","FEBRUAR","MÄRZ","APRIL","MAI","JUN I","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;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()',40); } if (ns||ie)window.onload=Delay; </SCRIPT> diese 2 scripte sollen zusammen laufen in einer html- seite. das ist mein problem... mfg -= pillepalle =- |
| | |
| | #6 (permalink) |
| Member of Honour ![]() Registriert seit: 06.10.01 ![]() Likes: 1 | 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 |
| | |
| | #7 (permalink) |
| Senior Member ![]() Registriert seit: 02.10.01 ![]() ![]() Likes: 49 | hi ich bekomm´s einfach nicht hin ?( ?( ?( -= pillepalle =- |
| | |
| | #8 (permalink) |
| Member of Honour ![]() Registriert seit: 06.10.01 ![]() Likes: 1 | 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> cu, little_Newbie |
| | |
| | #9 (permalink) |
| Senior Member ![]() Registriert seit: 02.10.01 ![]() ![]() Likes: 49 | hi danke für deine mühe, aber es funzt nicht bei mir. hast du es mal ausprobiert? cu -= pillepalle =- |
| | |
| | #10 (permalink) |
| Member of Honour ![]() Registriert seit: 06.10.01 ![]() Likes: 1 | 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 |
| | |
| | #11 (permalink) |
| Senior Member ![]() Registriert seit: 02.10.01 ![]() ![]() Likes: 49 | hi das ist leider auch mein problem, ich kenne mich mit java-scripts auch nicht aus, aber danke für deinen versuch... cu -= pillepalle =- |
| | |
| | #12 (permalink) |
| Administrator ![]() Registriert seit: 02.10.01 ![]() ![]() Likes: 30 | 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> 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>
__________________ RL sux big time... auch 2012! Deleting pr0n is like killing your best friend [HaBo] bei Facebook - Werde Fan |
| | |
| | #13 (permalink) |
| Registriert seit: 01.09.02 ![]() Likes: 0 | kann mackz nur zustimmen ( bis auf seine signatur... gri?s / selbst zwei rechner bei mir power-mac`s sin... )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... würd mir da lieber was anderes ausdenken... MfG m?cro |
| | |
| | #14 (permalink) |
| Member of Honour ![]() Registriert seit: 06.10.01 ![]() Likes: 1 | 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! |
| | |
| | #15 (permalink) | |
| Senior Member ![]() Registriert seit: 02.10.01 ![]() ![]() Likes: 49 | hi @..::[m?cro]::.. : Zitat:
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 ).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 =- | |
| | |
![]() |
| - Anzeige - | |
| |
| Themen-Optionen | |
| Ansicht | |
| |
Ähnliche Themen | ||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| mehrere Systeme auf einer platte | Antibus | Windows | 12 | 05.02.07 22:08 |
| Drucktool f. mehrere Bilder auf eine Seite | ghost | Downloads | 4 | 16.08.06 11:56 |
| HTML/PHP in einer Bilddatei ausführen? | Xalon | (In)security allgemein | 1 | 29.12.05 12:58 |
| Scripte ausführen | spyro133 | Code Kitchen | 1 | 15.05.05 00:52 |
| mehrere js-effekte in der selben seite../geht das auch problemlos? ;) | sprengmeister | (Web-) Design und webbasierte Sprachen | 0 | 23.02.02 01:07 |