|
Server IP : 103.191.208.227 / Your IP : 3.12.71.211 Web Server : LiteSpeed System : Linux emphasis.herosite.pro 4.18.0-553.8.1.lve.el8.x86_64 #1 SMP Thu Jul 4 16:24:39 UTC 2024 x86_64 User : mhmsfzcs ( 1485) PHP Version : 8.1.31 Disable Function : show_source, system, shell_exec, passthru, exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0750) : /home/mhmsfzcs/vflyorions.com/../gemsandpearl.com/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php include 'header.php' ?>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>-->
<style>
.pointer{
cursor:pointer;
}
.accordian-link h3{
font-size:clamp(18px,2vw,30px);
}
.user_image{
width:50px;
height:50px;
object-fit:contain;
background:#00000030;
border-radius:50%;
padding:.20rem;
}
.review_answer{
max-height:150px;
overflow-y:auto;
}
/*scrollbar width */
.review_answer::-webkit-scrollbar {
width: 10px;
}
/*scrollbar Track */
.review_answer::-webkit-scrollbar-track {
background: rgb(189, 190, 189);
border-radius: 8px;
}
.review_answer::-webkit-scrollbar-thumb {
background-color: green;
outline: 1px solid darkgreen;
border-radius: 8px;
}
</style>
<!-- ///////// Dynamic Reviews Section ////// -->
<section class="faq_dynamic-main">
<div class="container">
<div class="listing__faq py-4"><div class="faq_inner-listing"><h2 class="secondary-color py-2 f-24"> Add Your Review </h2><div class="faq_box-wrapper"><div class="faq_form-box-inner border border-1 border-secondary rounded p-3"><input type="text" name="listing_faq-question" id="review-username" placeholder="Name" class="w-100 py-2 form-control rounded-0" required><div class="input-group"><textarea aria-label="With textarea" rows="4" cols="50" id="rewiew_message" placeholder="Message" class="form-control mt-3 w-100 rounded-0" required></textarea></div><div class="list_add-faq pt-4">
<div class="input-group align-items-center">
<input type="file" name="listing_faq-question" id="review-userimage" placeholder="Name" class=" py-2 rounded-0 " required>
<div class="list_add-review-cta p-3 rounded bg-secondary pointer"><h3 class="text-dark f-16 fw-semibold m-0"><i class="fa fa-plus fa-solid fa-sharp text-dark pe-2 f-20"></i>Add Another </h3></div></div></div></div></div></div>
</div> </section>
<section class="content-wrapper-faq py-5">
<div class="container">
<h3 class="main-head text-center"> Yet Working On It</h3>
<div class="main_reviews-container">
<div class="border py-3 my-2 border-dark rounded reviews_inner container">
<div class="accordian-link d-flex align-items-center pointer py-2 ">
<img src="https://source.unsplash.com/random/2200x1200/?person" class="img-fluid user_image"> <h3 class="reveiew_user_name ps-3">Dj The Lucifier</h3>
</div>
<p class="review_answer">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum quas esse odit voluptatem consectetur debitis vero magni facere. Laudantium quia architecto ratione accusamus ea dicta incidunt animi recusandae quasi cumque. </p>
</div>
</div>
</section>
<script>
sessionStorage.setItem('added', 0);
var status_add = sessionStorage.getItem('added');
$('.list_add-review-cta').click(function(){
sessionStorage.setItem('added', 1);
console.log(status_add);
let username = document.getElementById("review-username").value;
let message = document.getElementById("rewiew_message").value;
let userimage = $("#review-userimage").val();
$('.main_reviews-container').append('<div class="border py-3 my-2 border-dark rounded faq_inner container"><div class="accordian-link d-flex align-items-center pointer py-2"><img src="https://source.unsplash.com/random/2200x1200/?person" class="img-fluid user_image"><h3 class="reveiew_user_name ps-3">'+username+'</h3></div><p class="review_answer">'+message+'</p></div>');
clearvalues();
});
function clearvalues(){
document.getElementById("review-username").value = "";
document.getElementById("rewiew_message").value = "";
$('#review-userimage').val('');
}
</script>
<?php
include 'footer.php';
?>