javascript

@viswa313authorJan 02.2012 — #<html>

<head>

<title> Generate Boxes </title>

<style>

body {

font-family:verdana;

font-size:11px;

}

#box{

border:1px solid green;

width:48px;

height:48px;

position:relative;

background-color:black;

}

#box1{

border:1px solid green;

width:48px;

height:48px;

position:relative;

background-color:black;

}

#container{

width:350px;

height:350px;

border:1px solid black;

}

#main{

margin-top:140px;

margin-left:350px;

}

.box {
 
   position:absolute;
   border:1px solid grey;
   width:48px;
   height:48px;
   background-color:silver;
  }

</style>

<script type="text/javascript">

var Cont = function() {

 var Box = function(x, y) {
   this.x = x;
   this.y = y;
   }
 
 
   this.newBox = function() {
   var x = Math.floor(Math.random() * 10);
   var y = Math.floor(Math.random() * 10);
   var box = new Box(x, y);
   for(var i = 0; i < this.boxes.length; i++) {
   if(box.x == this.boxes[i].x && box.y == this.boxes[i].y) {
   box = this.newBox();
   }
   }
   return box;
   }

</script>

</head>

<body>

<div id="main">

<div id="container">

<div id="box"></div>

<div id="box1"></div>

</div>

</div>

</body>

</html>

javascript

2 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

javascript

2 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

2 Comments(s) _↴

Also in #JavaScript _↴