Hot Scripts Forums - JavaScript

Two scriptaculous highlight effects

mjjwatson — Sat, 21 Nov 2009 18:56:02 GMT

For some reason I can't get two highlight effects to work onload of a page, for two different divs. Lordy, can anyone help?

Thanks!

dynamically create table

anvi123 — Wed, 18 Nov 2009 22:30:33 GMT

hi all,

I have below table

HTML Code:


"rowHeader">










"name" style="WIDTH: 20px"/>






name

Snowing + Konami

donald_nqn — Wed, 18 Nov 2009 15:39:47 GMT

Hello everyone, i've been trying to work this out but it seems i can't get it right.
What i want to do is the following, I found the konami code JS somewhere in the web, and it tells you how to activate it and everything. Now what i want to do is, once Konami Code is activated lunch a snowing script that will make some snow storms.

However I can't get it to lunch when the konami code is input, i can make alerts go but it seems i can't make the snow storm go.

Here is the konami code code:

Code:

Now the JavaScript for the SnowStorm is the following, I know it works right, but i can't get it to work togther with the Konami code:

Code:

/*

   DHTML PNG Snowstorm! OO-style Jascript-based Snow effect

   --------------------------------------------------------

   Version 1.3.20081215 (Previous rev: v1.2.20041121a)

   Dependencies: GIF/PNG images (0 through 4.gif/png)

   Code by Scott Schiller - http://schillmania.com

   --------------------------------------------------------

   Description:

  

   Initializes after body onload() by default (via addEventHandler() call at bottom.)

  

   Properties:

  

   usePNG

   ---------------

   Enables PNG images if supported ("false" falls back to GIF)

  

   flakeTypes

   ---------------

   Sets the range of flake images to use (eg. a value of 5

   will use images ranging from 0.png to 4.png.)

  

   flakesMax

   ---------------

   Sets the maximum number of snowflakes that can exist on

   the screen at any given time.

   

   flakesMaxActive

   ---------------

   Sets the limit of "falling" snowflakes (ie. moving, thus

   considered to be "active".)

  

   vMax

   ---------------

   Defines the maximum X and Y velocities for the storm.

   A range up to this value is selected at random.

  

   flakeWidth

   ---------------

   The width (in pixels) of each snowflake image.

  

   flakeHeight

   ---------------

   Height (pixels) of each snowflake image.

   

   flakeBottom

   ---------------

   Limits the "bottom" coordinate of the snow.



   snowStick

   ---------------

   Allows the snow to "stick" to the bottom of the window.

   When off, snow will never sit at the bottom.

  

   snowCollect

   ---------------

   Enables snow to pile up (slowly) at bottom of window.

   Can be very CPU/resource-intensive over time.

   Also requires snowStick = true.



   followMouse

   ---------------

   Allow the mouse to affect the "wind", left-to-right.



*/



var snowStorm = null;



