[Java] [script] scheeflocken script problem

Dieses Thema im Forum "Webentwicklung" wurde erstellt von proHacker, 31. Oktober 2006 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 31. Oktober 2006
    [script] scheeflocken script problem

    Hey leute wollte meinem board nen bisschen winterfeeling einhauchen so um die weinachtszeit.
    Habe an das schneeflocken JS gedacht und nen paar durchprobiert.

    Das hier gefällt mir am besten allerdings sieht es so aus als ob es aus den 90ern ist und nicht im firefox funktioniert.

    kann das evtl. jemand umbügeln das es auch im FF nutzbar ist?

    Code:
    <SCRIPT LANGUAGE="JavaScript1.2">
    <!--
    var no = 30; // Anzahl der Schneeflocken
    var speed = 40; // "Schnei-Geschwindigkeit"; je kleiner die Zahl, um so schneller fallen die Flocken
    var snowflake = "./snow1.gif"; // Bild der Schneeflocke, beliebig
    // ***** Ab hier nichts mehr ändern! ********************
    var ns4up = (document.layers) ? 1 : 0; // Browser Tester
    var ie4up = (document.all) ? 1 : 0;
    var dx, xp, yp; // Variablen für Koordinaten und Position
    var am, stx, sty; //Variablen für Amplitude und Schrittweite
    var i, doc_width = 800, doc_height = 100;
    if (ns4up) { // Bildschirm-Auflösung holen, Netscape-Funktion
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
    } else if (ie4up) { // Bildschirm-Auflösung holen, Internet Explorer-Funktion
    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; // Koordinaten-Variable setzen
    xp[i] = Math.random()*(doc_width-50); // Position-Variable setzen
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20; // Amplituden-Variable setzten
    stx[i] = 0.02 + Math.random()/10; // Variable für Schrittweite setzen
    sty[i] = 0.7 + Math.random(); // Variable für Schrittweite setzen
    // ----------------------------------------------------------------------
    // Layer konfigurieren für Netscape
    if (ns4up) {
    if (i == 0) {
    document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
    document.write("top=\"15\" visibility=\"show\"><img src=\"");
    document.write(snowflake + "\" border=\"0\"></layer>");
    } else {
    document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
    document.write("top=\"15\" visibility=\"show\"><img src=\"");
    document.write(snowflake + "\" border=\"0\"></layer>");
    }
    // ----------------------------------------------------------------------
    // Layer konfigurieren für Internet Explorer
    } else if (ie4up) {
    if (i == 0) {
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
    document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
    document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
    document.write(snowflake + "\" border=\"0\"></div>");
    } else {
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
    document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
    document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
    document.write(snowflake + "\" border=\"0\"></div>");
    }
    }
    }
    // ----------------------------------------------------------------------
    // Haupt-Animations-Funktion für Netscape
    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()", speed);
    }
    // ----------------------------------------------------------------------
    // Haupt-Animations-Funktion für Internet Explorer
    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()", speed);
    }
    if (ns4up) {
    snowNS();
    } else if (ie4up) {
    snowIE();
    }
    // End --></script>
    
     
  2. 31. Oktober 2006
    AW: [script] scheeflocken script problem

    ich glaub, da ist es schneller via google ein FF kompatiebeles scrtipt zu suchen ...

    2minuten arbeit ...


    dazu gehört das in webtechnik ... :]
     
  3. 31. Oktober 2006
    AW: [script] scheeflocken script problem

    ja nur die engine von diesem script gefällt mir von allen die ich bisher geteswtet habe am besten

    der schnee fällt einfach am realistischsten...
     
  4. 31. Oktober 2006
    AW: [script] scheeflocken script problem

    Hier mal 2 Links, sollten im ie,ff und opera funktionieren

    http://www.jswelt.de/index.php?opencat=JavaScripts&artid=1069745498
    http://gobi.gmxhome.de/snow/
     
  5. 31. Oktober 2006
    AW: [script] scheeflocken script problem

    danke für die scripts funktionieren tun sie im FF nur nicht wenn ich sie in mein wbb einbaue da gehen sie weiterhin nur im IE jemand ne idee wodran das liegt? nen einbaufehler ist es nicht
     
  6. 31. Oktober 2006
    AW: [script] scheeflocken script problem

    move -.-
     
  7. 31. Oktober 2006
    AW: [script] scheeflocken script problem


    wo hast du sie eingebaut ? ... im tmp oder in der index.php ?
     
  8. 31. Oktober 2006
    AW: [script] scheeflocken script problem

    Habs das gleiche Problem IE geht wie ne 1 aber Firefox ist nichts zu machen wo dran kann das liegen?

    ich habe das Script benutzt:

    perlunity.de | Javascript : Animationen - Schneeflocken | Die Community f

    MFG
     
  9. 31. Oktober 2006
    AW: [script] scheeflocken script problem

    liegt daran, dass firefox andere code's erkennt als der internet explorer :]
     
  10. 1. November 2006
    AW: [script] scheeflocken script problem

    @ hacker5 hab es in nen script von mir eingebaut was steuert wann es aktiv sein soll also der code verteilt sich auf mehrere dateien das script sitzt in der header.tpl also im body wo es hingehört hab es auch schon in den head gesetzt und direkt nach dem body start tag aber immer das gleiche
     
  11. 1. November 2006
    AW: [script] scheeflocken script problem

    Ok. Da du ja ein bisschen ahnung zu scheinen hast weiste sicher auch wie ich das ändern kann damit das auch im Firefox geht, da die meisten nutzer meiner seite diesen Browser nutzen.

    MFG
     
  12. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.