www.webdeveloper.com
Recent Articles
  • Finding Slow Running Queries in ASE 15
  • A More Advanced Pie Chart for Analysis Services Data
  • Adobe AIR Programming Unleashed: Working with Windows
  • Performance Testing SQL Server 2008's Change Data Capture Functionality
  • The ABC's of PHP: Introduction to PHP
  • How to Migrate from BasicFiles to SecureFiles Storage
  • Why the Twitter Haters Are Wrong
  • User Personalization with PHP: Beginning the Application
  • Whats in an Oracle Schema?
  • Lighting Enhancement in Photoshop
    		•   

    Go Back   WebDeveloper.com > Client-Side Development > JavaScript
    Reload this Page snow effect code not working
    Register FAQ Members List Calendar Search Today's Posts Mark Forums Read

    JavaScript JavaScript (not Java) Discussion and technical support, including AJAX and frameworks (JQuery, MooTools, Prototype...)

    Reply
     
    		Thread Tools Search this Thread Rate Thread Display Modes
      #1  
    Old 11-30-2005, 10:10 AM
    Phillie Phillie is offline
    Registered User
    		  
    Join Date: Nov 2005
    Posts: 2
    snow effect code not working
    I found this cool snow effect:

    <BODY>

    <SCRIPT LANGUAGE="JavaScript1.2">
    <!-- Original: Altan (snow@altan.hr) -->
    <!-- Web Site: http://www.altan.hr/snow -->

    <!-- This script and many more are available free online at -->
    <!-- The JavaScript Source!! http://javascript.internet.com -->

    <!-- Begin
    var no = 25; // snow number
    var speed = 10; // smaller number moves the snow faster
    var snowflake = "http://img.photobucket.com/albums/v132/username/snow3.gif";

    var ns4up = (document.layers) ? 1 : 0; // browser sniffer
    var ie4up = (document.all) ? 1 : 0;
    var dx, xp, yp; // coordinate and position variables
    var am, stx, sty; // amplitude and step variables
    var i, doc_width = 800, doc_height = 600;
    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; // set coordinate variables
    xp[i] = Math.random()*(doc_width-50); // set position variables
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20; // set amplitude variables
    stx[i] = 0.02 + Math.random()/10; // set step variables
    sty[i] = 0.7 + Math.random(); // set step variables
    if (ns4up) { // set layers
    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>");
    }
    } 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>");
    }
    }
    }
    function snowNS() { // Netscape main animation function
    for (i = 0; i < no; ++ i) { // iterate for every dot
    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);
    }
    function snowIE() { // IE main animation function
    for (i = 0; i < no; ++ i) { // iterate for every dot
    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></body>
    <p><center>
    <font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
    by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
    </center><p>

    <!-- Script Size: 3.39 KB -->

    it's not working on my board. An invision power board.

    or maybe I dont put it in the right place....

    thanks for any help!
    Reply With Quote
      #2  
    Old 11-30-2005, 10:36 AM
    kelly23 kelly23 is offline
    Registered User
    		  
    Join Date: Oct 2005
    Posts: 480
    This may seem like a silly question, but did you change the username in this path to your own username?

    var snowflake = "http://img.photobucket.com/albums/v132/username/snow3.gif";

    Also, you show the closing body tag after the script. The closing </body> tag should be after all of your Invision forum code, at the end of the page right before the closing </html> tag.
    Reply With Quote
      #3  
    Old 11-30-2005, 12:57 PM
    Phillie Phillie is offline
    Registered User
    		  
    Join Date: Nov 2005
    Posts: 2
    Quote:
    Originally Posted by kelly23
    This may seem like a silly question, but did you change the username in this path to your own username?

    var snowflake = "http://img.photobucket.com/albums/v132/username/snow3.gif";

    Also, you show the closing body tag after the script. The closing </body> tag should be after all of your Invision forum code, at the end of the page right before the closing </html> tag.
    yes I did change the username to my own username.
    and I also tried the code with the closing tag </body> .... was not working

    thanks for your answer
    Reply With Quote
      #4  
    Old 11-30-2005, 02:23 PM
    Fang's Avatar
    Fang Fang is offline
    Resistance is futile
    		  
    Join Date: Apr 2003
    Location: Netherlands
    Posts: 18,435
    Get the latest version: http://www.dynamicdrive.com/dynamicindex3/snow.htm
    __________________
    At least 98% of internet users' DNA is identical to that of chimpanzees
    Reply With Quote
    Reply

    Bookmarks

    « Previous Thread | Next Thread »

    Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
     
    Thread Tools Search this Thread
    Search this Thread:

    Advanced Search
    Display Modes Rate This Thread
    Linear Mode Linear Mode
    Rate This Thread:

    Posting Rules
    You may not post new threads
    You may not post replies
    You may not post attachments
    You may not edit your posts
    BB code is On
    Smilies are On
    [IMG] code is Off
    HTML code is Off
    Forum Jump


    All times are GMT -5. The time now is 03:13 PM.

    Contact Us - Web Developer Forum - Archive - Top


    Acceptable Use Policy


    The Network for Technology Professionals

    Search:

    About Internet.com

    Legal Notices, Licensing, Permissions, Privacy Policy.
    Advertise | Newsletters | E-mail Offers

    Powered by vBulletin® Version 3.7.3
    Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.