PDA

Click to See Complete Forum and Search --> : Page won't load

MissPita
12-28-2002, 08:19 PM
There is a script I wanted to get the code for on this page
http://javascript.internet.com/bgeffects/fireworks-2.html
but the page has no scroll bar to be able to view the entire page.
Thanks.
swon
12-28-2002, 08:22 PM
here is the code, miss (some lines maybe are broken, just bring them to the same line):


<!-- TWO STEPS TO INSTALL FIREWORKS 2:



1. Copy the coding into the HEAD of your HTML document

2. Add the last code into the BODY of your HTML document -->



<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->



<HEAD>



<!-- This script and many more are available free online at -->

<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Original: Jacco IJzerman (j.ijzerman1@chello.nl ) -->

<!-- Web Site: http://variomatic.quickhost.nl -->



<!--[if IE ]>

<style type="text/css">

body { overflow: hidden; }

v\:* { behavior: url(#default#VML); }

</style>

<![endif]-->

</HEAD>



<!-- STEP TWO: Copy this code into the BODY of your HTML document -->



<BODY>



<!-- This script and many more are available free online at -->

<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Original: Jacco IJzerman (j.ijzerman1@chello.nl ) -->

<!-- Web Site: http://variomatic.quickhost.nl -->



<!--[if IE ]>

<script language="JavaScript">



colors = new Array();



// Define your own color combinations

colors[0] = new Array('yellow', 'lime');

colors[1] = new Array('silver', 'green')

colors[2] = new Array('silver', 'blue');

colors[3] = new Array('silver', 'purple');

colors[4] = new Array('purple', 'white');

colors[5] = new Array('blue', 'silver');

colors[6] = new Array('red', 'fuchsia');

colors[7] = new Array('yellow', 'red');



// Define the maximum number of fire arrows

maximum = 1000;



vmlobj='';

for(i = 0; i < 12; i++){

vmlobj += '<div id="ster'+i+'" style="position:absolute; left:-50px; top-50px; visibility:hidden; z-index:50;">';

vmlobj += '<v:shape style="width:15px; height:15px;" fillcolor="yellow" coordorigin="0,0" coordsize="200 200">';

vmlobj += '<v:path v="m 8,65 l 72,65, 92,11, 112,65, 174,65, 122,100, 142,155,92,121, 42,155, 60,100 x e"/>';

vmlobj += '<v:stroke on="false" /></v:shape></div>';

}

document.write(vmlobj); vmlobj = null;



aantal = 0;



function begin()

{

try {

if(aantal == maximum){ return;}

kleurschema = Math.floor(Math.random() * colors.length);

posLinks = Math.floor(Math.random() * (document.body.clientWidth - 180));

posLinks = (posLinks < 170)? 170: posLinks;

posBoven = Math.floor(Math.random() * (document.body.clientHeight - 180));

posBoven = (posBoven < 170)? 170: posBoven;

straal = 0; uiteen = true; teller = 1; flikkereffect = false;

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

document.getElementsByTagName('shape')[i].setAttribute('fillcolor', colors[kleurschema][0]);

document.getElementById('ster'+i).style.visibility = 'hidden'; // 5.0 fix

document.getElementById('ster'+i).style.left = posLinks;

document.getElementById('ster'+i).style.top = posBoven;

}

document.getElementById('ster0').style.top = (document.body.clientHeight - 20);

document.getElementById('ster0').style.visibility = 'visible';

omhoog();

} catch(e){}

}



function omhoog()

{

try {

positie = parseInt(document.getElementById('ster0').style.top);

if(positie > posBoven){

document.getElementById('ster0').style.top = (positie - 25);

setTimeout('omhoog()', 50);

} else {

for(i = 1; i < 12; i++){

document.getElementById('ster'+i).style.top = positie;

document.getElementById('ster'+i).style.visibility = 'visible';

}

uiteenspatten();

}

} catch(e){}

}



function uiteenspatten()

{

try {

if(straal > 120 && straal % 10 == 0){

flikkereffect = true;

teller = (teller == colors[kleurschema].length)? 0: (teller+1);

}

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

var hoek = i * 30;

var piHoek = Math.PI - Math.PI / 180 * hoek;

var links = posLinks + Math.round(straal * Math.sin(piHoek));

var boven = positie + Math.round(straal * Math.cos(piHoek));

document.getElementById('ster'+i).style.left = links;

document.getElementById('ster'+i).style.top = boven;

if(flikkereffect){

document.getElementsByTagName('shape')[i].setAttribute('fillcolor', colors[kleurschema][teller]);

}

}

if(straal < 160 && uiteen){

straal += (straal < 120)? 10: 5;

setTimeout('uiteenspatten()', 50);

}

else if(straal > 120){

uiteen = false; straal -= 5;

setTimeout('uiteenspatten()', 50);

}

else if(straal <= 120){

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

document.getElementById('ster'+i).style.visibility = 'hidden';

}

aantal++;

setTimeout('begin()', 500);

}

} catch(e) {}

}



window.onload=begin;



</script>

<![endif]-->



<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: 4.58 KB -->
Beach Bum
12-28-2002, 08:24 PM
bad page, but no scroll is needed. click the highlight all button, then copy the script to any text document. also when you click the button (at least in in IE6) the page jumps up so you can also see the whole script.
MissPita
12-29-2002, 06:12 AM
Thanks for the script, I do appreciate it. I couldn't get down far enough on the page to click on the highlight all button, so posting the script was excellent.
Thanks again.:D