Javascript (Schneeflocken)

Gehe zu Seite:

Geschlossen

Seite 1 von 2 ‹12 ›

Sa. 29.10.2005 13:12 Uhr #1

Soulfly Mitglied

Registriert seit
20.07.2005

Beiträge
93

Beitragswertungen

Hallo Leute,

ICh habe nen Problem,...
in ca 2 Monaten ist ja weihnachten,.. deßwegen wollte ich ein "Weihnachts" design auf meine page packen! ICh habe auch alles soweit fertig, nur fehlen noch so schöne schneeflocken die mann mit einem JavaScript Zaubern kann!. Das Script habe ich versucht einzubauen, funzte aber net im Mozilla Firefox, im IE war die geschwindigkeit dann seh langsam,... kann mir jemand einen code geben der dann auch richtig funzt, oder mir einen tip geben wie ich ndas am besten einbaue?

ICh freue mich wenn wir zusammen eine lösung finden würden

MFG

Soulfly
0 Mitglieder finden den Beitrag gut.
- zitieren
Sa. 29.10.2005 13:24 Uhr #2

omg gelöschter User

ich hab ein schneeflocken scritpt der auch im firefox wunderbar funzt
und firefox ist 1000x besser als der olle ie
0 Mitglieder finden den Beitrag gut.
- ändern
- zitieren
Sa. 29.10.2005 13:25 Uhr #3

Soulfly Mitglied

Registriert seit
20.07.2005

Beiträge
93

Beitragswertungen

Zitat geschrieben von omg

ich hab ein schneeflocken scritpt der auch im firefox wunderbar funzt
und firefox ist 1000x besser als der olle ie

hi, könnteste mir vll das script geben?
0 Mitglieder finden den Beitrag gut.
- zitieren
Sa. 29.10.2005 13:27 Uhr #4

omg gelöschter User

www.jswelt.de/index.php?opencat=JavaScripts&artid=977124932
schau da!
0 Mitglieder finden den Beitrag gut.
- ändern
- zitieren
Sa. 29.10.2005 13:30 Uhr #5

Soulfly Mitglied

Registriert seit
20.07.2005

Beiträge
93

Beitragswertungen

danke, aber es funzt nicht!

Zuletzt geändert von Soulfly am 29.10.2005 - 13:37
0 Mitglieder finden den Beitrag gut.
- zitieren
Sa. 29.10.2005 14:05 Uhr #6

manuel ilch-Gründer

Registriert seit
22.03.2003

Beiträge
4.260

Beitragswertungen

also entweder hast du etwas falsch gemacht oder ich kann dir auch nicht helfen. denn das script funktioniert ohne probleme total super! mit aussnahme das er die grafiken nicht findet das liegt aber allein daran das ich diese grafik gar nicht haben.

ich benutze firefox 1.7 und damit funktioniert das super!

externer Link

gruss manuel
0 Mitglieder finden den Beitrag gut.
- zitieren
Sa. 29.10.2005 14:14 Uhr #7

Soulfly Mitglied

Registriert seit
20.07.2005

Beiträge
93

Beitragswertungen

die grafiken werden bei mozilla angezeigt,... aber nur 3 flocken oben links in der ecke,.. die sind einfach nur da,...
und im IE funzt das tadelos!
0 Mitglieder finden den Beitrag gut.
- zitieren
Sa. 29.10.2005 14:20 Uhr #8

manuel ilch-Gründer

Registriert seit
22.03.2003

Beiträge
4.260

Beitragswertungen

oje muss ich mich wiederholen. ich habe firefox und es sind nicht nur 3 flocken.

weiss auch nicht was du dann falsch machst!
0 Mitglieder finden den Beitrag gut.
- zitieren
Sa. 29.10.2005 17:00 Uhr #9

Soulfly Mitglied

Registriert seit
20.07.2005

Beiträge
93

Beitragswertungen

versuch das mal in einem design des Ilch-Scriptes einzubauen. Wenn das dann funzt dann shcick mir bitte den HTML-Code.

