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

Geschlossen
  1. #1
    User Pic
    Soulfly Mitglied
    Registriert seit
    20.07.2005
    Beiträge
    93
    Beitragswertungen
    0 Beitragspunkte
    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 zwinker

    MFG

    Soulfly
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    omg gelöschter User
    ich hab ein schneeflocken scritpt der auch im firefox wunderbar funzt zwinker
    und firefox ist 1000x besser als der olle ie
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Soulfly Mitglied
    Registriert seit
    20.07.2005
    Beiträge
    93
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von omg

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


    hi, könnteste mir vll das script geben? lächeln
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    omg gelöschter User
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Soulfly Mitglied
    Registriert seit
    20.07.2005
    Beiträge
    93
    Beitragswertungen
    0 Beitragspunkte
    danke, aber es funzt nicht! traurig


    Zuletzt geändert von Soulfly am 29.10.2005 - 13:37
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    manuel ilch-Gründer
    Registriert seit
    22.03.2003
    Beiträge
    4.260
    Beitragswertungen
    4 Beitragspunkte
    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.
  7. #7
    User Pic
    Soulfly Mitglied
    Registriert seit
    20.07.2005
    Beiträge
    93
    Beitragswertungen
    0 Beitragspunkte
    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.
  8. #8
    User Pic
    manuel ilch-Gründer
    Registriert seit
    22.03.2003
    Beiträge
    4.260
    Beitragswertungen
    4 Beitragspunkte
    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.
  9. #9
    User Pic
    Soulfly Mitglied
    Registriert seit
    20.07.2005
    Beiträge
    93
    Beitragswertungen
    0 Beitragspunkte
    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 zwinker
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    manuel ilch-Gründer
    Registriert seit
    22.03.2003
    Beiträge
    4.260
    Beitragswertungen
    4 Beitragspunkte
    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 zunge...
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    seth Mitglied
    Registriert seit
    12.03.2005
    Beiträge
    2.018
    Beitragswertungen
    1 Beitragspunkte
    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>

    grumml

    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.
  12. #12
    User Pic
    scaRFhogg Mitglied
    Registriert seit
    02.06.2003
    Beiträge
    750
    Beitragswertungen
    0 Beitragspunkte
    <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.
  13. #13
    User Pic
    seth Mitglied
    Registriert seit
    12.03.2005
    Beiträge
    2.018
    Beitragswertungen
    1 Beitragspunkte
    geht im ff auch net
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    scaRFhogg Mitglied
    Registriert seit
    02.06.2003
    Beiträge
    750
    Beitragswertungen
    0 Beitragspunkte
    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.
  15. #15
    User Pic
    Kay Mitglied
    Registriert seit
    29.10.2005
    Beiträge
    167
    Beitragswertungen
    0 Beitragspunkte
    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.
  16. #16
    User Pic
    seth Mitglied
    Registriert seit
    12.03.2005
    Beiträge
    2.018
    Beitragswertungen
    1 Beitragspunkte
    jetzt gehts bei mir auch grumml deins is auch bissl anders
    0 Mitglieder finden den Beitrag gut.
  17. #17
    User Pic
    Soulfly Mitglied
    Registriert seit
    20.07.2005
    Beiträge
    93
    Beitragswertungen
    0 Beitragspunkte
    ALLES funzt, nur wenn ich das im ILCH-Script einbaue funzt es nciht, traurig
    0 Mitglieder finden den Beitrag gut.
  18. #18
    User Pic
    Kay Mitglied
    Registriert seit
    29.10.2005
    Beiträge
    167
    Beitragswertungen
    0 Beitragspunkte
    Bei mir isses ja im Ilch-Script eingebaut;)
    0 Mitglieder finden den Beitrag gut.
  19. #19
    User Pic
    seth Mitglied
    Registriert seit
    12.03.2005
    Beiträge
    2.018
    Beitragswertungen
    1 Beitragspunkte
    mach das so wie kay, das geht

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


    Zuletzt geändert von seth am 30.10.2005 - 14:45
    0 Mitglieder finden den Beitrag gut.
  20. #20
    User Pic
    Kay Mitglied
    Registriert seit
    29.10.2005
    Beiträge
    167
    Beitragswertungen
    0 Beitragspunkte
    xD
    0 Mitglieder finden den Beitrag gut.
  21. #21
    User Pic
    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.
  22. #22
    User Pic
    Panicsheep Hall Of Fame
    Registriert seit
    24.08.2004
    Beiträge
    10.192
    Beitragswertungen
    16 Beitragspunkte
    Frag ambesten den, der das Schneescript geschrieben hat.
    Omnia bona erunt
    0 Mitglieder finden den Beitrag gut.
  23. #23
    User Pic
    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.
  24. #24
    User Pic
    SLJ Hall Of Fame
    Registriert seit
    18.05.2004
    Beiträge
    15.492
    Beitragswertungen
    3 Beitragspunkte
    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 lächeln
    0 Mitglieder finden den Beitrag gut.
  25. #25
    User Pic
    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.
  26. #26
    User Pic
    Kay Mitglied
    Registriert seit
    29.10.2005
    Beiträge
    167
    Beitragswertungen
    0 Beitragspunkte
    Dein Beweis funktioniert bei mir irgendwie nicht
    0 Mitglieder finden den Beitrag gut.
  27. #27
    User Pic
    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.
  28. #28
    User Pic
    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.
  29. #29
    User Pic
    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.
  30. #30
    User Pic
    Benny Mitglied
    Registriert seit
    14.09.2005
    Beiträge
    1.431
    Beitragswertungen
    1 Beitragspunkte
    Schleichwerbung
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Kritik und Verbesserungen

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten