Auteur Topic: Vuurwerk in frontpage  (gelezen 5597 keer)

0 leden en 1 gast bekijken dit topic.

Offline MissNouk

  • Starter
  • *
  • Berichten: 1
  • Geslacht: Vrouw
Vuurwerk in frontpage
« Gepost op: 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 ?

Offline Han

  • Admin
  • Super Member
  • *****
  • Berichten: 27,958
  • Geslacht: Vrouw
  • PC-vragen worden alleen via 't forum beantwoord!
    • Han's Kattekids
Re: Vuurwerk in frontpage
« Reactie #1 Gepost op: 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!!

Offline Han

  • Admin
  • Super Member
  • *****
  • Berichten: 27,958
  • Geslacht: Vrouw
  • PC-vragen worden alleen via 't forum beantwoord!
    • Han's Kattekids
Re: Vuurwerk in frontpage
« Reactie #2 Gepost op: 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:

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

Offline Bugs

  • Admin
  • Super Member
  • *****
  • Berichten: 14,030
  • Geslacht: Man
  • Favor the road, traveled by few
Re: Vuurwerk in frontpage
« Reactie #3 Gepost op: 12 januari 2010, 22:50:23 »
Topicstarter stelt een vraag, krijgt antwoord en komt vervolgens niet meer terug. Slotje.  :locked
Groetjes van Bugs