ok
Direktori : /home2/selectio/www/wedding-info-new/ |
Current File : /home2/selectio/www/wedding-info-new/astrologer.php |
<?php include'header.php'; ?> <style> .top_category{ background-color: red; border-radius: 50%; width: 100%; height: 60px; text-align:center; border: 5px solid #bda51a; } .first_top_category{ border: 2px solid white; border-radius: 53px; } .second-border{ border: 4px solid red; border-radius: 50px; } .top_category_letter{ margin-top:7px; font-weight:bolder; font-size:11px; } </style> <!-- category start --> <section class="category-section top-space" style="background-color:#cfa53f;"> <ul class="category-slide"> <li onclick="relg('Muslim')"> <div class="second-border"> <div class="first_top_category"> <div class="top_category"> <a class="category-box"> <img src="images/top-category/moon.png" class="img-fluid" style="width: 80%;;margin-top:9%;"/> </a> </div> </div> </div> <h4 class="top_category_letter">ISLAM</h4> </li> <li onclick="relg('Hindu')" > <div class="second-border"> <div class="first_top_category"> <div class="top_category"> <a class="category-box"> <img src="images/top-category/om.png" class="img-fluid" style="width: 78%;;margin-top:9%;"/> </div> </div> </div> <h4 class="top_category_letter">HINDUISM</h4> </li> <li onclick="relg('Christian')" > <div class="second-border"> <div class="first_top_category"> <div class="top_category"> <a class="category-box"> <img src="images/top-category/bible.png" class="img-fluid" style="width: 80%;;margin-top:9%;"/> </a> </div> </div> </div> <h4 class="top_category_letter">CHRISTIANITY</h4> </li> <li onclick=relg('Taoism') > <div class="second-border"> <div class="first_top_category"> <div class="top_category"> <a class="category-box"> <img src="images/top-category/taoism.png" class="img-fluid" style="width: 80%;;margin-top:9%;"/> </a> </div> </div> </div> <h4 class="top_category_letter">TAOISM</h4> </li> <li onclick=relg('Judism')> <div class="second-border"> <div class="first_top_category"> <div class="top_category"> <a class="category-box"> <img src="images/top-category/judaism.png" class="img-fluid" style="width: 80%;;margin-top:9%;"/> </a> </div> </div> </div> <h4 class="top_category_letter">JUDAISM </h4> </li> <li onclick =relg('all') > <a class="category-box"> <h4>VIEW ALL </h4> </a> </li> </ul> </section> <div class="divider t-12 b-20"></div> <div class="row" style="padding-right:20px;padding-left:20px;"> <div class="col-4"> <div class="form-floating mb-4"> <select onchange="profiles_filter()" name="caste" id="caste" class="form-control" style="background-color:#df7daa;"> <option value="">Caste</option> <option value="No caste">No caste</option> <option value="Vanniyar">Vanniyar</option> <option value="Goundar">Goundar</option> </select> </div> </div> <div hidden class="col-4"> <div class="form-floating mb-4"> <select onchange="profiles_filter()" name="religion" id="religion" class="form-control" style="background-color:#df7daa;"> <option value="">Religion</option> <option value="">Select Religion</option> <option value="Hindu">Hindu</option> <option value="Muslim">Muslim</option> <option value="Christian">Christian</option> <option value="Taoism">Taoism</option> <option value="Judism">Judism</option> </select> </div> </div> <div class="col-4"> <span class="btn btn-success" style="background-color:#dd2b1c;border:2px solid #bda51a;">NEW OFFER </span> </div> <div class="col-4"> <!--<span class="btn btn-success" style="background-color:#dd2b1c;border:2px solid #bda51a;">NEW OFFER PLUS</span>--> <a href="#" class="btn btn-solid btn-sm" data-bs-toggle="modal" data-bs-target="#delete" > <small>Filter </small></a> </div> </div> <div class="modal fade" id="delete" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="staticBackdropLabel"></h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <form > <div class="form-floating mb-4"> <select onchange="profiles_filter()" name="gender" id="gender" class="form-control" > <option value="">Chosse The Gender</option> <option value="Male" >Male</option> <option value="Female" >Female</option> </select> <label for="one">Gender</label> </div> <div class="form-floating mb-4"> <input type="number" class="form-control" name="age" id="age" onchange="profiles_filter()" /> <label for="age">Age</label> </div> <div class="form-floating mb-4"> <select onchange="profiles_filter()" name="occupation" id="occupation" class="form-control" > <option value="">Chosse The Occupation</option> <option value="Farmer">Farmer</option> </select> <label for="one">Occupation</label> </div> <div class="form-floating mb-4"> <select onchange="profiles_filter()" name="annual_income" id="annual_income" class="form-control" > <option value="">Chosse The Income</option> <option value="None">None</option> <option value="Less than 1 Lakhs">Less than 1 Lakhs</option> <option value="1 Lakhs TO 2.5 Lakhs">1 Lakhs TO 2.5 Lakhs</option> <option value="2.5 Lakhs TO 5 Lakhs">2.5 Lakhs TO 5 Lakhs</option> <option value="5 Lakhs TO 7.5 Lakhs">5 Lakhs TO 7.5 Lakhs</option> <option value="7.5 Lakhs TO 10 Lakhs">7.5 Lakhs TO 10 Lakhs</option> <option value="More than 10 Lakhs">More than 10 Lakhs</option> </select> <label for="one">Annual Income (RS)</label> </div> <div class="form-floating mb-4"> <select onchange="profiles_filter()" name="marital_status" id="marital_status" class="form-control" > <option value="">Chosse Marital Status</option> <option value="UnMarried">UnMarried</option> <option value="Widower">Widower</option> <option value="Divorced">Divorced</option> <option value="Awaiting">Awaiting</option> </select> <label for="one">Marital Status</label> </div> <div class="form-floating mb-4"> <select onchange="profiles_filter()" name="zodiac_signs_star" id="zodiac_signs_star" class="form-control" > <option value="">Select Zodiac Signs / Star</option> <option value="No star">No Star</option> </select> <label for="age">Zodiac Signs / Star</label> </div> <div class="form-floating mb-4"> <select onchange="profiles_filter()" name="dhosam" id="dhosam" class="form-control" > <option value="">Select Dhosam</option> <option value="No Dhosam">No Dhosam</option> </select> <label for="age">Dosham</label> </div> <div class="form-floating mb-4"> <select onchange="profiles_filter()" id="intrests" name="intrests" class="form-control"> <option value="">All</option> <option value="Travel">Travel</option> <option value="Sports and Fittness">Sports and Fittness</option> <option value="Cooking">Cooking</option> <option value="Music">Music</option> <option value="Dance">Dance</option> <option value="Movie and TV Shows">Movie and TV Shows</option> <option value="Pet Lover">Pet Lover</option> <option value="Reading">Reading</option> <option value="Photography">Photography</option> <option value="Mobile Gaming">Mobile Gaming</option> <option value="Social media">Social media</option> <option value="Journalism">Journalism</option> <option value="Art">Art</option> <option value="Child Care">Child Care</option> </select> <label for="one">Hobbies and Interests </label> </div> <br> <div class="container mt-2 mb-2 text-center"> <input type="button" data-bs-dismiss="modal" aria-label="Close" class="btn btn-sm btn-success" value="Submit"> </div> </form> </div> </div> </div> <!-- tab section start --> <section class="pt-0 tab-section"> <div class="tab-section"> <div class="tab-content px-15" style="margin-bottom:60px;"> <div class="tab-pane fade show active" id="trending"> <div class="row"> <div class="col-4 col-sm-4 col-md-4 col-lg-4"> <!--<select onchange="profiles_filter()" name="caste" id="caste">--> <!-- <option value="">Select Caste</option>--> <!-- <option value="Hindu">Hindu</option>--> <!-- <option value="Vanniyar">Vanniyar</option>--> <!-- <option value="Vanniyar">Vanniyar</option>--> <!--</select>--> </div> </div> <div class="row gy-3 gx-3"> <div id="profile_list"></div> <br><br><br><br> </div> </div> </div> </div> </section> <!-- tab section end --> <!-- bottom panel start --> <?php include 'footer.php';?> <!-- bottom panel end --> <!-- pwa install app popup start --> <!--<div class="offcanvas offcanvas-bottom addtohome-popup" tabindex="-1" id="offcanvas"> <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button> <div class="offcanvas-body small"> <div class="app-info"> <img src="images/logo/SKT-logo.gif" class="img-fluid" style="width:10%;"/> <div class="content"> <h3>Welcome To Wedding Info</h3> </div> </div> <a href="javascript:void(0)" class="btn btn-solid install-app" id="installApp">add to home screen </a> </div> </div>--> <!-- pwa install app popup end --> <script> $(document).ready(function(){ var caste=$('#caste').val(); $.ajax({ url: 'list/astrologer_list.php', type: 'post', data:{caste:caste}, success: function (response) { $('#profile_list').append(response); } }); }); function relg(id){ alert(id) $('#religion').val(id); profiles_filter(); } function profiles_filter(){ $('#profile_list').empty(); var caste=$('#caste').val(); var gender=$('#gender').val(); var age=$('#age').val(); var occupation=$('#occupation').val(); var annual_income=$('#annual_income').val(); var marital_status=$('#marital_status').val(); var zodiac_signs_star=$('#zodiac_signs_star').val(); var dhosam=$('#dhosam').val(); var intrests=$('#intrests').val(); var religion=$('#religion').val(); /*var filter_designation=$('#filter_designation').val();*/ $.ajax({ url: 'list/astrologer_list.php', type: 'post', data:{caste:caste, gender:gender, age:age,religion:religion, intrests:intrests , occupation:occupation, annual_income:annual_income, marital_status:marital_status, zodiac_signs_star:zodiac_signs_star, dhosam:dhosam}, success: function (response) { $('#profile_list').append(response); } }); } </script> <!-- latest jquery--> <!-- <script src="assets/js/jquery-3.3.1.min.js"></script>--> <!-- Bootstrap js--> <!-- <script src="assets/js/bootstrap.bundle.min.js"></script>--> <!-- Slick js--> <!-- <script src="assets/js/slick.js"></script>--> <!-- Slick js--> <!--<script src="assets/js/homescreen-popup.js"></script>--> <!-- timer js--> <!-- <script src="assets/js/timer.js"></script>--> <!-- offcanvas modal js --> <!-- <script src="assets/js/offcanvas-popup.js"></script>--> <!-- script js --> <!-- <script src="assets/js/script.js"></script>--> <!--</body>--> <!--</html>--> <?php include'footer2.php' ?>