function SnowStorm() {



  // PROPERTIES

  // ------------------



  var imagePath = '/images/snow/'; // relative path to snow images (including trailing slash)

  var flakesMax = 128;

  var flakesMaxActive = 64;

  var vMaxX = 8;

  var vMaxY = 4;

  var usePNG = true;

  var flakeBottom = null;        // Integer for fixed bottom, 0 or null for "full-screen" snow effect

  var snowStick = true;

  var snowCollect = false;

  var targetElement = null;      // element which snow will be appended to (document body if undefined)

  var followMouse = true;

  var flakeTypes = 6;

  var flakeWidth = 5;

  var flakeHeight = 5;



  // ------------------



  var zIndex = 0; // CSS stacking order applied to each snowflake

  var flakeLeftOffset = 0; // amount to subtract from edges of container

  var flakeRightOffset = 0; // amount to subtract from edges of container



  // --- End of user section ---



  var addEvent = function(o,evtName,evtHandler) {

    typeof(attachEvent)=='undefined'?o.addEventListener(evtName,evtHandler,false):o.attachEvent('on'+evtName,evtHandler);

  }



  var removeEvent = function(o,evtName,evtHandler) {

    typeof(attachEvent)=='undefined'?o.removeEventListener(evtName,evtHandler,false):o.detachEvent('on'+evtName,evtHandler);

  }



  var classContains = function(o,cStr) {

    return (typeof(o.className)!='undefined'?o.className.indexOf(cStr)+1:false);

  }



  var s = this;

  var storm = this;

  this.timers = [];

  this.flakes = [];

  this.disabled = false;

  this.terrain = [];

  this.active = false;



  var isIE = navigator.userAgent.match(/msie/i);

  var isIE6 = navigator.userAgent.match(/msie 6/i);

  var isOldIE = (isIE && (isIE6 || navigator.userAgent.match(/msie 5/i)));

  var isWin9X = navigator.appVersion.match(/windows 98/i);

  var isiPhone = navigator.userAgent.match(/iphone/i);

  var isBackCompatIE = (isIE && document.compatMode == 'BackCompat');

  var isOpera = navigator.userAgent.match(/opera/i);

  if (isOpera) isIE = false; // Opera (which may be sneaky, pretending to be IE by default)

  var noFixed = (isBackCompatIE || isIE6 || isiPhone);

  var screenX = null;

  var screenX2 = null;

  var screenY = null;

  var scrollY = null;

  var vRndX = null;

  var vRndY = null;

  var windOffset = 1;

  var windMultiplier = 2;

  var pngSupported = (!isIE || (isIE && !isIE6 && !isOldIE)); // IE <7 doesn't do PNG nicely without crap filters

  var docFrag = document.createDocumentFragment();

  this.oControl = null; // toggle element

  if (flakeLeftOffset == null) flakeLeftOffset = 0;

  if (flakeRightOffset == null) flakeRightOffset = 0;



  function rnd(n,min) {

    if (isNaN(min)) min = 0;

    return (Math.random()*n)+min;

  }



  this.randomizeWind = function() {

    vRndX = plusMinus(rnd(vMaxX,0.2));

    vRndY = rnd(vMaxY,0.2);

    if (this.flakes) {

      for (var i=0; i
        if (this.flakes[i].active) this.flakes[i].setVelocities();

      }

    }

  }



  function plusMinus(n) {

    return (parseInt(rnd(2))==1?n*-1:n);

  }



  this.scrollHandler = function() {

    // "attach" snowflakes to bottom of window if no absolute bottom value was given

    scrollY = (flakeBottom?0:parseInt(window.scrollY||document.documentElement.scrollTop||document.body.scrollTop));

    if (isNaN(scrollY)) scrollY = 0; // Netscape 6 scroll fix

    if (!flakeBottom && s.flakes) {

      for (var i=0; i
        if (s.flakes[i].active == 0) s.flakes[i].stick();

      }

    }

  }



  this.resizeHandler = function() {

    if (window.innerWidth || window.innerHeight) {

      screenX = window.innerWidth-(!isIE?16:2)-flakeRightOffset;

      screenY = (flakeBottom?flakeBottom:window.innerHeight);

    } else {

      screenX = (document.documentElement.clientWidth||document.body.clientWidth||document.body.scrollWidth)-(!isIE?8:0)-flakeRightOffset;

      screenY = flakeBottom?flakeBottom:(document.documentElement.clientHeight||document.body.clientHeight||document.body.scrollHeight);

    }

    screenX2 = parseInt(screenX/2);

  }



  this.resizeHandlerAlt = function() {

    screenX = targetElement.offsetLeft+targetElement.offsetWidth-flakeRightOffset;

    screenY = flakeBottom?flakeBottom:targetElement.offsetTop+targetElement.offsetHeight;

    screenX2 = parseInt(screenX/2);

  }



  this.freeze = function() {

    // pause animation

    if (!s.disabled) {

      s.disabled = 1;

    } else {

      return false;

    }

    for (var i=0; i
      clearInterval(s.timers[i]);

    }

  }



  this.resume = function() {

    if (s.disabled) {

       s.disabled = 0;

    } else {

      return false;

    }

    s.timerInit();

  }



  this.toggleSnow = function() {

    if (!s.flakes.length) {

      // first run

      s.start();

      s.setControlActive(true);

    } else {

      s.active = !s.active;

      if (s.active) {

        s.show();

        s.resume();

        s.setControlActive(true);

      } else {

        s.stop();

        s.freeze();

        s.setControlActive(false);

      }

    }

  }



  this.stop = function() {

    this.freeze();

    for (var i=this.flakes.length; i--;) {

      this.flakes[i].o.style.display = 'none';

    }

    removeEvent(window,'scroll',s.scrollHandler);

    removeEvent(window,'resize',s.resizeHandler);

    if (!isIE) {

      removeEvent(window,'blur',s.freeze);

      removeEvent(window,'focus',s.resume);

    }

    // removeEventHandler(window,'resize',this.resizeHandler,false);

  }



  this.show = function() {

    for (var i=this.flakes.length; i--;) {

      this.flakes[i].o.style.display = 'block';

    }

  }



  this.SnowFlake = function(parent,type,x,y) {

    var s = this;

    var storm = parent;

    this.type = type;

    this.x = x||parseInt(rnd(screenX-20));

    this.y = (!isNaN(y)?y:-rnd(screenY)-12);

    this.vX = null;

    this.vY = null;

    this.vAmpTypes = [2.0,1.0,1.25,1.0,1.5,1.75]; // "amplification" for vX/vY (based on flake size/type)

    this.vAmp = this.vAmpTypes[this.type];



    this.active = 1;

    this.o = document.createElement('img');

    this.o.style.position = 'absolute';

    this.o.style.width = flakeWidth+'px';

    this.o.style.height = flakeHeight+'px';

    this.o.style.fontSize = '1px'; // so IE keeps proper size

    this.o.style.zIndex = zIndex;

    this.o.src = imagePath+this.type+(pngSupported && usePNG?'.png':'.gif');

    docFrag.appendChild(this.o);



    this.refresh = function() {

      s.o.style.left = s.x+'px';

      s.o.style.top = s.y+'px';

    }



    this.stick = function() {

      if (noFixed || (targetElement != document.documentElement && targetElement != document.body)) {

        s.o.style.top = (screenY+scrollY-flakeHeight-storm.terrain[Math.floor(s.x)])+'px';

      } else {

        s.o.style.display = 'none';

        s.o.style.top = 'auto';

        s.o.style.bottom = '0px';

        s.o.style.position = 'fixed';

        s.o.style.display = 'block';

      }

    }



    this.vCheck = function() {

      if (s.vX>=0 && s.vX<0.2) {

        s.vX = 0.2;

      } else if (s.vX<0 && s.vX>-0.2) {

        s.vX = -0.2;

      }

      if (s.vY>=0 && s.vY<0.2) {

        s.vY = 0.2;

      }

    }



    this.move = function() {

      var vX = s.vX*windOffset;

      s.x += vX;

      s.y += (s.vY*s.vAmp);

      if (vX >= 0 && (s.x >= screenX || screenX-s.x < (flakeWidth+1))) { // X-axis scroll check

        s.x = 0;

      } else if (vX < 0 && s.x-flakeLeftOffset<0-flakeWidth) {

        s.x = screenX-flakeWidth-1; // flakeWidth;

      }

      s.refresh();

      var yDiff = screenY+scrollY-s.y-storm.terrain[Math.floor(s.x)];

      if (yDiff
        s.active = 0;

        if (snowCollect && snowStick) {

          var height = [0.75,1.5,0.75];

          for (var i=0; i<2; i++) {

            storm.terrain[Math.floor(s.x)+i+2] += height[i];

          }

        }

        s.o.style.left = (s.x/screenX*100)+'%'; // set "relative" left (change with resize)

        if (!flakeBottom) {

          if (snowStick) {

            s.stick();

          } else {

            s.recycle();

          }

        }

      }



    }



    this.animate = function() {

      // main animation loop

      // move, check status, die etc.

      s.move();

    }



    this.setVelocities = function() {

      s.vX = vRndX+rnd(vMaxX*0.12,0.1);

      s.vY = vRndY+rnd(vMaxY*0.12,0.1);

    }



    this.recycle = function() {

      s.o.style.display = 'none';

      s.o.style.position = 'absolute';

      s.o.style.bottom = 'auto';

      s.setVelocities();

      s.vCheck();

      s.x = parseInt(rnd(screenX-flakeWidth-20));

      s.y = parseInt(rnd(screenY)*-1)-flakeHeight;

      s.o.style.left = s.x+'px';

      s.o.style.top = s.y+'px';

      s.o.style.display = 'block';

      s.active = 1;

    }



    this.recycle(); // set up x/y coords etc.

    this.refresh();



  }



  this.snow = function() {

    var active = 0;

    var used = 0;

    var waiting = 0;

    for (var i=s.flakes.length; i--;) {

      if (s.flakes[i].active == 1) {

        s.flakes[i].move();

        active++;

      } else if (s.flakes[i].active == 0) {

        used++;

      } else {

        waiting++;

      }

    }

    if (snowCollect && !waiting) { // !active && !waiting

      // create another batch of snow

      s.createSnow(flakesMaxActive,true);

    }

    if (active
      with (s.flakes[parseInt(rnd(s.flakes.length))]) {

        if (!snowCollect && active == 0) {

          recycle();

        } else if (active == -1) {

          active = 1;

        }

      }

    }

  }



  this.mouseMove = function(e) {

    if (!followMouse) return true;

    var x = parseInt(e.clientX);

    if (x
      windOffset = -windMultiplier+(x/screenX2*windMultiplier);

    } else {

      x -= screenX2;

      windOffset = (x/screenX2)*windMultiplier;

    }

  }



  this.createSnow = function(limit,allowInactive) {

    for (var i=0; i
      s.flakes[s.flakes.length] = new s.SnowFlake(s,parseInt(rnd(flakeTypes)));

      if (allowInactive || i>flakesMaxActive) s.flakes[s.flakes.length-1].active = -1;

    }

    targetElement.appendChild(docFrag);

  }



  this.timerInit = function() {

    s.timers = (!isWin9X?[setInterval(s.snow,20)]:[setInterval(s.snow,75),setInterval(s.snow,25)]);

  }



  this.init = function() {

    for (var i=0; i<2048; i++) {

      s.terrain[i] = 0;

    }

    s.randomizeWind();

    s.createSnow(snowCollect?flakesMaxActive:flakesMaxActive*2); // create initial batch

    addEvent(window,'resize',s.resizeHandler);

    addEvent(window,'scroll',s.scrollHandler);

    if (!isIE) {

      addEvent(window,'blur',s.freeze);

      addEvent(window,'focus',s.resume);

    }

    s.resizeHandler();

    s.scrollHandler();

    if (followMouse) {

      addEvent(document,'mousemove',s.mouseMove);

    }

    s.timerInit();

  }



  var didInit = false;



  this.start = function(bFromOnLoad) {

        if (!didInit) {

          didInit = true;

        } else if (bFromOnLoad) {

          // already loaded and running

          return true;

        }

    if (typeof targetElement == 'string') {

      targetElement = document.getElementById(targetElement);

      if (!targetElement) throw new Error('Snowstorm: Unable to get targetElement');

    }

        if (!targetElement) {

          targetElement = (!isIE?(document.documentElement?document.documentElement:document.body):document.body);

        }

    if (targetElement != document.documentElement && targetElement != document.body) s.resizeHandler = s.resizeHandlerAlt; // re-map handler to get element instead of screen dimensions

    s.resizeHandler(); // get bounding box elements

    if (screenX && screenY && !s.disabled) {

      s.init();

      s.active = true;

    }

  }



  if (document.addEventListener) {

        // safari 3.0.4 doesn't do DOMContentLoaded, maybe others - use a fallback to be safe.

        document.addEventListener('DOMContentLoaded',function(){s.start(true)},false);

    window.addEventListener('load',function(){s.start(true)},false);

  } else {

    addEvent(window,'load',function(){s.start(true)});

  }



}







