• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Problem mit JS

S

Stinger

New member
Hallo.

Ich hab ein Problem: Wenn ich zwei Javascripts in eine Seite einbinden will wird nur das im Quelltext weiter unten stehende Script ausgeführt.

Woran kann es liegen?

Gruß

Stinger
 
Wenns ned an der Erdanziehung liegt, dann wohl an einem Namenskonflikt zwischen den beiden. Schick sie mal zu einer Gruppensitzung vorbei....
 
Also, die Scripten sind von dieser Seite und heißen Scrollbarfader und Fliegendes Menü.

Einzeln Funktionieren sie perfekt aber zusammen leider nicht.

Ich hab mal die Seite hochgeladen: www.stingers-home.de
 
hi stinger,

wenn du im 1. script die funktion benennst, z.Bsp.:

window.onload=function scrollfader (){

und sie dann im body mit aufrufst:


<body onload="setVariables();scrollOn();scrollfader() "><br><br>

funktioniert beides gleichzeitig.

außerdem hast du ganz oben ein <body bgcolor="#ffffff"> stehen, das weg muss, denn später kommt ja noch <body onload....

so long,
planet4.
 
Irgendwie funktioniert das immer noch nicht. Kann es daran liegen dass das eine Script window.onload hat (Scrollfader)?

Wird das nicht trotzdem vor dem andern aufgerufen? Da dieses Script ja dynamisch ist und sich dauernd aktualisiet wird das andere nicht geladen.

Wie muss ich den Scrollfader abändern damit beide laufen?
 
Zuletzt bearbeitet:
hallo, ich kann dir jetzt nur den gesamten Quelltext posten, mit den Änderungen s.o., der funktioniert bei mir tatellos, mit dem IE 5.5:




<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 5">
<title>www.stingers-home.de</title>
</head>



<script language="javascript">
//var begcolor='#0084d8'; //STARTING COLOR AS A HEX STRING
//var endcolor='#00385c'; //ENDING COLOR AS A HEX STRING
var begcolor='#ff0000'; //STARTING COLOR AS A HEX STRING
var endcolor='#3D0101'; //ENDING COLOR AS A HEX STRING

var steps=50; //TOTAL CHANGE STEPS FROM ONE COLOR TO THE OTHER
var delay=50; // DELAY BETWEEN EACH COLOR CHANGE. LOWER IS FASTER.

//*** DO NOT EDIT BEYOND THIS POINT ***\\

var data=new Array();
var ie5=(document.getElementById && document.all)? true: false;

function colorset(num){
this.beg=parseInt('0x'+begcolor.substring(num,num+2));
this.end=parseInt('0x'+endcolor.substring(num,num+2));
this.up=this.startup=(this.end>=this.beg)? true : false;
this.incr=Math.abs(this.end-this.beg)/steps;
this.current=this.beg;
}

function changecolors(){
var color=new Array();
for(i=1;i<=3; i++){
(data.up)? data.current+=data.incr : data.current-=data.incr;
if(data.startup){
if(data.current>=data.end){ data.up=false; data.current=data.end}
if(data.current<=data.beg){ data.up=true; data.current=data.beg }
}
if(!data.startup){
if(data.current<=data.end){ data.up=true; data.current=data.end}
if(data.current>=data.beg){ data.up=false; data.current=data.beg}
}
color=data.current;
}
color[4]=Math.floor(color[1]).toString(16); if(color[4].length==1)color[4]='0'+color[4];
color[5]=Math.floor(color[2]).toString(16); if(color[5].length==1)color[5]='0'+color[5];
color[6]=Math.floor(color[3]).toString(16); if(color[6].length==1)color[6]='0'+color[6];
document.body.style.scrollbarBaseColor='#'+color[4]+color[5]+color[6];
}

window.onload=function scrollfader(){
if(ie5){
for(i=1, j=1;i<=3; i++, j+=2)data=new colorset(j);
document.body.style.scrollbarBaseColor=begcolor;
setInterval('changecolors()',delay);
}else alert('Dieses Script funktioniert nur ab IE 5.5+.');
}
</script>


<meta http-equiy=Content-Script-Type"content="text/javascript">
<script language = "javascript">
function setVariables(){
y1=-50;ob=1;max=150 // this max sets the distance from the top of the page

if (navigator.appName == "Netscape") {
v=".top=";h=".left=";dS="document.";sD="";
y="window.pageYOffset";x="window.pageXOffset";iW="window.innerWidth";iH="window.innerHeight"
}
else {h=".pixelLeft=";v=".pixelTop=";dS="";sD=".style";
y="document.body.scrollTop";x="document.body.scrollLeft";iW="document.body.clientWidth";iH="document.body.clientHeight"
}


object="object1";
checkLocationA()
}
movex=0,movey=0,xdiff=0,ydiff=0,ystart=0,xstart=0


function checkLocation(){
// innerX=eval(iW)-115 // place to the right
innerX=21 // controls the horizontal from the left side of the page

// innerY=eval(iH)-35 // place at the bottom
innerY=146 // controls the verticle from the top of the page
if (document.layers){innerY-=10;innerX-=10}
yy=eval(y);
xx=eval(x);
ydiff=ystart-yy;
xdiff=xstart-xx;
if ((ydiff<(-0.01))||(ydiff>(0.01))) movey=Math.round(ydiff/10),ystart-=movey
if ((xdiff<(-0.01))||(xdiff>(0.01))) movex=Math.round(xdiff/10),xstart-=movex


N=(document.layers)?1:0
V=(N) ? 4:5
if (V==4){
object="object1"
eval(dS+object+sD+v+(ystart+innerY+10));
eval(dS+object+sD+h+(xstart+innerX+10));
object="object2"
eval(dS+object+sD+v+(ystart+innerY+spread+10));
eval(dS+object+sD+h+(xstart+innerX+10));
object="object3"
eval(dS+object+sD+v+(ystart+innerY+spread*2+10));
eval(dS+object+sD+h+(xstart+innerX+10));
object="object4"
eval(dS+object+sD+v+(ystart+innerY+spread*3+10));
eval(dS+object+sD+h+(xstart+innerX+10));
object="object5"
eval(dS+object+sD+v+(ystart+innerY+spread*4+10));
eval(dS+object+sD+h+(xstart+innerX+10));
object="object6"
eval(dS+object+sD+v+(ystart+innerY+spread*5+10));
eval(dS+object+sD+h+(xstart+innerX+10));


//eval(dS + objectX + sD + v + y);
}
else{
object=document.getElementById('object1')
object.style.top=ystart+innerY
object.style.left=xstart+innerX

object=document.getElementById('object2')
object.style.top=ystart+innerY+spread
object.style.left=xstart+innerX

object=document.getElementById('object3')
object.style.top=ystart+innerY+spread*2
object.style.left=xstart+innerX

object=document.getElementById('object4')
object.style.top=ystart+innerY+spread*3
object.style.left=xstart+innerX

object=document.getElementById('object5')
object.style.top=ystart+innerY+spread*4
object.style.left=xstart+innerX

object=document.getElementById('object6')
object.style.top=ystart+innerY+spread*5
object.style.left=xstart+innerX



//object=document.getElementById('object2')
//object.style.top=50+innerY
//object.style.left=50+innerX

}




setTimeout("checkLocation()",10)}

function checkLocationA(){
ystart=eval(y)+6;
xstart=eval(x)+6;}
spread=30
function scrollOn(){
items=6
if (ob<=items){
objectX="object"+ob;
y1+=10;

N=(document.layers)?1:0
V=(N) ? 4:5
if (V==4){
eval(dS + objectX + sD + v + y1);}
else{
object=document.getElementById(objectX)
object.style.top=y1}


//eval(dS + objectX + sD + v + y);


if (y1<max) xx=setTimeout ("scrollOn()",20)
else y1=-50, max+=spread, ob+=1, xx=setTimeout("scrollOn()",20) // this max sets the spacing
}
if (ob>6){clearTimeout(xx);checkLocation();}
}
</script>

<body onload="setVariables();scrollOn();scrollfader()"><br><br>

<div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bordercolor="#000000" bgcolor="#DC143C"><td><CENTER><a href="#">Link 1</a></CENTER></td></table></div>
<div id="object2" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bordercolor="#000000" bgcolor="#DC143C"><td><CENTER><a href="#">Link 2</a></CENTER></td></table></div>
<div id="object3" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bordercolor="#000000" bgcolor="#DC143C"><td><CENTER><a href="#">Link 3</a></CENTER></td></table></div>
<div id="object4" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bordercolor="#000000" bgcolor="#DC143C"><td><CENTER><a href="#">Link 4</a></CENTER></td></table></div>
<div id="object5" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bordercolor="#000000" bgcolor="#DC143C"><td><CENTER><a href="#">Link 5</a></CENTER></td></table></div>
<div id="object6" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bordercolor="#000000" bgcolor="#DC143C"><td><CENTER><a href="#">Link 6</a></CENTER></td></table></div>

</p></body></html>


klappt's jetzt??

planet4.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben