Vuurwerk in frontpage

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

Vorige topic - Volgende topic

0 leden en 1 gast bekijken dit topic.

Afdrukken
Omlaag Pagina's1
Gebruikersacties

MissNouk

14 december 2009, 17:29:06
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

#1
14 december 2009, 23:28:57
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

#2
20 december 2009, 01:37:18
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:

Code Selecteer
<!--- 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

#3
12 januari 2010, 22:50:23
Topicstarter stelt een vraag, krijgt antwoord en komt vervolgens niet meer terug. Slotje.  :locked
Groetjes van Bugs
Afdrukken
Omhoog Pagina's1
Gebruikersacties