MFG

Soulfly

PS: So funzt das Script auch so, nur im Ilch script net
0 Mitglieder finden den Beitrag gut.
- zitieren
Sa. 29.10.2005 17:26 Uhr #10

manuel ilch-Gründer

Registriert seit
22.03.2003

Beiträge
4.260

Beitragswertungen

puhh tatsächlich... du da kann ich dich leider auch nicht helfen. wüsste jetzt nicht was aus dem script das ausführen dieses codes verhindert...

zumal es ganz erlich im internet explorer auch nicht geht ...
0 Mitglieder finden den Beitrag gut.
- zitieren

Sa. 29.10.2005 22:17 Uhr #11

seth Mitglied

ist das so richtig eingebunden ? da kommt nischt:

<html>
  <head>
  </head>
  <body style="margin: 0px; padding: 0px;" bgcolor="#000000">
<script language="JavaScript1.2">
<!--
 
var snowsrc="gfxu/snow.gif"
var no = 10;
var ns4up = (document.layers) ? 1 : 0;  
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;    
var am, stx, sty; 
var i, doc_width = 1024, doc_height = 768;
if (ns4up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
  } else if (ie4up) {
    doc_width = document.body.clientWidth;
    doc_height = document.body.clientHeight;
  }
 
  dx = new Array();
  xp = new Array();
  yp = new Array();
  am = new Array();
  stx = new Array();
  sty = new Array();
   
  for (i = 0; i < no; ++ i) {  
    dx[i] = 0;                        
    xp[i] = Math.random()*(doc_width-50);  
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20;         
    stx[i] = 0.02 + Math.random()/10; 
    sty[i] = 0.7 + Math.random();     
    if (ns4up) {                      
      if (i == 0) {
        document.write("<layer name="dot"+ i +"" left="15" top="15" visibility="show"><a href="http://www.jswelt.de/"><img src='"+snowsrc+"' border="0"></a></layer>");
      } else {
        document.write("<layer name="dot"+ i +"" left="15" top="15" visibility="show"><img src='"+snowsrc+"' border="0"></layer>");
      }
    } else if (ie4up) {
      if (i == 0) {
        document.write("<div id="dot"+ i +"" style="POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;"><a href="http://java.topcool.de"><img src='"+snowsrc+"' border="0"></a></div>");
      } else {
        document.write("<div id="dot"+ i +"" style="POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;"><img src='"+snowsrc+"' border="0"></div>");
      }
    }
  }
   function snowNS() {  
    for (i = 0; i < no; ++ i) {  
      yp[i] += sty[i];
      if (yp[i] > doc_height-50) {
        xp[i] = Math.random()*(doc_width-am[i]-30);
        yp[i] = 0;
        stx[i] = 0.02 + Math.random()/10;
        sty[i] = 0.7 + Math.random();
        doc_width = self.innerWidth;
        doc_height = self.innerHeight;
      }
      dx[i] += stx[i];
      document.layers["dot"+i].top = yp[i];
      document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
    }
    setTimeout("snowNS()", 10);
  }
  function snowIE() {  
    for (i = 0; i < no; ++ i) {  
      yp[i] += sty[i];
      if (yp[i] > doc_height-50) {
        xp[i] = Math.random()*(doc_width-am[i]-30);
        yp[i] = 0;
        stx[i] = 0.02 + Math.random()/10;
        sty[i] = 0.7 + Math.random();
        doc_width = document.body.clientWidth;
        doc_height = document.body.clientHeight;
      }
      dx[i] += stx[i];
      document.all["dot"+i].style.pixelTop = yp[i];
      document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
    }
    setTimeout("snowIE()", 10);
  }
 
  if (ns4up) {
    snowNS();
  } else if (ie4up) {
    snowIE();
  }
// -->
</script>   
  <a href="><img style="border-style: none" src="images/intro.jpg"></a> 
  </body>
</html>

edit: im IE schon, im firefox garnet zunge

komischerweise geht das hier im FF: externer Link

Zuletzt geändert von seth am 29.10.2005 - 22:19

0 Mitglieder finden den Beitrag gut.

zitieren

So. 30.10.2005 10:11 Uhr #12

scaRFhogg Mitglied

<html> 
  <head> 
  </head> 
  <body style="margin: 0px; padding: 0px;" bgcolor="#000033"> 
<script type="text/javascript">
<!--
var snowsrc="gfxu/snow.gif" 
var no = 10; 
var ns4up = (document.layers) ? 1 : 0;   
var ie4up = (document.all) ? 1 : 0; 
var dx, xp, yp;     
var am, stx, sty;  
var i, doc_width = 1024, doc_height = 768; 
if (ns4up) { 
    doc_width = self.innerWidth; 
    doc_height = self.innerHeight; 
  } else if (ie4up) { 
    doc_width = document.body.clientWidth; 
    doc_height = document.body.clientHeight; 
  } 
 
  dx = new Array(); 
  xp = new Array(); 
  yp = new Array(); 
  am = new Array(); 
  stx = new Array(); 
  sty = new Array(); 
    
  for (i = 0; i < no; ++ i) {   
    dx[i] = 0;                         
    xp[i] = Math.random()*(doc_width-50);   
    yp[i] = Math.random()*doc_height; 
    am[i] = Math.random()*20;          
    stx[i] = 0.02 + Math.random()/10;  
    sty[i] = 0.7 + Math.random();      
    if (ns4up) {                       
      if (i == 0) { 
        document.write('<layer name="dot'+ i +'" left="15" top="15" visibility="show"><a href="http://www.jswelt.de/"><img src="'+snowsrc+'" border="0"></a></layer>'); 
      } else { 
        document.write('<layer name="dot'+ i +'" left="15" top="15" visibility="show"><img src="'+snowsrc+'" border="0"></layer>'); 
      } 
    } else if (ie4up) { 
      if (i == 0) { 
        document.write('<div id="dot'+ i +'" style="POSITION: absolute; Z-INDEX: "'+ i +'"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;"><a href="http://java.topcool.de"><img src="'+snowsrc+'" border="0"></a></div>'); 
      } else { 
        document.write('<div id="dot'+ i +'" style="POSITION: absolute; Z-INDEX: "'+ i +'"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;"><img src="'+snowsrc+'" border="0"></div>'); 
      } 
    } 
  } 
   function snowNS() {   
    for (i = 0; i < no; ++ i) {   
      yp[i] += sty[i]; 
      if (yp[i] > doc_height-50) { 
        xp[i] = Math.random()*(doc_width-am[i]-30); 
        yp[i] = 0; 
        stx[i] = 0.02 + Math.random()/10; 
        sty[i] = 0.7 + Math.random(); 
        doc_width = self.innerWidth; 
        doc_height = self.innerHeight; 
      } 
      dx[i] += stx[i]; 
      document.layers["dot"+i].top = yp[i]; 
      document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); 
    } 
    setTimeout("snowNS()", 10); 
  } 
  function snowIE() {   
    for (i = 0; i < no; ++ i) {   
      yp[i] += sty[i]; 
      if (yp[i] > doc_height-50) { 
        xp[i] = Math.random()*(doc_width-am[i]-30); 
        yp[i] = 0; 
        stx[i] = 0.02 + Math.random()/10; 
        sty[i] = 0.7 + Math.random(); 
        doc_width = document.body.clientWidth; 
        doc_height = document.body.clientHeight; 
      } 
      dx[i] += stx[i]; 
      document.all["dot"+i].style.pixelTop = yp[i]; 
      document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); 
    } 
    setTimeout("snowIE()", 10); 
  } 
 
  if (ns4up) { 
    snowNS(); 
  } else if (ie4up) { 
    snowIE(); 
  } 
