-
✘✘✘ WIBUHAX0R1337 ✘✘✘
-
✘
PATCH :
/
home
/
indianstaffing
/
public_html
/
Upload File:
files >> /home/indianstaffing/public_html/research.php
<?php include'header.php'; $snapshot_data = GetDataByID('snapshot',2); $presentation = GetDataByID('presentation',1); $staffing_industry_graph = GetDataByID('staffing_industry_graph',1); $staffing_industry_right_graph = GetDataByID('staffing_industry_right_graph',2); ?> <style> .wrapingimage { float: left; padding: 0px 30px 10px 0px; } .loadComp{ display:none; padding-bottom: 50px!important; } .loadComp1{ display:none; padding-bottom: 50px!important; } .loadComp2{ display:none; padding-bottom: 50px!important; } .loadComp3{ display:none; padding-bottom: 50px!important; } .loadComp4{ display:none; } </style> <style> #INFOGRAPHIC .listing img{ /* width: 300px; */ height: 400px; } .team-details h3{ margin-bottom: 0; } .isf-interview { max-width: 100% !important; display: flex; justify-content: space-between; align-items: center; } .br-5 { border-radius: 5px; } .mb-10 { margin-bottom: 10px; } .stf-demand { text-align: justify; padding-right: 18px; color: #000; padding-left: 25px; list-style-type: disc; /* font-size: 14px; */ word-spacing: -3px; } /* .stf-demand li { font-size: 10px; } */ .team-report { background: #fff; /* max-width: 270px;*/ position: absolute; left:0; right: 0; bottom: 10px; text-align: center; border-radius: 3px; margin: auto; /*margin:0 5px;*/ padding: 16px 0px 12px 0px; } .tablk { max-width: 230px; padding: 0 ; line-height: 30px; height: 30px; font-size: 14px; border-radius: 8px; cursor: pointer; } .tablk.active { background-color: hsl(214deg 92% 28%); max-width: 230px; color: #fff !important; padding: 0; line-height: 30px; font-size: 14px; border-radius: 8px; } .tabl { max-width: 230px; /*padding: 10px 20px;*/ line-height: 30px; height: 30px; font-size: 14px; border-radius: 8px; cursor: pointer; } .tabl.active { background-color: hsl(214deg 92% 28%); max-width: 177px; color: #fff !important; padding: 0; line-height: 30px; font-size: 14px; height: 30px; border-radius: 8px; } .team-report-date { font-size: 12px; font-Weight: 600; color: hsl(20 2% 61% / 4); } .team-report-heading { font-size: 16px; line-height: 24px; font-Weight: 700; padding: 6px 17.5px; text-align: center; margin: 0px; } .demand { height: 100%; margin-top: -79px; padding-bottom: 1px; border-radius: 15px; padding-top: 75px; box-shadow: 4px 6px 6px 2px #f1f1f1; /* background-color: transparent !important; */ text-align: center; justify-content: flex-start; /* border: 1px solid #ebebeb; */ min-height: 224px; } .demand:hover { margin-top: -79px; padding-bottom: 1px; border-radius: 15px; padding-top: 75px; /*box-shadow: 4px 6px 6px 2px #818181;*/ /*background-color: hsl(205deg 100% 79%) !important;*/ text-align: center; justify-content: flex-start; } .demand-img { padding: 20px; /*margin: 0rem 0rem 1.5rem 4rem;*/ margin-bottom: 1.5rem; height: 110px; line-height: 110px; position: relative; text-align: center; background: #fff; width: 110px; border-radius: 50%; border: 6px solid #000; } .demand-img img{ height: 100%; width: 100%; vertical-align: unset; } .hero_banner { background-image: url("assets/images/research/hero_banner.png"); height: 30vh; background-size: cover; display: flex; justify-content: center; align-items: center; } .hero_context { display: flex; justify-content: center; align-items: center; } .dropdown { width: 18rem; padding: 7px 10px; outline: none; border: none; background: #94d3ff; color: #fff; border-radius: 2px; } .bargraph { width: 55%; } .team-wrap { height: 242px; display: flex; justify-content: center; flex-direction: column; align-items: center; border-radius: 15px; } .download-btn { margin: 15px 0px 0px 0px; color: #fff; border: none; background: #004089; } .common-control { display: flex; flex-direction: column; /* align-items: center; */ } .img-col { align-items: center; display: flex; justify-content: center; } .listing .img-part{ position:relative; height: 422px; } .listing .img-part img{ height: 100%; width: 100%; } @media only screen and (max-width: 600px) { .bargraph { width: 100%; } } @media screen and (max-width: 1300px) and (min-width: 768px) { } .fa-download{font-size:24px;} .team-report-heading{ cursor: pointer; } .error_msg{ color: red; font-weight: bold; padding-left: 10px; } .tbl1{ padding: 0!important; line-height: 38px; font-size: 14px; border-radius: 8px; cursor: pointer; } .hero_banner{ height: 40vh; } .hero_banner .content-part{ position: absolute; width: 200px; height: 200px; border-radius: 80% 40%; } .loadComp:hover, .loadComp1:hover, .loadComp2:hover, .loadComp3:hover{ cursor:pointer; } @media screen and (max-width:798px) { .hero_banner .hero_context { z-index: 9; padding-top: 100px; } } @media screen and (min-width: 900px) and (max-width: 1165px){ .hero_banner .content-part{ width:180px!important; height:180px!important; } } </style> <section class="hero_banner"> <div class="hero_context"> <select class="dropdown" onchange="Getdata(this.value)"> <option value="0">Select the area</option> <option value="1">Trend Growth</option> <option value="2">Head Count Growth</option> </select> </div> <div class="content-part no-mobile" style="display: flex;align-items: center;justify-content: center;background:#003373;position: absolute;left: 5%;"> <div class="slider-des"> <h1 class="sl-title white-color text-center" style="font-size: 21px;line-height: 25px;">RESEARCH</h1> <div class="sl-desc text-center"> </div> </div> </div> </section> <section> <div class="container" style="text-align:center;padding:15px 0px 40px 0px;"> <h2 style="margin-bottom: 5px; font-size: 28px;"> Staffing Industry In India </h2> <div class="row"> <div class="col-md-6"> <img src="<?=$weburl;?>admin/uploads/<?=$staffing_industry_graph->image?>"> </div> <div class="col-md-6 growth_bargraph"> <img src="<?=$weburl;?>admin/uploads/<?=$staffing_industry_right_graph->image?>"> </div> </div> </section> <section class="py-5"> <div class="container"> <div class="row"> <div class="col-lg-3 col-sm-6 mb-30"> <div class="team-wrap"> <div class="demand-img" style="border: 6px solid #003986"> <img style="" src="assets/images/research/diagram.png" alt=""> </div> <div class="team-item-text demand" style="background-color: #2191a63d;box-shadow: 4px 6px 6px 2px #2191a61f"> <div class="team-details"> <h3 class=""> <a class="title1" style="color:#000;font-weight:600; font-size:18px;" href="team-single.php">ROBUST DEMAND</a> </h3> <ol class="stf-demand"> <li class="mb-10 description1"> Overall staffing industry witneesed a YoY growth at 16.2% (Q3 vs Q3 22) </li> </ol> </div> </div> </div> </div> <div class="col-lg-3 col-sm-6 mb-30"> <div class="team-wrap"> <div class="demand-img" style="border: 6px solid #003986;"> <img style="" src="assets/images/research//opportunity.png" alt=""> </div> <div class="team-item-text demand" style="background-color: #5fe93c3d;box-shadow: 4px 6px 6px 2px #5fe93c1c"> <div class="team-details"> <h3 class=""> <a class="title2" style="color:#000 !important;font-weight:600; font-size:18px; " href="team-single.php">ROBUST DEMAND</a> </h3> <ol class="stf-demand"> <li class="mb-10 description2">ISF Members added 1.92 lakhs New Formal Flexi Workforce in last four qtrs. </li> <!-- <li> The advertising-based video on demand (aVoD) segment is expected to rise at a CAGR of 24% to reach US$ 2.6 billion by 2025. </li> --> </ol> </div> </div> </div> </div> <div class="col-lg-3 col-sm-6 mb-30"> <div class="team-wrap"> <div class="demand-img" style="border: 6px solid #003986;"> <img style="" src="assets/images/research//insurance.png" alt=""> </div> <div class="team-item-text demand" style="background-color: #3c21a63d;box-shadow: 4px 6px 6px 2px #3c21a629"> <div class="team-details"> <h3 class=""> <a class="title3" style="color:#000 !important;font-weight:600; font-size:18px; " href="team-single.php">ROBUST DEMAND</a> </h3> <ol class="stf-demand"> <li class="mb-10 description3">Overall staffing industry sustained a positive QoQ new employment growth at 0.8% despite the cautious employment market in Q3 </li> <!-- <li> The advertising-based video on demand (aVoD) segment is expected to rise at a CAGR of 24% to reach --> <!-- US$ 2.6 billion by 2025. </li> --> </ol> </div> </div> </div> </div> <div class="col-lg-3 col-sm-6 mb-30"> <div class="team-wrap"> <div class="demand-img" style="border: 6px solid #003986 !important;"> <img src="assets/images/research//dollar.png" alt=""> </div> <div class="team-item-text demand" style="background-color: #a621583d;box-shadow: 4px 6px 6px 2px #a621581c;"> <div class="team-details"> <h3 class=""> <a class="title4" style="color:#000 !important;font-weight:600; font-size:18px; " href="team-single.php">ROBUST DEMAND</a> </h3> <ol class="stf-demand"> <li class="mb-10 description4"> ISF Members represent 1.38 mn Formal Flexi Workforce at the end of Q3 23 </li> <!-- <li> The advertising-based video on demand (aVoD) segment is expected to rise at a CAGR of 24% to reach US$ 2.6 billion by 2025. </li> --> </ol> </div> </div> </div> <!-- Team Section End --> </div> </div> </div> </section> <section style="background-color: hsl(205deg 100% 79%); margin:0px 0px 30px 0px" class="snapshot-section"> <div class="container"> <div class="row" STYLE="display: flex; flex-direction: row; padding: 1.5rem 1.75rem; justify-content:space-evenly;text-align:center; color:#000; font-weight:500;"> <div class="col-lg-3 col-md-auto tabl active" onclick="openTab(event, 'SNAPSHOT');"> SNAPSHOT</div> <div class="col-lg-3 col-md-auto tabl " onclick="openTab(event, 'INFOGRAPHIC');"> INFOGRAPHIC </div> <div class="col-lg-3 col-md-auto tabl" onclick="openTab(event, 'PRESENTATION');"> PRESENTATION </div> <div class="col-lg-3 col-md-auto tabl" onclick="openTab(event, 'RELETED');"> RELATED NEWS</div> </div> </div> </section> <div id="SNAPSHOT" class="tabcount col-lg-12 pr-40 md-pr-15 md-mb-50 order-2 order-lg-1 order-md-1 "> <div class="rs-testimonial style5 pt-30 pb-30 md-pt-65" style="background-image:none; border: 2px 0px 0px 0px solid grey;"> <div class="container" style="text-align: justify;"> <div class="row"> <div class="col-md-6"> <div class=""> <img src="isf-images/research(new)-img/<?=$snapshot_data->intro_graph?>" alt="image" style="height: 300px;width: 100%"> </div> </div> <div class="col-md-6"> <h3 style="font-size: 18px;color:#003373;line-height: 32px;font-weight: 600;margin:5px;"> INTRODUCTION</h3> <p style="font-weight:500;margin-bottom: 0;"> <b id="intro_title"><?=$snapshot_data->intro_title?></b></p> <p id="intro_description"><?=$snapshot_data->intro_description?> </p> </div> </div> </div> </div> </div> <div id="INFOGRAPHIC" style="display:none;" class="tabcount col-lg-12 pr-40 md-pr-15 md-mb-50 order-2 order-lg-1 order-md-1 "> <!-- <h2 class="text-center">Advocacy</h2> --> <div class="container listing"> <div class="row "> <?php $infographic = mysqli_query($con, "SELECT * from infographic where status = 1 order by added_on desc"); if(mysqli_num_rows($infographic)>0){ while($infographic_data = mysqli_fetch_assoc($infographic)){ ?> <img src="<?=$weburl;?>admin/uploads/<?=$infographic_data['image']?>"> <?php }} ?> </div> </div> </div> <div id="PRESENTATION" style="display:none;" class="tabcount col-lg-12 pr-40 md-pr-15 md-mb-50 order-2 order-lg-1 order-md-1 "> <!-- <h2 class="text-center">Advocacy</h2> --> <div class="container listing"> <div class="row "> <div class="col-md-12"> <p style="font-size: 10px;text-align:justify;"> <?=$presentation->content?> </p> </div> </div> </div> </div> <div id="RELETED" style="display:none;" class="tabcount col-lg-12 pr-40 md-pr-15 md-mb-50 order-2 order-lg-1 order-md-1 "> <!-- <h2 class="text-center">Advocacy</h2> --> <div class="container listing"> <div class="row "> <div class="col-md-12 mb-3 "> <?php $res = mysqli_query($con, "SELECT * FROM `newsmediacoverage` order by added_on desc"); $check = mysqli_num_rows($res); if ($check >0 ) { while($rows=mysqli_fetch_assoc($res)){ ?> <div class="sec-title pr-80 pb-15 md-mb-42 md-pr-0 loadComp4" style="border-bottom: 1px solid #00000010;"> <a href="<?php echo $rows['links']; ?>" target="_blank"><h5 class="title mb-5 md-mb-10" style="font-size: 14px;"><?php echo $rows['heading']; ?></h5></a> <div class="blog-meta"> <div class="date" style="font-size: 10px;"> <span class="mr-35"><strong>Date:</strong> <?php echo $rows['added_on']; ?></span> <span><strong>Published By:</strong> <?php echo $rows['speakers']; ?></span> </div> </div> </div> <?php }}?> <div class="contact white mt-50"> <a class="readon-outline-dark" href="#" id="loadMore4">Load More</a> </div> </div> </div> </div> </div> <section style="background-color: hsl(205deg 100% 79%); margin:30px 0px 30px 0px"> <div class="container"> <div class="row" STYLE="display: flex; flex-direction: row; padding: 1.5rem 1.75rem; justify-content:space-evenly;text-align:center; color:#000; font-weight:500;"> <div class="col-lg-3 col-md-auto tablk active" onclick="openCity(event, 'ISF');"> ISF RESOURCES </div> <div class="col-lg-3 col-md-auto tablk " onclick="openCity(event, 'Member');"> MEMBER RESOURCES </div> <div class="col-lg-3 col-md-auto tablk" onclick="openCity(event, 'Wec');"> WEC RESOURCES </div> <div class="col-lg-3 col-md-auto tablk" onclick="openCity(event, 'Others');"> OTHER RESOURCES </div> </div> </div> </section> <input type="hidden" id="location"> <input type="hidden" id="resource_id"> <input type="hidden" id="agree_id"> <input type="hidden" id="brief_report"> <!-- popup modal --> <div class="modal" id="myModal" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header"> <h4 class="modal-title">I agree not to reproduce any part of the report without the written permission from Indian Staffing Federation. If any such action is found, I understand that I will be liable for legal action. In case I need to reproduce any graph/data/ findings or any part for reference I will seek written permission from ISF.</h4> <button type="button" class="close" data-dismiss="modal">×</button> </div> <!-- Modal footer --> <div class="modal-footer"> <a class="btn btn-primary text-white" onclick="agree()">Agree</a> <a class="btn btn-danger close text-white" style="font-weight: normal;font-size:1rem;padding: .375rem .75rem;line-height: 1.5;opacity: 1;font-size: 12px;border-radius: 50px;">Disagree</a> </div> </div> </div> </div> <div class="modal" id="formModal" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog"> <div class="modal-content"> <!-- Modal Header --> <!-- <h4 class="modal-title" style="margin-bottom: 5px;">Fill your details to download the pdf file</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> --> <!-- Modal footer --> <div class="modal-body"> <div class="d-flex" style="justify-content: space-between;"> <h4 class="modal-title" style="margin-bottom: 5px;">Fill your details to download the pdf file</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form id="form_id" > <div class="row"> <div class="col-md-12"> <div class="form-group"> <input type="text" class="form-control" placeholder="Name" id="name" required="required"> <!-- <span class="name_error_msg error_msg"></span> --> </div> <div class="form-group"> <input type="email" class="form-control" placeholder="Email*" id="email" required="required"> <span class="" style="font-size: 12px;">note:The report has been emailed you.</span> </div> <div class="form-group"> <input type="text" class="form-control" placeholder="Company*" id="company" required="required"> <!-- <span class="company_error_msg error_msg"></span> --> </div> <p class="error_msg" style="margin:0!important;"></p> <a class="btn btn-primary text-white" onclick="submitform('download')" >Brief report</a> <a class="btn btn-primary text-white" onclick="submitform('purchase')" >Detail report</a> <!-- <a class="btn btn-danger text-white close" style="font-size: 20px;font-weight: 400;">Detail Report</a> --> </div> </div> </form> </div> </div> </div> </div> <div id="ISF" class="tabcnt col-lg-12 pr-40 md-pr-15 md-mb-50 order-2 order-lg-1 order-md-1 "> <!-- <h2 class="text-center">Advocacy</h2> --> <div class="container listing"> <div class="row "> <?php $selectsql = mysqli_query($con, "SELECT * FROM `research_doc` where status=1 and category=1 ORDER BY added_on DESC"); if (mysqli_num_rows($selectsql)>0 ) { while($rows=mysqli_fetch_assoc($selectsql)){ ?> <div class="col-md-4 mb-3 loadComp" onclick ="openModal('<?=$rows['url']?>',<?=$rows['id']?>,'<?=$rows['report']?>');"> <div class="blog-wrap"> <div class="img-part"> <img src="isf-images/research(new)-img/<?=$rows['image'];?>" class="br-5"> <div class="team-report"> <!-- <span class="team-report-date"> <?=$rows['added_on']?> </span> --> <h4 class="team-report-heading" onclick ="openModal('<?=$rows['url']?>',<?=$rows['id']?>,'<?=$rows['report']?>');"><?=$rows['heading']?> <br><a class="readon-outline-dark modify">Download</a> </h4> </div> </div> </div> </div> <?php }} ?> <div class="col-md-12 text-center"> <a class="cmt-btn readon-outline-dark btn-inline cmt-btn-size-md cmt-icon-btn-left cmt-btn-color-skincolor mr-3" id="loadMore" href="#">Load More</a> <!-- <a class="cmt-btn readon-outline-dark btn-inline cmt-btn-size-md cmt-icon-btn-left cmt-btn-color-skincolor mr-3" id="loss" href="#">Less</a> --> </div> </div> </div> </div> <div id="Member" style="display:none;" class="tabcnt col-lg-12 pr-40 md-pr-15 md-mb-50 order-2 order-lg-1 order-md-1 "> <!-- <h2 class="text-center">Advocacy</h2> --> <div class="container listing"> <div class="row"> <?php $selectsql = mysqli_query($con, "SELECT * FROM `research_doc` where status=1 and category=2 ORDER BY added_on DESC"); if (mysqli_num_rows($selectsql)>0 ) { while($rows=mysqli_fetch_assoc($selectsql)){ ?> <div class="col-md-4 mb-3 loadComp1" onclick ="openModal('<?=$rows['url']?>',<?=$rows['id']?>,'<?=$rows['report']?>');"> <div class="blog-wrap"> <div class="img-part"> <img src="isf-images/research(new)-img/<?=$rows['image'];?>" class="br-5"> <div class="team-report"> <!-- <span class="team-report-date"> <?=$rows['added_on']?> </span> --> <h4 class="team-report-heading" onclick ="openModal('<?=$rows['url']?>',<?=$rows['id']?>,'<?=$rows['report']?>');"><?=$rows['heading']?><br><a class="readon-outline-dark modify">Download</a> </h4> </div> </div> </div> </div> <?php }} ?> <div class="col-md-12 text-center"> <a class="cmt-btn readon-outline-dark btn-inline cmt-btn-size-md cmt-icon-btn-left cmt-btn-color-skincolor mr-3" id="loadMore1" href="#">Load More</a> <!-- <a class="cmt-btn readon-outline-dark btn-inline cmt-btn-size-md cmt-icon-btn-left cmt-btn-color-skincolor mr-3" id="loss" href="#">Less</a> --> </div> </div> </div> </div> <div id="Wec" style="display:none;" class="tabcnt col-lg-12 pr-40 md-pr-15 md-mb-50 order-2 order-lg-1 order-md-1 "> <!-- <h2 class="text-center">Advocacy</h2> --> <div class="container listing"> <div class="row"> <?php $selectsql = mysqli_query($con, "SELECT * FROM `research_doc` where status=1 and category=3 ORDER BY added_on DESC"); if (mysqli_num_rows($selectsql)>0 ) { while($rows=mysqli_fetch_assoc($selectsql)){ ?> <div class="col-md-4 mb-3 loadComp2" onclick ="openModal('<?=$rows['url']?>',<?=$rows['id']?>,'<?=$rows['report']?>');"> <div class="blog-wrap"> <div class="img-part"> <img src="isf-images/research(new)-img/<?=$rows['image'];?>" class="br-5"> <div class="team-report"> <!-- <span class="team-report-date"> <?=$rows['added_on']?> </span> --> <h4 class="team-report-heading" onclick ="openModal('<?=$rows['url']?>',<?=$rows['id']?>,'<?=$rows['report']?>');"><?=$rows['heading']?><br><a class="readon-outline-dark modify">Download</a> </h4> </div> </div> </div> </div> <?php }} ?> <div class="col-md-12 text-center"> <a class="cmt-btn readon-outline-dark btn-inline cmt-btn-size-md cmt-icon-btn-left cmt-btn-color-skincolor mr-3" id="loadMore2" href="#">Load More</a> <!-- <a class="cmt-btn readon-outline-dark btn-inline cmt-btn-size-md cmt-icon-btn-left cmt-btn-color-skincolor mr-3" id="loss" href="#">Less</a> --> </div> </div> </div> </div> <div id="Others" style="display:none;" class="tabcnt col-lg-12 pr-40 md-pr-15 md-mb-50 order-2 order-lg-1 order-md-1 "> <!-- <h2 class="text-center">Advocacy</h2> --> <div class="container listing"> <div class="row"> <?php $selectsql = mysqli_query($con, "SELECT * FROM `research_doc` where status=1 and category=4 ORDER BY added_on DESC"); if (mysqli_num_rows($selectsql)>0 ) { while($rows=mysqli_fetch_assoc($selectsql)){ ?> <div class="col-md-4 mb-3 loadComp3" onclick ="openModal('<?=$rows['url']?>',<?=$rows['id']?>,'<?=$rows['report']?>');"> <div class="blog-wrap"> <div class="img-part"> <img src="isf-images/research(new)-img/<?=$rows['image'];?>" class="br-5"> <div class="team-report"> <!-- <span class="team-report-date"> <?=$rows['added_on']?> </span> --> <h4 class="team-report-heading" onclick ="openModal('<?=$rows['url']?>',<?=$rows['id']?>,'<?=$rows['report']?>');"><?=$rows['heading']?><br><a class="readon-outline-dark modify">Download</a> </h4> </div> </div> </div> </div> <?php }} ?> <div class="col-md-12 text-center"> <a class="cmt-btn readon-outline-dark btn-inline cmt-btn-size-md cmt-icon-btn-left cmt-btn-color-skincolor mr-3" id="loadMore3" href="#">Load More</a> <!-- <a class="cmt-btn readon-outline-dark btn-inline cmt-btn-size-md cmt-icon-btn-left cmt-btn-color-skincolor mr-3" id="loss" href="#">Less</a> --> </div> </div> </div> </div> <div class="py-3"></div> <?php include'footer.php' ?> <script> $(document).ready(function () { $(".tablk").click(function () { $(".tablk").removeClass("active"); // $(".tab").addClass("active"); // instead of this do the below $(this).addClass("active"); }); }); </script> <script> function openCity(evt, cityName) { // Declare all variables var i, tabcnt, tablk; // Get all elements with class="tabcnt" and hide them tabcnt = document.getElementsByClassName("tabcnt"); for (i = 0; i < tabcnt.length; i++) { tabcnt[i].style.display = "none"; } // Get all elements with class="tablk" and remove the class "active" tablk = document.getElementsByClassName("tablk"); for (i = 0; i < tablk.length; i++) { tablk[i].className = tablk[i].className.replace("active", ""); } // Show the current tab, and add an "active" class to the link that opened the tab document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } function openTab(evt, cityName) { // Declare all variables var i, tabcount, tabl; // Get all elements with class="tabcount" and hide them tabcount = document.getElementsByClassName("tabcount"); for (i = 0; i < tabcount.length; i++) { tabcount[i].style.display = "none"; } // Get all elements with class="tabl" and remove the class "active" tabl = document.getElementsByClassName("tabl"); for (i = 0; i < tabl.length; i++) { tabl[i].className = tabl[i].className.replace("active", ""); } // Show the current tab, and add an "active" class to the link that opened the tab document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } </script> <script> $(document).ready(function () { $(".tablk").click(function () { $(".tablk").removeClass("active"); // $(".tab").addClass("active"); // instead of this do the below $(this).addClass("active"); }); }); </script> <script> function openCity(evt, cityName) { // Declare all variables var i, tabcnt, tablk; // Get all elements with class="tabcnt" and hide them tabcnt = document.getElementsByClassName("tabcnt"); for (i = 0; i < tabcnt.length; i++) { tabcnt[i].style.display = "none"; } // Get all elements with class="tablk" and remove the class "active" tablk = document.getElementsByClassName("tablk"); for (i = 0; i < tablk.length; i++) { tablk[i].className = tablk[i].className.replace("active", ""); } // Show the current tab, and add an "active" class to the link that opened the tab document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } </script> <script type="text/javascript"> function openModal(url,id,report) { $("#location").val(url); $("#brief_report").val(report); $("#resource_id").val(id); $("#myModal").modal('show'); }; function agree(){ var url = $("#location").val(); var resource_id = $("#resource_id").val(); var brief_report = $("#brief_report").val(); $.ajax({ url: 'Submit_resources_visitors.php', type: "POST", data: { agree : 1,resource_id: resource_id,brief_report: brief_report}, success: function(value) { // console.log(value); if(value!='failed'){ $("#agree_id").val(value); $("#myModal").modal('hide'); $("#formModal").modal('show'); }else{ // console.log('not inserted'); } } }); } $("#formModal .close").click(function(){ $("#formModal").modal('hide'); $('#form_id').trigger("reset"); $('.error_msg').html(''); }); $("#myModal .close").click(function(){ $("#myModal").modal('hide'); }); function IsEmail(email) { var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; if(!regex.test(email)) { return false; }else{ return true; } } function submitform(value){ var name = $('#name').val(); var email = $('#email').val(); var brief_report = $('#brief_report').val(); var company = $('#company').val(); var agree_id = $("#agree_id").val(); if(name!='' && email!='' && company!=''){ if(IsEmail(email)== true){ $('.error_msg').text(''); if(value=='download'){ $.ajax({ url: 'Submit_resources_visitors.php', type: "POST", data: { name : name,email : email, company : company,agree_id:agree_id,brief_report:brief_report,value:1}, success: function(value) { // console.log(value); if(value=='success'){ $("#formModal").modal('hide'); $('#form_id').trigger("reset"); alert('the brief report has been sent on your email'); location.reload(); }else{ $("#formModal").modal('hide'); $('#form_id').trigger("reset"); alert('something went wrong please try again'); location.reload(); } } }); }else{ $.ajax({ url: 'Submit_resources_visitors.php', type: "POST", data: { name : name,email : email, company : company,agree_id:agree_id}, success: function(value) { // console.log(value); if(value=='success'){ $("#formModal").modal('hide'); $('#form_id').trigger("reset"); var url = $("#location").val(); window.open(url, '_blank'); location.reload(); }else{ alert('something went wrong please try again'); $("#formModal").modal('hide'); $('#form_id').trigger("reset"); location.reload(); } } }); } }else{ $('.error_msg').text('Please enter a valid email'); } } } function myfunction(val){ if(val=='YES'){ var url = $("#location").val(); window.open(url, '_blank'); $("#myModal").modal('hide'); }else{ window.location.replace("index.php"); $("#myModal").modal('hide'); } } </script> <!-- onchange ajax --> <script type="text/javascript"> function Getdata(val){ if(val=='1' || val=='2'){ $.ajax({ url: 'Getresearchdata.php', type: "POST", data: { category : val }, success: function(value) { var val = JSON.parse(value); // console.log(val[0].intro_title); var count = val[1].length; var img = "<img src='isf-images/research(new)-img/"+val[0].intro_graph+"'>"; $('.growth_bargraph').html(img); $('.title1').html(val[1][0].title); $('.title2').html(val[1][1].title); $('.title3').html(val[1][2].title); $('.title4').html(val[1][3].title); $('.description1').html(val[1][0].description); $('.description2').html(val[1][1].description); $('.description3').html(val[1][2].description); $('.description4').html(val[1][3].description); } }); }else{ var img = "<img src='assets/images/research/bargraph-2.jpg'>"; $('.growth_bargraph').html(img); } } </script> <!-- load more data script --> <script> $(document).ready(function () { $(".loadComp").slice(0, 6).show(); if ($(".loadComp:hidden").length != 0) { $("#loadMore").show(); } $("#loadMore").on("click", function (e) { e.preventDefault(); $(".loadComp:hidden").slice(0, 6).slideDown(); if ($(".loadComp:hidden").length == 0) { $("#loadMore").text("No More to view") .fadOut("slow"); } }); }) $(document).ready(function () { $(".loadComp1").slice(0, 6).show(); if ($(".loadComp1:hidden").length != 0) { $("#loadMore1").show(); } $("#loadMore1").on("click", function (e) { e.preventDefault(); $(".loadComp1:hidden").slice(0, 6).slideDown(); if ($(".loadComp1:hidden").length == 0) { $("#loadMore1").text("No More to view") .fadOut("slow"); } }); }) $(document).ready(function () { $(".loadComp2").slice(0, 6).show(); if ($(".loadComp2:hidden").length != 0) { $("#loadMore2").show(); } $("#loadMore2").on("click", function (e) { e.preventDefault(); $(".loadComp2:hidden").slice(0, 6).slideDown(); if ($(".loadComp2:hidden").length == 0) { $("#loadMore2").text("No More to view") .fadOut("slow"); } }); }) $(document).ready(function () { $(".loadComp3").slice(0, 6).show(); if ($(".loadComp3:hidden").length != 0) { $("#loadMore3").show(); } $("#loadMore3").on("click", function (e) { e.preventDefault(); $(".loadComp3:hidden").slice(0, 6).slideDown(); if ($(".loadComp3:hidden").length == 0) { $("#loadMore3").text("No More to view") .fadOut("slow"); } }); }) $(document).ready(function () { $(".loadComp4").slice(0, 6).show(); if ($(".loadComp4:hidden").length != 0) { $("#loadMore4").show(); } $("#loadMore4").on("click", function (e) { e.preventDefault(); $(".loadComp4:hidden").slice(0, 6).slideDown(); if ($(".loadComp4:hidden").length == 0) { $("#loadMore4").text("No More to view") .fadOut("slow"); } }); }) </script>
2022 - 2023 Copyright By Lutfifakee || Padang Blackhat ♥