0byt3m1n1
Path:
C:
/
Users
/
Administrator
/
Desktop
/
shafna
/
rainfall1
/
[
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="generator" content="Bootply" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <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> 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 RUN-OFF VOLUME CALCULATOR</h1> </div> <div class="container"> <form action="result.php" method="POST" enctype='multipart/form-data'> <div class="banner"> <!-- <h1>ROOF TOP RUN-OFF VOLUME CALCULATOR</h1>--> </div> <div class="img" id="imgDiv"> <img src="roof-type1.jpg" alt="roofimg" id="myImg" style="display:none;"> </div> <div class="colums"> <div class="item"> <label for="fname"> Roof Length in meter <!--<span>*</span>--></label> <input id="fname" type="text" name="fname" required/> </div> <div class="item"> <label for="lname">Roof Width in meter<!--<span>*</span>--></label> <input id="lname"type="text" name="lname" required/> </div> <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%; "> <label>Roof Type</label> <div class="question-answer"> <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> <input type="radio" value="Concrete" id="radio_5" name="type"/> <label for="radio_5" class="radio"><span>Concrete</span></label> </div> </div> </div> <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="roof-type1.jpg" alt="roofimg" id="myImg" > </div> <div class="para" id="para"> <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 (a) directs to take the dimensional measurements of a flat/ pitched rooftop catchment.</p></br> <p>ഈ ഓൺലൈൻ ഇന്റർഫേസ് മേൽക്കൂരയിൽ നിന്ന് സംഭരിക്കാവുന്ന ജലത്തിന്റെ പരമാവധി അളവ് കണക്കാക്കാൻ സഹായിക്കുന്നു. നിങ്ങളുടെ ഭവനത്തിന്റെ അല്ലെങ്കിൽ സ്ഥാപനത്തിന്റെ മേൽക്കൂരയുടെ നീളം ,വീതി , തരം അല്ലെങ്കിൽ നിർമ്മിക്കാനുപയോഗിച്ച വസ്തു എന്നീ വിശദാംശങ്ങൾ ഈ ഫോറത്തിൽ നൽകണം. നിർദ്ദിഷ്ട സ്ഥലത്തെ മഴയെക്കുറിച്ചുള്ള വിശദാംശങ്ങൾ അപഗ്രഥിച് ഒരു വാർഷിക ജലപാതത്തിലെ വിവിധ സീസണുകളായ തെക്ക്- പടിഞ്ഞാറൻ മൺസൂൺ കാലം (ജൂൺ- സെപ്തംബർ), വടക്ക്-കിഴക്കൻ മൺസൂൺ കാലം (ഒക്ടോബർ-നവംബർ),ശീതകാലം - വേനൽകാലം (ഡിസംബർ-മെയ്) എന്നീ സമയക്രമങ്ങളിൽ ശേഖരിക്കാൻ കഴിയാവുന്ന ജലത്തിന്റെ അളവ് കണക്കാക്കുന്നു. ഒരു സമതല / ചെരിഞ്ഞ മേൽക്കൂരയുടെ പ്രതലത്തിന്റെ മാതൃക ചിത്രം (എ) യിൽ കൊടുത്തിരിക്കുന്നു.</p> </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>