0byt3m1n1
Path:
C:
/
Users
/
Administrator
/
Desktop
/
shafna
/
rainfall
/
[
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> <div class="fixed-header"> <div class="container"> </div> </div> <div> </br> </div> <div class="inst" id="inst" > <h2>Rainwater Catchment Calculator</h2> <h3>Calculate the rainwater collection potential of your home or project</h3> </div> <div class="col-sm-8"> <div class="row"> <div class="col-xs-12"> <!--<form name="insert" action="" method="post">--> <form action="result.php" method="POST" enctype='multipart/form-data'> <div class="banner"> <!-- <img src="images\rainwater.jpg" alt="headimg" ">--> <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> <!--<button type="label" id="bt">Remarks for dimension</button>--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#bt').on("click",function(e){ $('#myImg').toggle('slow'); }); }); </script> <div class="item"> <label id="bt" style="color:red">Click here to view the remarks for dimension</label> </div> <!-- <label id="bt">Click here to view the remarks for dimension</label>--> <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 Block Panchayath</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> </div> <div class="btn-block"> <button type="submit" name="submit" id="submit" >Submit</button> </div> </form> </div> </div> </div> </div> <div class="fixed-footer"> <div class="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>