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

2 Scripte laufen nicht zusammen

B

Berserker

New member
Moin zusammen

Ich bin dabei für eine neue Band eine Hp zu bauen
Da ich aber leider nicht die meiste Ahnung von Html habe stehe ich nun vor einem Problem
(mit Englisch stehe ich auch auf dem Kriegsfuß)

Ich habe mir 2 Scripte aus dem Netz gezogen
Jedes für sich läuft ohne Probleme
nur wenn ich beide zusammen einbinden will läuft eins von beiden nicht

Es wäre super toll, wenn mir hier jemand weiterhelfen könnte

Danke im Voraus
Berserker

Srcipt 1 ist eine schleife um den Mauszieger
HTML: 
 Simply add the below to the <HEAD> section of the page:

<SCRIPT LANGUAGE="JavaScript1.2">
<!--//

//Circling text trail- Tim Tilton

// your message here
var msg=xxxxxxxxxxxxxxxxxxxxxxx';

var font='Verdana,Arial';
var size=3; // up to seven
var color='#000000';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=.2;

// Alter no variables past here!, unless you are good
//---------------------------------------------------

var ns=(document.layers);
var ie=(document.all);
var msg=msg.split('');
var n=msg.length; 
var a=size*15;
var currStep=0;
var ymouse=0;
var xmouse=0;
var scrll=0;
var props="<font face="+font+" size="+size+" color="+color+">";

if (ie)
window.pageYOffset=0

// writes the message
	if (ns){
	for (i=0; i < n; i++)
		document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
	}
	if (ie){
		document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
		for (i=0; i < n; i++)
			document.write('<div id="iemsg" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center;font-weight:regular;cursor:default">'+props+msg[i]+'</font></div>');
			document.write('</div></div>');
	}
	(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
	ymouse = (ns)?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
	xmouse = (ns)?evnt.pageX+20:event.x-20; // x-position
}

if (ns||ie)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
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;
}

function makecircle(){ // rotation properties
if (ie) outer.style.top=document.body.scrollTop;
currStep-=rotation;
	for (i=0; i < n; i++){ // makes the circle
		var d=(ns)?document.layers['nsmsg'+i]:iemsg[i].style;
		d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15;
		d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2; // remove *2 for just a plain circle, not oval
	}
}

function drag(){ // makes the resistance
	scrll=(ns)?window.pageYOffset:0;
	y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
	x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
	for (var 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);

	}
	makecircle();
	// not rotation speed, leave at zero
	setTimeout('drag()',10);
}
if (ns||ie)window.onload=drag;

// -->
</SCRIPT>

Scirpt 2 soll ein News Ticker werden
HTML: 
 <script language="javascript">
<!--
var delay=20;
var nextm=0;
var msg=new Array
(
       'News vom 15.10.2005',
'Update der Page, viel Spielereien wurden eingebaut',
'News vom 12.10.2005',
'Die Steckbriefe wurden fertig gestellt'
);
function start_ticker()
{
        do_ticker(msg[0], 0, 1);
}

function do_ticker(text, pos, dir)
{
        var out='<font face="Arial, Helvetica" font size="5" color=white>[ <font color="silver"><span class="t11px">'+text.substring(0, pos)+'</font></span> ]</font>';

        if(navigator.appName=="Netscape")
                with(document.ticker.document)
                {
                        open(); write(out); close();
                }
        else
                ticker.innerHTML=out;

        pos+=dir;

        if(pos>text.length)
                setTimeout('do_ticker("'+text+'",'+pos+','+(-dir)+')', delay*130);
        else
        {
                if(pos<0)
                {
                        if(++nextm>=msg.length)
                                nextm=0;
                        text=msg[nextm];
                        dir=-dir;
                }

                setTimeout('do_ticker("'+text+'",'+pos+','+dir+')', delay);
        }
}
// -->
</script>

<body onload="start_ticker()">
<div id="ticker" style="position: absolute; top: 161px; left: 170px; width: 633px; height: 29"></div>
</div>
</body>
 
Moin!

Ich kann Dir nur wärmstens empfehlen, beide Scripte in die Tonne zu hauen, da sie für IE und uralten Netscape geschrieben sind (=> Firefox und Co. is nich).

Gleichzeitig ans Laufen bekommst Du sie indem Du diese Zeile am Ende des ersten Scripts:
if (ns||ie)window.onload=drag;
entfernst und den öffnenden <body>-Tag so erweiterst:
<body onload="start_ticker();if (ns||ie)drag();">

Ahoi - Pit
 
Moin
Danke für die schnelle Antwort

Kann man diese Scripte so abänderen,
das sie auch im Firefox laufen??

Im IE und Opera laufen die Scripte
 
Hi!

Beim zweiten Script reichen zwei kleine Änderungen in der function do_ticker:
if(navigator.appName=="Netscape") wird ersetzt durch
if(document.layers)
und
ticker.innerHTML=out; durch
document.getElementById('ticker').innerHTML=out;

Das erste Script müßte komplett umgebastelt werden, was zwar möglich ist, aber das ist mir jetzt echt zu öde...

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