Supportnet / Forum / Skripte(PHP,ASP,Perl...)
2 java-scripte in einer Html-Seite
Frage
Ich versuche gerade, 2 java-scripts in eine html-Seite zu integrieren, aber sobald ich das 2. script dort reinbringe, wird das erste scheinbar nicht mehr geladen. Auch wenn ich externe .js Dateien verwende klappt das nicht. Muß ich da irgendwas besonderes beachten oder was mache ich falsch ??
Antwort 1 von -do_john_86-
Hi,
die zulässige Anzahl der JavaScripte in einem HTML-Dokument ist unbegrenzt. Kopier den Code doch mal hier rein.
Vielleicht nutzt Du doppelte Variablen oder Funktionen...aber an der Anzahl der Scripte liegt es nicht, intern oder extern ist auch egal.
mfg. Jens
die zulässige Anzahl der JavaScripte in einem HTML-Dokument ist unbegrenzt. Kopier den Code doch mal hier rein.
Vielleicht nutzt Du doppelte Variablen oder Funktionen...aber an der Anzahl der Scripte liegt es nicht, intern oder extern ist auch egal.
mfg. Jens
Antwort 2 von Lumanil
1. SCRIPT:
im <Head>:
function Bannerwechsel()
{
banners = new Array ("images/eupbanner.jpg", "images/Lord-Kane-Banner.gif");
sites = new Array ("http://eup.mmpog.de", "http://www.lord-kane.de");
nummer = Math.round(Math.random()*(banners.length-1));
document.images["bImg"].src = banners[nummer];
document.links[0].href = sites[nummer];
setTimeout("Bannerwechsel()",2000);
}
im <body>:
onLoad="Bannerwechsel()"
2. SCRIPT:
function maus()
{
if (document.all) {
yourLogo = "www.angels-of-fury.de ";
logoFont = "Arial";
logoColor = "FFFFFF";
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 100;
logoHeight = -30;
ypos = 0;
xpos = 0;
step = 0.03;
currStep = 0;
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < L; i++) {
document.write('<div id="ie" style="position:absolute;top:0px;left:0px;'
+'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;'
+'color:'+logoColor+';text-align:center">'+yourLogo+'</div>');
}
document.write('</div></div>');
function Mouse() {
ypos = event.y;
xpos = event.x - 5;
}
document.onmousemove=Mouse;
function animateLogo() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie.style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
ie.style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
Sz = ie.style.pixelTop - ypos;
if (Sz < 5) Sz = 5;
ie.style.fontSize = Sz / 1.7;
}
currStep -= step;
setTimeout('animateLogo()', 20);
}
window.onload = animateLogo;
}
-----------------
Die habe ich beide im Netz gezogen und funktionieren auch einwandfrei, Nur halt nicht zusammen
im <Head>:
function Bannerwechsel()
{
banners = new Array ("images/eupbanner.jpg", "images/Lord-Kane-Banner.gif");
sites = new Array ("http://eup.mmpog.de", "http://www.lord-kane.de");
nummer = Math.round(Math.random()*(banners.length-1));
document.images["bImg"].src = banners[nummer];
document.links[0].href = sites[nummer];
setTimeout("Bannerwechsel()",2000);
}
im <body>:
onLoad="Bannerwechsel()"
2. SCRIPT:
function maus()
{
if (document.all) {
yourLogo = "www.angels-of-fury.de ";
logoFont = "Arial";
logoColor = "FFFFFF";
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 100;
logoHeight = -30;
ypos = 0;
xpos = 0;
step = 0.03;
currStep = 0;
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < L; i++) {
document.write('<div id="ie" style="position:absolute;top:0px;left:0px;'
+'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;'
+'color:'+logoColor+';text-align:center">'+yourLogo+'</div>');
}
document.write('</div></div>');
function Mouse() {
ypos = event.y;
xpos = event.x - 5;
}
document.onmousemove=Mouse;
function animateLogo() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie.style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
ie.style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
Sz = ie.style.pixelTop - ypos;
if (Sz < 5) Sz = 5;
ie.style.fontSize = Sz / 1.7;
}
currStep -= step;
setTimeout('animateLogo()', 20);
}
window.onload = animateLogo;
}
-----------------
Die habe ich beide im Netz gezogen und funktionieren auch einwandfrei, Nur halt nicht zusammen
Antwort 3 von Floooooo
Sieht eigentlich ganz gut aus. Wo genau ist denn das 2. Skript angesiedelt (ich hoffe, auch im Head?). Und wo wird die maus()-Function aufgerufen?
Antwort 4 von RaiHa
im <body>: onLoad="Bannerwechsel()"
.
.
.
window.onload = animateLogo;Ja was denn nun? So schließt sich das natürlich aus !!!
Also dann doch besser im <body>:
onLoad="Bannerwechsel();animateLogo();"