snowStorm = new SnowStorm();

If anyone could help me, that would be great.
Thank You.
donald_nqn

Putting part of another website on another website

kevinkhandublin — Tue, 17 Nov 2009 18:28:53 GMT

ok i need a bit of advice..

I have a webpage and i want to put a section of another website on to my own website..

The Section i want to put on my website is on this page bebo.com - Profile from Douglas Gaa Teenage Discos and i only want to put the section with the comments on it...

What i want is a bit like the face book section of this website
Welcome - Alexandra Burke Official Website

How would this be done does anyone know..

Need Js for radiobutton validation

rsmahaa — Mon, 16 Nov 2009 04:53:49 GMT

my code is blow,,,
1. If i select the first option i have validate first txt box (should hav 11 char).
2. If i select the secondoption i have validate second txt box (not empty).
Someone Plz Help

HTML Code:

"100%" height="56" border="0" cellpadding="0" cellspacing="0">

            

              

              

              

              

            

            

            

              

              

              

            

          "24%" rowspan="2">Select Shipping Type "25%" valign="top">"right">Blue Dart

                "type" type="radio" value="B" />

              "2%" valign="top">"center">: "49%" height="22">"billno" type="text" id="billno" style="WIDTH: 130px" onfocus="this.value=''" 

onclick="javascript:clearbox();" value="Enter  Bill  No" size="10" maxlength="60" />
"22">"right">Hand Delivery

                "type" type="radio" value="H" />

              "center">: "storeid" type="text" id="storeid" value="Enter Store Id" onfocus="this.value=''" onclick="javascript:clearbox();"/>

             

        

        

          "3" class="login_txt">"center">

            "rma" type="hidden" id="rma" value="" />

            "submit" name="Submit" value="Submit" onclick="valbutton(myform);return false;" />

          

          

      

          

      "center">

