0byt3m1n1
Path:
C:
/
wamp64
/
www
/
RRC
/
[
Home
]
File: index.php
<?php require_once("config.php"); ?> <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <title>Rainfall Calculator</title> <!--<meta name="viewport" content="width=device-width, initial-scale=1.0">--> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> <meta name="generator" content="Bootply" /> <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous"> <link rel="stylesheet" href="styling.css"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script> function getdistrict(val) { $.ajax({ type: "POST", url: "get_district.php", data:'state_id='+val, success: function(data){ $("#district-list").html(data); } }); } function selectCountry(val) { $("#search-box").val(val); $("#suggesstion-box").hide(); } </script> </head> <body style="background-color: #c2d1f0;"> <div class="fixed-header"> <!--*CWRDM header image--> </div> <div class="head"> <h1>ROOF TOP RAINWATER CALCULATOR</h1> </div> <div class="container"> <form action="result.php" method="POST" enctype='multipart/form-data'> <div class="banner"> <!--<h1>ROOF TOP RAINWATER CALCULATOR</h1>--> </div> <!--<script type="text/javascript"> function ShowHideDiv() { var rooftype = document.getElementById("rooftype"); var slope = document.getElementById("slope"); slope.style.display = rooftype.value == "s" ? "contents" : "none"; flat.style.display = rooftype.value == "f" ? "block" : "none" ; } </script> --> <div class="cont" style=" padding-left: 4%; padding-right: 4%; padding-bottom: 5%;"> <div class="colums"> <!-- <label> Select Roof Type</label> <select name="rooftype" id="rooftype" class="form-control" onchange = "ShowHideDiv()"> <option value="f"> Flat Roof</option> <option value="s"> Sloped / Pitched Roof</option> </select>--> <label> Select your District</label> <select onChange="getdistrict(this.value);" name="state" id="state" class="form-control" required > <option value=""> District</option> <?php $query =mysqli_query($con,"SELECT * FROM state"); while($row=mysqli_fetch_array($query)) { ?> <option value="<?php echo $row['StCode'];?>"><?php echo $row['StateName'];?></option> <?php } ?> </select> <label style="margin-top: 3%;"> Select your nearest Block Panchayath / Rain gauge station </label> <select name="district" id="district-list" class="form-control" required> <option value=""> Block</option> </select> <!-- <div id="slope" style="display: none"> <div class="item"> <label style="font-size:15px;"><b> Phase I</b></label> <br> <label for="p1l"> Roof Length in meter </label> <input id="p1l" type="text" name="p1l" /> </div> <div class="item" style = "margin-top: 6.5% " ;> <label for="p1w">Roof Width in meter</label> <input id="p1w"type="text" name="p1w" /> </div> <div class="item"> <label style="font-size:15px;"><b> Phase II</b></label> <br> <label for="p2l"> Roof Height in meter</label> <input id="p2l" type="text" name="p2l" /> </div> <div class="item" class="item" style = "margin-top: 6.5% " > <label for="p2w">Roof Width in meter</label> <input id="p2w"type="text" name="p2w" /> </div> </div> //slope --> <div id="flat" style="display:contents"> <div class="item"> <label for="water"> No.of months of water shortage </label> <input id="water" type="text" name="water" class="form-control" required/> </div> <div class="item"> <label for="pno"> No.of persons in the house hold </label> <input id="pno" type="text" name="pno" class="form-control" required/> </div> </div> <div id="flat" style="display:contents"> <div class="item"> <label for="fname"> Roof Length in meter </label> <input id="fname" type="text" name="fname" class="form-control" required/> </div> <div class="item"> <label for="lname">Roof Width in meter<!--<span>*</span>--></label> <input id="lname"type="text" name="lname" class="form-control" required/> </div> </div> <!-- //flat --> </div> <!-- //colums --> <!-- <label> Select your District</label> <select onChange="getdistrict(this.value);" name="state" id="state" class="form-control" > <option value=""> District</option> <?php $query =mysqli_query($con,"SELECT * FROM state"); while($row=mysqli_fetch_array($query)) { ?> <option value="<?php echo $row['StCode'];?>"><?php echo $row['StateName'];?></option> <?php } ?> </select> <label style="margin-top: 3%;"> Select your nearest Block Panchayath / Rain gauge station</label> <select name="district" id="district-list" class="form-control"> <option value=""> Block</option> </select> --> <div class="question" style="margin-top: 4%; "> <div class="s" style="margin-left: -12%; color: white; "> ⚪<label style="margin-left: 1%; font-size: large;" >Select Roof Material</label></div> <div class="question-answer"> <div> <input type="radio" value="Concrete" id="radio_5" name="type" required/> <label for="radio_5" class="radio"><span>Concrete</span></label> </div> <div> <input type="radio" value="Fibre sheet" id="radio_1" name="type"/> <label for="radio_1" class="radio"><span style="white-space: nowrap;">GI sheet / Fibre sheet</span></label> </div> <div> <input type="radio" value="Tile" id="radio_2" name="type"/> <label for="radio_2" class="radio"><span>Tile</span></label> </div> <div> <input type="radio" value="Asbestos" id="radio_3" name="type"/> <label for="radio_3" class="radio"><span>Asbestos</span></label> </div> <div> <input type="radio" value="Organic" id="radio_4" name="type"/> <label for="radio_4" class="radio"><span>Organic</span></label> </div> </div><!-- //Q&A --> </div><!-- //Q --> <div class="btn-block"> <button type="submit" name="submit" id="submit" >Submit</button> </div> </div> </form> <div class="inst" id="inst" > <div class="img" id="imgDiv"> <img src="images/ROOF.jpg" alt="roofimg" id="myImg" style="position: relative; height: 300px; width:100%; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; text-align: center;" > </div> <div class="para" id="para" > <div class="english"> <p >This interface helps to compute the volume of water that can be harvested from a rooftop catchment. The input details such as the dimensions of the rooftop, type or material of roof is to be entered into the form. It will fetch the data regarding the rainfall of the specified location and calculates the volume of water that can be harvested during different seasons of a hydrological year such as South-West Monsoon (June- Sept), North-East Monsoon (Oct- Nov) and Winter & Summer Season (Dec- May). The figure shown above directs to take the dimensional measurements of a flat/ pitched rooftop catchment. This interface calculate the required storage capacity of the rainwater harvesting tank for meeting the domestic demand of a dwelling unit of Kerala.</p></br> </div> <div class="malayalam"> <p>ഈ ഓൺലൈൻ ഇന്റർഫേസ് മേൽക്കൂരയിൽ നിന്ന് സംഭരിക്കാവുന്ന ജലത്തിന്റെ പരമാവധി അളവ് കണക്കാക്കാൻ സഹായിക്കുന്നു. നിങ്ങളുടെ ഭവനത്തിന്റെ അല്ലെങ്കിൽ സ്ഥാപനത്തിന്റെ മേൽക്കൂരയുടെ നീളം, വീതി, തരം അല്ലെങ്കിൽ നിർമ്മിക്കാനുപയോഗിച്ച വസ്തു എന്നീ വിശദാംശങ്ങൾ ഈ ഫോറത്തിൽ നൽകണം. നിർദ്ദിഷ്ട സ്ഥലത്തെ മഴയെക്കുറിച്ചുള്ള വിശദാംശങ്ങൾ അപഗ്രഥിച് ഒരു വാർഷിക ജലപാതത്തിലെ വിവിധ സീസണുകളായ തെക്ക്-പടിഞ്ഞാറൻ മൺസൂൺ കാലം (ജൂൺ- സെപ്തംബർ), വടക്ക്-കിഴക്കൻ മൺസൂൺ കാലം (ഒക്ടോബർ-നവംബർ),ശീതകാലം - വേനൽകാലം (ഡിസംബർ-മെയ്) എന്നീ സമയക്രമങ്ങളിൽ ശേഖരിക്കാൻ കഴിയാവുന്ന ജലത്തിന്റെ അളവ് കണക്കാക്കുന്നു. ഒരു സമതല / ചെരിഞ്ഞ മേൽക്കൂരയുടെ പ്രതലത്തിന്റെ അളവുകൾ എടുക്കുവാൻ മുകളിൽ കൊടുത്തിരിക്കുന്ന ചിത്രം സഹായിക്കുന്നു.കേരളത്തിൽ താമസിക്കുന്ന ഒരു കുടുംബത്തിന് അവരുടെ ആഭ്യന്തര ആവശ്യങ്ങൾ നിറവേറ്റുന്നതിനായി നിർമിക്കേണ്ട സംഭരണ ടാങ്കിന്റെ വ്യാപ്തി ഈ ഇന്റർഫേസ് കണക്കാക്കുന്നു. </p></div> <div id="end" style="margin-left:40%;"><p >***************</p></div> </div><!--/*para*/--> </div> </div> <!--/*container*/--> <div class="fixed-footer"> <div class="foot-container">Copyright © Information System Facility, CWRDM 2021</div> </div> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> </body> </html>