PC-Navigator Forum

Overige categorieën => Website => Topic gestart door: MissNouk op 14 december 2009, 17:29:06

Titel: Vuurwerk in frontpage
Bericht door: MissNouk 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 ?
Titel: Re: Vuurwerk in frontpage
Bericht door: Han 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.
Titel: Re: Vuurwerk in frontpage
Bericht door: Han 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>
Titel: Re: Vuurwerk in frontpage
Bericht door: Bugs op 12 januari 2010, 22:50:23
Topicstarter stelt een vraag, krijgt antwoord en komt vervolgens niet meer terug. Slotje.  :locked