// -->
</script>    
  </body> 
</html>

Hab es nicht im Firefox getestet, in Opera funktioniert es so jedenfalls.

0 Mitglieder finden den Beitrag gut.

zitieren

So. 30.10.2005 10:16 Uhr #13

seth Mitglied

Registriert seit
12.03.2005

Beiträge
2.018

Beitragswertungen

geht im ff auch net
0 Mitglieder finden den Beitrag gut.
- zitieren

So. 30.10.2005 12:19 Uhr #14

scaRFhogg Mitglied

Ja der ff hat's halt nicht drauf zunge

Naja also ich hab das Script repariert, kommentiert und alles unnötige Zeug rausgemacht. Getestet mit IE6 Opera8.5 und FF1.07
Kann allerdings sein dass es mit alten Browsern nicht mehr geht.

daiwai.de/test/halloween.htm

daiwai.de/test/snow.htm

<html>  
  <head>  
  </head>  
  <body style="margin: 0px; padding: 0px;" bgcolor="#000033">  
<script type="text/javascript"> 
<!--
 
    var snowsrc="gfxu/snow.gif";
    var no = 10; // Anzahl der Flocken
    var xmod = 0.02; // horizontale Abweichung
    var ymod = 0.7; // Fallgeschwindigkeit
    var dx, xp, yp;
    var am, stx, sty;
    var i, doc_width, doc_height;
 
    doc_width = screen.width;
    doc_height = screen.height;
 
    dx = new Array();
    xp = new Array();
    yp = new Array();
    am = new Array();
    stx = new Array();
    sty = new Array();
 
    for (i = 0; i < no; ++ i)
    {
        dx[i] = 0;
        xp[i] = Math.random() * (doc_width - 50);
        yp[i] = Math.random() * doc_height;
        am[i] = Math.random() * 20;
        stx[i] = xmod + Math.random() / 10;
        sty[i] = ymod + Math.random();
    document.write('<div id="dot'+ i +'" style="position: absolute; z-index: '+ i +'; visibility: visible; top: 15px; left: 15px;"><img src="'+snowsrc+'" border="0"></div>');
    }
 
    function snow()
    {
        for (i = 0; i < no; ++ i)
        {
            yp[i] += sty[i];
            if(yp[i] > doc_height - 180)
            {
                xp[i] = Math.random()*(doc_width - am[i] - 30);
                yp[i] = 0;
                stx[i] = xmod + Math.random() / 10;
                sty[i] = ymod + Math.random();
            }
            dx[i] += stx[i];
            document.getElementById('dot' + i).style.top = yp[i];
            document.getElementById('dot' + i).style.left = xp[i] + am[i] * Math.sin(dx[i]);
        }
        setTimeout("snow()", 10);
    }
 
    snow();
 
