Deferred Processing

Pluralsight course

by ranjith08feb

HTML

<html language="en">

  <head>
    <title>Deferred Processing 1</title>
  </head>

  <body>
    <input id="Load" type="Button" value="Load" />
    <div id="Section1">
    </div>
    <div id="Section2">
    </div>
    <div id="Section3">
    </div>
    <input id="Proceed" type="Button" value="Proceed" disabled="true" />
    <div id="Messages">
    </div>
  </body>

</html>

CSS

#Section1, #Section2, #Section3{
  position: absolute;
  background-image: radial-gradient(30px 30px, #FFF, #EEF);
  width: 200px;
  height: 200px;
  border: 1px solid black;
  top: 40px;
  overflow-y: auto;
}

#Section1{
  left: 10px;
}

#Section2{
  left: 220px
}

#Section3{
  left: 430px
}

#Proceed{
  position: absolute;
  width: 100px;
  top: 250px;
  left: 530px;
}

#Messages{
  position: absolute;
  width: 630px;
  height: 200px;
  top: 280px;
  left: 10px;
  overflow-y: auto;
}

JavaScript

(function(){

});