Vuurwerk in frontpage

Gestart door MissNouk, 14 december 2009, 17:29:06

Vorige topic - Volgende topic

0 leden en 2 gasten bekijken dit topic.

MissNouk

Hallo ,
Ik probeer een code in te voegen in Frontpage :


<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nieuwe pagina 1</title>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="Microsoft Theme" content="none, default">
<meta name="Microsoft Border" content="none, default">
<!--- hieronder zie je de scripts die aangeroepen worden.. let op de map waarin ze staan.. anders werkt het niet --->
<SCRIPT LANGUAGE="JavaScript" SRC="javascript/JSFX_Layer.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="javascript/JSFX_Browser.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="javascript/JSFX_Fireworks2.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
function JSFX_StartEffects()
{
   JSFX.FireworkDisplay(15);
}
// -->
</SCRIPT>
<script language="Javascript">


howmany     = 120                                                // hoeveel vonken komen van het vuurwerk af
howbig      = 30                                                // Hoe groot  (radius, is acht keer groter dan dit nummer)
launchspeed = 8                                                // snelheid van afschieten
colors = new Array('yellow','orange','blue','white','red','lightgreen');  // kleuren van het vuurwerk

function spark(div)
{
  this.css    = document.getElementById(div).style;
 
  this.show   = function()   { this.css.visibility="visible"; }
  this.hide   = function()   { this.css.visibility="hidden"; }
  this.moveTo = function(x,y){ this.x=x; this.y=y; this.css.left=x; this.css.top=y; }
  this.bg     = function(col){ this.css.backgroundColor=col; }
  this.resize = function(w,h){ this.css.overflow="hidden"; this.css.width=w; this.css.height=h; }
 
  return this;
}

function init(){
  if(parseInt(launch.top) > center_y){
     launch.top = parseInt(launch.top)-launchspeed;
     setTimeout('init()',1);
  }else{
     launch.visibility="hidden";
     for(i=0;i<sparks.length;i++){
       sparks.show();
       sparks.inc = (Math.random()*10);
       sparks.ang = (Math.random()*360);
     }
     counter = 0;
     doExplode();
  }
}

function doExplode(){
  if(counter < howbig){
    counter++;
    for(i=0;i<sparks.length;i++){
      x = center_x + (counter*sparks.inc) * Math.sin(sparks.ang * Math.PI/180);
      y = center_y + (counter*sparks.inc) * Math.cos(sparks.ang * Math.PI/180);
      sparks.moveTo(x,y);
    }
   setTimeout('doExplode()',1);
  }else{
    for(i=0;i<sparks.length;i++){
      sparks.hide();
    }
    launch.visibility="visible";
    getDimens();
    launch.top = bottom-15;
    launch.left = l;
    init();
   }
}

function getDimens(){
    if(document.all){
      bottom = document.body.clientHeight;
      width  = document.body.clientWidth;
    }else{
      bottom = innerHeight;
      width  = innerWidth;   
    }
      center_y = (bottom/2)-50;
      center = width/2;
      l = (Math.random()*(width/2))+(width/4);
      center_x = l;
}
</script>
</head>

<BODY onLoad="JSFX_StartEffects()" background="2kerstballen1152x864.jpg">
<body bgColor="black"  onload="starter()">

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<script language="Javascript">
sparks = new Array();
  document.write('<div id="launcher" style="position: absolute; width: 3; height: 15; overflow: hidden; background-color: white"></div>');
  launch = document.getElementById('launcher').style; 
for(i=0;i<howmany;i++){
  document.write('<div id="spark'+i+'" style="position: absolute"></div>');
   
  sparks = new spark('spark'+i);
  sparks.resize(1,1);
  sparks.hide();
  num = Math.round(Math.random()*(colors.length-1))
  col = colors[num];
  sparks.bg(col);
}
function starter(){
getDimens();
launch.top = bottom-15;
launch.left = l;
init();
}
</script>
</body>

</html>

Het ziet er zo uit, maar ik zie geen effect ...
Kan iemand me toevallig helpen ?

Han

Hoi, welkom op PCN forum.
Ik kan nu even niet kijken voor je. Ik ben op vakantie in Duitsland en heb op het moment alleen internet via m'n telefoon. Die ondersteund het lezen van java niet.
Als de PCN-server down is, dan moeten we 'm opvrolijken!!

Han

Sorry maar door omstandigheden kon ik je vraag niet eerder bekijken.

Heb je eraan gedacht om de drie bestandjes die bij het script horen in dezelfde map te zetten als waar het html bestand staat.
Zonder die drie bestandjes werkt het script niet. Dat staat beschreven in dit stukje:

<!--- hieronder zie je de scripts die aangeroepen worden.. let op de map waarin ze staan.. anders werkt het niet --->
<SCRIPT LANGUAGE="JavaScript" SRC="javascript/JSFX_Layer.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="javascript/JSFX_Browser.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="javascript/JSFX_Fireworks2.js"></SCRIPT>
Als de PCN-server down is, dan moeten we 'm opvrolijken!!

Bugs

Topicstarter stelt een vraag, krijgt antwoord en komt vervolgens niet meer terug. Slotje.  :locked
Groetjes van Bugs