// --> 
</script>     
  </body>  
</html>

0 Mitglieder finden den Beitrag gut.

zitieren

So. 30.10.2005 13:15 Uhr #15

Kay Mitglied

Registriert seit
29.10.2005

Beiträge
167

Beitragswertungen

Also auf meiner Ilch-Seite geht das Script Fabellos, im IE und FF andere Browser hab ich nicht getestet.

typhoxxg.ty.funpic.de/index.php
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 30.10.2005 13:42 Uhr #16

seth Mitglied

Registriert seit
12.03.2005

Beiträge
2.018

Beitragswertungen

jetzt gehts bei mir auch deins is auch bissl anders
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 30.10.2005 13:47 Uhr #17

Soulfly Mitglied

Registriert seit
20.07.2005

Beiträge
93

Beitragswertungen

ALLES funzt, nur wenn ich das im ILCH-Script einbaue funzt es nciht,
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 30.10.2005 13:48 Uhr #18

Kay Mitglied

Registriert seit
29.10.2005

Beiträge
167

Beitragswertungen

Bei mir isses ja im Ilch-Script eingebaut;)
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 30.10.2005 14:44 Uhr #19

seth Mitglied

Registriert seit
12.03.2005

Beiträge
2.018

Beitragswertungen

mach das so wie kay, das geht