Javascript function call

deekshas — Sat, 14 Nov 2009 12:09:40 GMT

The function change() in not getting called by onClick event of button Click Me,JavaScript array size has been created in PHP

HTML Code:





</span>Untitled Document<span style="color:#000080">

"text/html; charset=iso-8859-1">













        "button" value="Click Me" onClick="change()"/>

Any kind support will be apreciated.

Thanks,
Srinivas.

Shortcut keys? Superscript/subscript

mjjwatson — Fri, 13 Nov 2009 14:03:57 GMT

I'm making an application for teachers, where they can input their own question sets and use them in various ways (print off pdfs, run flash apps, etc).

I have had some feedback from the science departments that they want a way to type in superscript and subscript in the question forms.

I'm a little stumped on how to make this happen. I know how to style sub/superscript of course with css, but ideally they could use a shortcut key, like on a wordprocessor, to enter superscript numbers, for example alt+2 when typing in a textfield.

I really don't know where to begin finding out if this is possible. If anyone has any pointers it would be ultra appreciated. Thanks.

move text

hemi — Fri, 13 Nov 2009 09:19:09 GMT

hi ,

can anyone tell me how to move a text to center of the page that means when i click on any text it should come to center of the page (the text can be left side top of the page or at the bottom of the page no matter whr it is but when it is clicked it should come to center of the page). is it possible, if it is possible plz help me out

