Javascript Schneeflocken

whitenexx

Hey zusammen!
Ich bin leidenschaftlicher FF User und benutze niemals den IE.
Doch leider habe ich im Moment ein Problem mit meinem FF und meinem Forum.
Mein Forum: http://support-network.info
Mein Problem:
Geht man mit dem IE auf das Forum, so fallen die Schneeflocken die ich per Javascript eingebaut habe runter. Beim FF klebt eine Schneeflocke da oben Links fest und es fällt nichts
Was muss ich tun, damit es auch im FF schneit?
Hier der Link zum Javascript http://support-network.info/js/falling.js

MfG

JonHa

Das script ist fehlerhaft.

Ersetze

Code

snow[i].style.left=snow[i].posx
		snow[i].style.top=snow[i].posy

durch

Code

snow[i].style.left=snow[i].posx+"px"
		snow[i].style.top=snow[i].posy+"px"

(und bei allen anderen http://style.top/style.left zuweisungen fehlt da auch ein px.)

Hab's nicht getestet, müsste aber funktionieren. Der Fehler ist, dass eine top/left-Angabe eine maßeinheit braucht, sonst weiß der Firefox nicht, ob die Schneeflocke jetzt 3 Pixel abstand von oben haben soll, oder 3 Zentimeter oder 3 Zoll und so weiter.

bugcatcher

Alle Jahre wieder: http://www.bugcatcher.de/files/snowflakes/
(Wie ich diesen Mist mit den Flocken hasse)

hanmac

unser Bug is halt die beste Frau Holle.
vllt bau ich nen Bildschirmschoner draus.

whitenexx

Hmm das mit den "px" hat auch nicht funktioniert
Und das andere Script geht auch nichts im FF bleiben auch da die Flocken oben links und im IE schneits richtig...aber FF ist mir wichtiger! Kann mir jemand sagen wie ich es hinbekomme?
MfG

JonHa

Dann gucke doch mal was in der Javascript-Konsole für Fehler stehen.

whitenexx

Hat sich schon geklärt Hab ein bisschen am Script rumgefummelt und die Grafiken ausgetauscht. Nun könnt ihr das Ergebnis ja sehen: http://support-network.info
So gefällts mir auch

bugcatcher

Die Version die ich online gespielt hab (ist nicht von mir), funktioniert. Wenn sie im Board nicht geht, wurde sie falsch eingebunden.

Wenn http://www.bugcatcher.de/files/snowflakes/snowflakes.html schon nicht geht, dann liegt es am Firefox/Rechnerumgebung.

ledding

Zitat von bugcatcher

Die Version die ich online gespielt hab (ist nicht von mir), funktioniert. Wenn sie im Board nicht geht, wurde sie falsch eingebunden.
Wenn http://www.bugcatcher.de/files/snowflakes/snowflakes.html schon nicht geht, dann liegt es am Firefox/Rechnerumgebung.

Die hier verlinkte Seite mit dem Script sehe ich in meinem FF2.0, was bei diversen anderen Scripts bisher nicht klappte, jedoch im IE.
Ich würde das in ein free-Forum bei siteboard.de einbauen.
Dort kann ich jedoch nur Scriptcode in eine Forumsbeschreibung setzen, soweit mir bekannt ist.
Kann man den Code aus fall.js ändern, um diesen direkt als Script einzufügen?
Kenn mich mit JS nicht aus.
Die "snowflakes" würde ich extern ablegen und verlinken.

Geht das?

Könnte man dann auch mit Laubblättern machen, oder?

Danke im voraus.

bugcatcher

Zitat von ledding

Kann man den Code aus fall.js ändern, um diesen direkt als Script einzufügen?

Braucht man nicht ändern. Kann man so direkt in einen normalen "<script></script>"-Bereich schreiben.

Zitat von ledding

Kenn mich mit JS nicht aus.

http://de.selfhtml.org/javascript/int…ascriptbereiche

Zitat von ledding

Die "snowflakes" würde ich extern ablegen und verlinken. Geht das?

Klar. Einfach die Adressen der der Gif-Dateien absolut schreiben:

Code

/////////////  Only Edit these lines  ////////////////
var no=13, speed=30, slider=30, fallmax=8, wind=0;
fallg[0]=new Array("http://www.woauchimmer.de/snowflake.gif",25,28,1);
fallg[1]=new Array("http://www.woauchimmer.de/snowflake2.gif",25,28,1);
fallg[2]=new Array("http://www.woauchimmer.de/snowflake3.gif",25,28,1);

Zitat von ledding

Könnte man dann auch mit Laubblättern machen, oder?

Klar. Statt der ganzen snowflake-Gifs kann man auch andere Grafiken fallen lassen. Allerdings Obacht! Die ersten 2 Werte hinter der Grafik-Adresse (in diesem Beispiel 25 und 28) geben Höhe und Breite der jeweiligen Grafik an und müssen an neue Grafiken angepasst werden.

Auch die Anzahl verschiedener Grafiken ist beliebig. Wenn Du nur ein Grafik fallen lassen willst, lösch die beiden Zeilen fallg[1] und fallg[2] aus dem Script. Willst Du noch eine Grafik hinzufügen, setze noch eine Weitere fallg-Zeile unten dran, und zähl die Zahl in den eckigen Klammern hoch (also nächstes wäre fallg[3]).

ledding

Zitat von bugcatcher

Braucht man nicht ändern. Kann man so direkt in einen normalen "<script></script>"-Bereich schreiben.

danke bugcatcher.

Ich setze <script> vor und </script> ans Ende des Scripts.

Muß ich da noch etwas beachten, denn damit allein passiert noch nix.

Die Verlinkung im Browser eingegen bringt die Bildchen, aber Script tut so noch nicht.
Fehlt da ne Klammer etc.?

Code

<script>
var fallg=new Array();


/////////////  Only Edit these lines  ////////////////
var no=13, speed=30, slider=30, fallmax=8, wind=0;
fallg[0]=new Array("http://www.xyz.de/fun/laub1.gif",25,28,1);
fallg[1]=new Array("http://www.xyz.de/fun/laub2.gif",25,28,1);
fallg[2]=new Array("http://www.xyz.de/fun/laub3.gif",25,28,1);


///////////////////////////
// Don't Edit Below Here //
///////////////////////////
var o=new Array(), tog=1;
var ns4 = (document.layers) ? true : false;
var ie4 = (document.all) ? true : false;
var ns6 = (document.getElementById&&!document.all) ? true : false;
if(ie4)	falllayer="document.all['gf'+i].style";
if(ns4) falllayer="document.layers['gf'+i]";
if(ns6) falllayer="document.getElementById('gf'+i).style";
function winWid(){ return (ns4||ns6) ? window.innerWidth : document.body.clientWidth; }
function winHei(){ return (ns4||ns6) ? window.innerHeight : document.body.clientHeight; }
function winOfy(){ return (ns4||ns6) ? window.pageYOffset : document.body.scrollTop; }
function togFall(){
	if (tog==1){
		clearTimeout(dofall);
		for (i = 0; i <no>0.5) ? spin : -spin;
	o[q] = new 


Array(parseInt(Math.random()*(winWid()-slider)),-30,spin,0.02+Math.random()/10,parseInt(1+Math.random()*f


allmax),fallg[x][1],fallg[x][2],fallg[x][0],fallg[x][3],0);
	if(t==1){
		if(ns4){ document.write('<layer><img></layer>'); }
		if(ie4||ns6){ document.write('<img>'); }
	}
	if(t==0 && !ns4){
	tem=(ie4)?document.all['gf'+q]:document.getElementById('gf'+q);
	tem.src=o[q][7];
	}
}
function fall(){
	for (i = 0; i <no>winHei()-o[i][6]-10)||(o[i][0]>winWid()-slider-o[i][5])){ newobj(i,0); }
		o[i][1] += o[i][4];
		o[i][0]+=wind;
		o[i][9] += o[i][3];
		sizexy=(o[i][8]==1)?Math.sin(o[i][9]):1;
		lay=(ie4)?sizexy:parseInt(sizexy+1);
		with(eval(falllayer)){
			top = o[i][1]+winOfy();
			left = o[i][0]+o[i][2]*Math.cos(o[i][9]);
			if(!ns4){
				zIndex=lay;
				width=parseInt(((o[i][5]/4)*3)+((o[i][5]/4)*sizexy));
				height=parseInt(((o[i][6]/4)*3)+((o[i][6]/4)*sizexy));
			}
		}
	}
	dofall = setTimeout("fall()", speed);
}
for (i = 0; i < no; i++){ newobj(i,1); }
dofall = setTimeout("fall()", 100);
</script>

Alles anzeigen

Habe es probiert mit "script" und "script language=JavaScript1.2"

Was mach ich falsch?

bugcatcher

Keine Ahnung. Beispiellink?

ledding

Zitat von bugcatcher

Keine Ahnung. Beispiellink?

ICQ möglich?

ledding

Zitat von bugcatcher

Keine Ahnung. Beispiellink?

habs dir per ICQ und PN geschickt

Boy2006

Zitat von whitenexx

So gefällts mir auch

Weiße Schneeflocken auf Weißen Hintergrund ? :?

Scheppertreiber

Sachma, was nehmt ihr für Drogen ???

Brummelchen

Bitte beachten, dass die CPU-Last je nach Rechner beträchtlich ansteigen kann.
Es gibt unterschiedliche Scripte, die mehr oder weniger Last erzeugen.
Firefox nimmt sich da komischerweise immer mehr als IE.