DHTML games: Make the Salad v1.0 (the tomatinator)


The DHTML Menu - reloaded

FX Sinus offers one of the most versatile DHTML navigation systems

Either your browser doesn't support JavaScript properly, or you have turned JavaScript off. Though most of the content at fxsinus.com relies on JavaScript and is therefore not visible to you, feel free to navigate with the links below or with the help of the sitemap.

FX DHTML Menu

Menu Version Information
Reference Guide: Global Variables
Reference Guide: Style Properties
Reference Guide: Menu Properties
Reference Guide: Item Properties
FAQ
Browser Compatibility
Compatibility with other Scripts
Menu Samples Overview
Professional Webdesigners
License & Purchase
Download FX Menu

Support

E-Mail
Forum

Archive

Complete Archive Sitemap
MX Menu Wizard
MineSweeper JavaScript

DHTML games: Make the Salad v1.0 (the tomatinator)

Demo: Make the Salad v1.0 IE 5.5+ is required(opens in a new window)

Browser: MSIE 5.5+
Contributor: © 2003 Simon Carl Wessely
Script-size: 5.0 kb
uploaded: 17 07 03
last modified: 17 07 03

Step 1: Paste the following code between
the <head> tag and </head> tag:

var tomatoeSrc='../image/tomate.gif'           //enter the correct path
var tomatoeSrcKilled='../image/tomatehin.gif'  //enter the correct path
var deadtomato=false;
var killerstart=[1,2,4,7,11,16,22,29,37,45,54,64,75]
var killerend=  [1,3,6,10,15,21,28,36,44,53,63,74,211]

function deadT()
{
   if(!deadtomato&&!this.deadtomato)
     {
     this.imG.src=tomatoeSrcKilled;
     this.deadtomato=true;
     document.forms.tomatoform.tomatopuree.value++;
     }
}

function KeepP( posL, posT, stepL, stepT,tottisId)
{
  if(deadtomato==true||document.all[tottisId].deadtomato)return;

var winW=window.document.body.clientWidth
   var winH=window.document.body.clientHeight

if((parseInt(posL+stepL+80)<winW)&&(parseInt(posT)>0))
  {
    eval(totti);
    posL=eval(posL+stepL);
    posT=eval(posT-stepT);
    document.all[tottisId].sx=movCt
    document.all[tottisId].sx(posL,posT);

setTimeout("KeepP("+posL+","+posT+","+stepL+",'"+stepT+"','"+tottisId+"')",100);
  }

else  {
      document.all[tottisId].deadtomato=true;
      document.forms.tomatoform.tomatolife.value=eval(document.forms.tomatoform.tomatolife.value-1)
         if(document.forms.tomatoform.tomatolife.value<=0)
           {
           deadtomato=true;
           alert("GAME OVER \n Tomatinated: "+ document.forms.tomatoform.tomatopuree.value+"\n try again!");
           return;
           }
      document.forms.tomatoform.tomatomissed.value++;
      }
}

var totti;
function creatoR(starter,ender,tform)
{
  document.forms.tomatoform.tomatoinput.value=tform
  for(m=starter;m<=ender;m++)
  {
   eval('var totti'+m+'=window.document.createElement("div")');
   eval('totti=totti'+m)
   totti.id='totti'+m
   totti.deadtomato=false;

window.document.body.appendChild(totti);
   totti.style.position='absolute'
   totti.style.width=76+'px'
   totti.style.height=72+'px'

totti.style.left=400+'px'
   totti.style.top=400+'px'
   totti.onmousedown=deadT

totti.imG=document.createElement('img');
   totti.imG.src=tomatoeSrc
   totti.imG.style.position="relative"
   totti.imG.style.left=2;
   totti.imG.style.top=3;
   totti.imG.style.width=76+'px'
   totti.imG.style.height=72+'px'
   totti.appendChild(totti.imG);

totti.startposL=250;
   totti.startposT=444;

totti.stepL=parseInt(Math.random()*45);
   totti.stepT=parseInt(Math.random()*45);

KeepP(totti.startposL,totti.startposT,totti.stepL,totti.stepT,totti.id);
  }
}

function movCt(lV,tV)
{
  this.style.left=lV;
  this.style.top=tV;
}
var s=0;
var tomatoesoverall=0;

function leveler()
{
 document.onselectstart=new Function ("return false")
 if(deadtomato)clearObj();
 document.forms.tomatoform.tomatolife.value++

tomatoesoverall=killerend[s]

creatoR(killerstart[s],killerend[s],eval(s+1));
 s++;
}

function clearObj()
{
document.onselectstart=new Function ("return true")
 window.history.go(0);
  for(f=1;f<=tomatoesoverall;f++)
    {
     tottID='totti'+f
     document.all[tottID].style.visibility="hidden";
    }
s=0;
document.forms.tomatoform.tomatoinput.value=1;
document.forms.tomatoform.tomatomissed.value=0;
document.forms.tomatoform.tomatopuree.value=0;
document.forms.tomatoform.tomatolife.value=0;
}
</script>

Step 2: Paste the following code between
the <body> tag and </body> tag:

Step 3: Click right and save both tomatoes.