@kay, ihr habt schöne member, bei random member seht ihr ja richtig sexy aus

Zuletzt geändert von seth am 30.10.2005 - 14:45
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 30.10.2005 15:41 Uhr #20

Kay Mitglied

Registriert seit
29.10.2005

Beiträge
167

Beitragswertungen

xD
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 27.11.2005 12:22 Uhr #21

gast gelöschter User

hallo, Leute!

kann mir jemand vielleicht helfen: wie kann ich
die variablen dx, xp, yp ändern, so dass bei mir auf der seite nur rechts schneit? (höchstens auf 200px breit). hab ausprobiert, kann die einstellung nicht ändern, HILFE!
0 Mitglieder finden den Beitrag gut.
- ändern
- zitieren
So. 27.11.2005 12:23 Uhr #22

Panicsheep Hall Of Fame

Registriert seit
24.08.2004

Beiträge
10.192

Beitragswertungen

Frag ambesten den, der das Schneescript geschrieben hat.

Omnia bona erunt
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 27.11.2005 12:31 Uhr #23

gast gelöschter User

ist ja gut, Panicsheep, war nur ma die frage... Vielleicht kann mir jemand doch helfen, den schnee find ich schön, aber es sollte nicht auf den text schneien
0 Mitglieder finden den Beitrag gut.
- ändern
- zitieren
So. 27.11.2005 13:53 Uhr #24

SLJ Hall Of Fame

Registriert seit
18.05.2004

Beiträge
15.492

Beitragswertungen

Dann streue halt vorher Salz dann bleibt er zumindest nicht liegen ^^

externer Link
Ilch 1.0.4 PHP 7.0 und PDO Fähig na klar
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 27.11.2005 14:05 Uhr #25

RitterKeks gelöschter User

hm... bild ich mir das nur ein, oder war hier schonma n thread mit nem schneeflocken js ??

weil des hab ich genommen und eingebunden (in <body> und nicht in <head> !!! ) und es funktioniert --> [url=www.gogongo.de.vu]hier der beweis[/url]
0 Mitglieder finden den Beitrag gut.
- ändern
- zitieren
So. 27.11.2005 14:06 Uhr #26

Kay Mitglied

Registriert seit
29.10.2005

Beiträge
167

Beitragswertungen

Dein Beweis funktioniert bei mir irgendwie nicht
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 28.11.2005 18:58 Uhr #27

RitterKeks gelöschter User

ups sry.. war zwar nich so wichtig, aber hier nochmal der richtige link www.godongo.de.vu bei mir gehts (Opera) und soweit ich weiß bei den andern mit firefox auch.
0 Mitglieder finden den Beitrag gut.
- ändern
- zitieren
Di. 29.11.2005 14:40 Uhr #28

RitterKeks gelöschter User

ah, ok hab mich getäuscht, der thread mit dem script das ich in meine page eingebaut hab war im forum von dzcp...

ok, hier der link
0 Mitglieder finden den Beitrag gut.
- ändern
- zitieren
Di. 29.11.2005 17:40 Uhr #29

Criminal Damage gelöschter User

Man manche machen es wohl immer noch falsch auf jeden fall hat es über all bei mir geklappt mit ff opera iw und mozila netscape alle haben es mitgemacht und auf meiner HP läuft es auch css-freaks.tk
0 Mitglieder finden den Beitrag gut.
- ändern
- zitieren
Di. 29.11.2005 18:12 Uhr #30

Benny Mitglied

Registriert seit
14.09.2005

Beiträge
1.431

Beitragswertungen

Schleichwerbung

TRACKMANIA NATIONS FOREVER SERVER TIROL
0 Mitglieder finden den Beitrag gut.
- zitieren

Geschlossen		Seite 1 von 2 ‹12 ›

	Zurück zu Kritik und Verbesserungen

Beitrag zur Merkliste hinzufügen

ilch Forum » Ilch Clan 1.1 » Kritik und Verbesserungen » Javascript (Schneeflocken)