js code to disable checkbox

rsmahaa — Fri, 13 Nov 2009 08:46:57 GMT

I need javascript code to disable (2) check box when radiobutton is selected..

...It would be great if someone Help me with that...

Preventing dupes in javascript array?

End User — Thu, 12 Nov 2009 14:50:12 GMT

I have a form that lets people copy items from one select list to another, but I want to prevent them from putting duplicate items into the second list. In other words, they can pick as many items from the first list as they want, but they can't pick and add the same one twice.

In the code below, what would be the best way to prevent adding duplicate items to the "destList.options" array?

HTML Code:

// Populate  destination with  items from new array

for ( var j = 0; j < newDestList.length; j++ ){



    if ( newDestList[ j ] != null ){



              destList.options[ j ] = newDestList[ j ];



    }



}

document.write() error

jonnekke — Wed, 11 Nov 2009 15:27:49 GMT

Hi there...

I try to check if flash is installed on the site visitors computer.
The following script does this for me:

Code:

The script doesn't work when I put tis in document.write:

HTML Code:

"container">        

"header_voetbal">

"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="980" height="400" id="topmenu" align="middle">

"allowScriptAccess" value="sameDomain" />

"allowFullScreen" value="false" />

"movie" value="topmenu.swf" />"quality" value="medium" />"wmode" value="gpu" />"bgcolor" value="#b6d2e0" />        "topmenu.swf" quality="medium" wmode="gpu" bgcolor="#b6d2e0" width="980" height="400" name="topmenu" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_nl" />

What do I need to modify to make the text above apear with document.write(); ?

_j

angle rotation

hemi — Wed, 11 Nov 2009 10:48:31 GMT

Thanks

2 errors can't solve them please help

hscorp — Sat, 07 Nov 2009 14:38:35 GMT

i got two different errors in two different pages

i got this error in page 1
Attachment 1084

and this error in page 2
Attachment 1085

and here is the pages in zip file
Attachment 1086

please help :(:crying:

Attached Images

Attached Files

pages.zip (6.7 KB)

"24%" rowspan="2">Select Shipping Type	"25%" valign="top"> "right">Blue Dart "type" type="radio" value="B" />	"2%" valign="top"> "center">:	"49%" height="22">"billno" type="text" id="billno" style="WIDTH: 130px" onfocus="this.value=''" onclick="javascript:clearbox();" value="Enter Bill No" size="10" maxlength="60" />
"22"> "right">Hand Delivery "type" type="radio" value="H" />	"center">:	"storeid" type="text" id="storeid" value="Enter Store Id" onfocus="this.value=''" onclick="javascript:clearbox();"/>