iframe-proxy | Sunbelt Computer Software

131 lines (126 loc) · 3.22 KB

<!DOCTYPE html>
<script type="text/javascript">
function bodyLoad()
{ categories=document.getElementById("lstCategory");
lstCategories=new Array("Select a Category","Electronics","Shoes");
 for(var i=0;i<lstCategories.length;i++)
   var opt=document.createElement("option");
   opt.text=lstCategories[i];
   opt.value=lstCategories[i];
   categories.appendChild(opt);
function changeCategory()
  eProducts=new Array("Select a Electornics","Mobile","LED TV");
 sProducts=new Array("Select a Shoe","Nike","Lee Cooper");
products=document.getElementById("lstProduct");
switch(categories.value)
 case "Electronics":
     products.innerHTML="";
     for(var i=0;i<eProducts.length;i++)
     opt=document.createElement("option");
     opt.text=eProducts[i];
     opt.value=eProducts[i];
     products.appendChild(opt);
       document.getElementById("selectElectornic").style.display="none";
  case "Shoes":
      products.innerHTML="";
     for(var i=0;i<sProducts.length;i++)
     opt=document.createElement("option");
     opt.text=sProducts[i];
     opt.value=sProducts[i];
     products.appendChild(opt);
       document.getElementById("selectElectornic").style.display="none";
    default:
     products.innerHTML="";
     document.getElementById("selectElectornic").innerHTML="Please Select a Category";
function changeProduct()
  switch(products.value)
    case "Mobile":
      document.getElementById("product").src="images/mobile.jpg";
      document.getElementById("price").innerHTML="&#x20B9;" + 12000;
      break;
   case "LED TV":
      document.getElementById("product").src="images/tv.jpg";
      break;
   case "Nike":
      document.getElementById("product").src="images/shoe.jpg";
      break;
   case "Lee Cooper":
      document.getElementById("product").src="images/shoe1.jpg";
      break;
function zooming()
  zoomvalue=parseInt(document.getElementById("zoom").value);
 switch(zoomvalue)
    case 1:
     document.getElementById("product").width="50";
     document.getElementById("product").height="50";
    case 2:
     document.getElementById("product").width="150";
     document.getElementById("product").height="150";
     document.getElementById("product").width="350";
     document.getElementById("product").height="350";
     document.getElementById("product").width="450";
     document.getElementById("product").height="450";
<body onload="bodyLoad()">
<table align="center">
<td> Select a Category </td>
  <select id="lstCategory" onchange="changeCategory()"> 
  </select>
 <span id="selectElectornic"> </span>
<td> Select a Product </td>
<select id="lstProduct" onchange="changeProduct()">
<td> Product Info </td>
<td> <img src="" width="200" height="200" id="product">
<div id="price"> </div>
<td> Zoom Product </td>
<td> IN <input type="range" id="zoom" min="1" max="4" onchange="zooming()"> OUT </td>

Sunbelt Computer Software

PL/B Language Development and Support

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Sunbelt Computer Software

PL/B Language Development and Support

FilesExpand file tree

Shop.html

Latest commit

History

Shop.html

File metadata and controls