| Server IP : 172.67.216.113 / Your IP : 172.71.28.145 [ Web Server : Apache System : Linux cpanel01wh.bkk1.cloud.z.com 2.6.32-954.3.5.lve1.4.59.el6.x86_64 #1 SMP Thu Dec 6 05:11:00 EST 2018 x86_64 User : cp648411 ( 1354) PHP Version : 7.2.34 Disable Function : NONE Domains : 0 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home2/cp648411/public_html/simded.com/themesv2/ |
Upload File : |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick-theme.min.css">
<style media="screen">
.centerber .slick-next {
/*left: 35rem;*/
left: 53%;
top: 120%;
background: url(../images/newgen/next_1.png) 0 0;
background-size: cover;
background-repeat: no-repeat;
}
.centerber .slick-prev {
/*left: 30rem;*/
left: 44%;
z-index: 99;
top: 120%;
background: url(../images/newgen/pre_1.png) 0 0;
background-size: cover;
background-repeat: no-repeat;
}
.centerber .slick-next, .centerber .slick-prev {width: 62px;height: 60px;}
.centerber .slick-next:focus, .centerber .slick-next:hover {
background: url(../images/newgen/next_1.png) 0 0;
background-size: cover;
background-repeat: no-repeat;
}
.centerber .slick-prev:focus, .centerber .slick-prev:hover {
background: url(../images/newgen/pre_1.png) 0 0;
background-size: cover;
background-repeat: no-repeat;
content: none;
}
.centerber .slick-prev:before, .centerber .slick-next:before {
content: none;
}
.slick-slider {
margin-bottom: 0px;
}
.box-s{
width: 20px;
background-color: #fff;
}
.centerber .slick-next:before, [dir=rtl] .centerber .slick-prev:before {
margin-top: 18rem;
display: inline-flex;
margin-left: -4rem;
}
.centerber .slick-prev:hover {
background: url(../images/newgen/pre_1.png) 0 0;
background-size: cover;
background-repeat: no-repeat;
}
.centerber .slick-next:hover {
background: url(../images/newgen/next_1.png) 0 0;
background-size: cover;
background-repeat: no-repeat;
}
@media (max-width: 2000px)
{
.centerber .slick-prev:before {font-size: 50px;}
/*.centerber .slick-prev {left: 32rem;}*/
.centerber .slick-next:before, .centerber .slick-prev:before{font-size: 36px;}
.centerber .slick-next{/*left: 32rem;*/}
}
@media (max-width:1400px)
{
.centerber .slick-prev:before {font-size: 50px;}
.centerber .slick-prev {/*left: 31rem;*/top: 110%;}
.centerber .slick-next:before, .centerber .slick-prev:before{font-size: 36px;}
.centerber .slick-next{/*left: 35.5rem;*/ top: 110%;}
.centerber .slick-next, .centerber .slick-prev {
width: 52px;
height: 50px;
}
.BerDedToday-ber {
font-size: 23px;
}
}
@media (max-width: 1200px)
{
.centerber .slick-prev {/*left: 37rem;*/}
.centerber .slick-next:before, .centerber .slick-prev:before{font-size: 36px;color: transparent;}
.centerber .slick-next{/*left: 37rem;*/}
.hov-img:hover{
width: 282px;
border: 2px solid #ffffff;
}
}
@media (max-width:1093px)
{
.md-phone-1{margin-left: 0rem!important;}
.centerber .slick-next{/*left: 32rem;*/}
.centerber .slick-prev {/*left: 32rem;*/}
.BerDedToday-ber {
font-size: 18px;
}
}
@media (max-width:820px)
{
.md-phone-1{margin-left: 0rem!important;}
}
@media (max-width:768px)
{
.md-phone-1{margin-left: 0rem!important;}
}
@media (max-width:736px)
{
.centerber .slick-next { top: 110%;}
.centerber .slick-prev { top: 110%;}
.centerber .slick-next, .centerber .slick-prev {
width: 33px;
height: 32px;
}
.custom-button3{
width: 28px;
height: 28px;
}
.BerDedToday-ber {
font-size: 15px;
}
.round-button {
width: 450px;
height: 450px;
margin: 0% 0%;
background-size: 95%;
}
.left-1{left: 19%;}
.left{left: 20%;}
.center{left: 33%;}
.right{left: 49%;}
.right-1{left: 58%;}
}
@media (max-width:540px)
{
.md-phone-1{margin-left: 0rem!important;}
.slick-next {top: 46%;}
.slick-prev {top: 46%;}
.slick-next:before, .slick-prev:before{font-size: 30px;color: transparent;}
.BerDedToday-ber {font-size: 12px; }
}
@media (max-width:414px)
{
.md-phone-1{margin-left: 0rem!important;}
.centerber .slick-next { top: 110%;}
.centerber .slick-prev { top: 110%;}
.centerber .slick-next, .centerber .slick-prev {
width: 33px;
height: 32px;
}
.box-s {
width: 296px;
}
.custom-button3 {
width: 29.94px;
height: 29.94px;
}
}
@media (max-width:400px)
{
.md-phone-1{margin-left: 0rem!important;}
.box-s {
width: 251px;
}
.fix-h2{font-size: 32.5px;}
.round-button{background-position-y: 16%;background-size: 100%; }
}
@media (max-width:375px)
{
.md-phone-1{margin-left: 0rem!important;}
}
@media (max-width:360px)
{
.md-phone-1{margin-left: 0rem!important;}
.box-s {
width: 247px;
}
.BerDedToday-ber {font-size: 8px; }
.custom-button3 {
width: 16px;
height: 16px;
}
.centerber .slick-next, .centerber .slick-prev {
width: 17px;
height: 16.5px;
}
.pt-5 {padding-top: 0px !important;}
}
@media (max-width:320px)
{
.md-phone-1{margin-left: 0rem!important;}
.box-s {
width: 207px;
}
}
@media (max-width:280px)
{
.box-s{
width: 180px;
}
.md-phone-1 {margin-left: 0rem!important;}
.BerDedToday-ber {font-size: 5.25px; }
.custom-button3 {
width: 9.2px;
height: 9.2px;
border: .75px solid #a54505e0;
}
.custom-button2 {
border: .75px solid #a54505e0;
}
}
.hov-img:hover{
width: 270px;
border: 2px solid #ffffff;
}
@media (max-width:576px)
{
.fix-l1{
font-size: 18px;
height: 55px;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;width: 111px;
}
}
.slick-center{opacity: 1;}
.c1 {
/*animation: slideLeft 4s forwards;*/
margin-top: 2%;
}
.c2 {
/*animation: slideRight 4s forwards;*/
}
@keyframes slideRight {
% {
transform: translateX();
}
100% {
transform: translateX(400px); /* ระยะที่ต้องการให้เลื่อนไป */
}
}
@keyframes slideLeft {
% {
transform: translateX();
}
100% {
transform: translateX(-230px); /* ระยะที่ต้องการให้เลื่อนไป */
}
}
@media (max-width: 1399px) {
.c1 {
margin-top: 0%;
}
@keyframes slideRight {
% {
transform: translateX();
}
100% {
transform: translateX(600px); /* ระยะที่ต้องการให้เลื่อนไป */
}
}
@keyframes slideLeft {
% {
transform: translateX();
}
100% {
transform: translateX(-200px); /* ระยะที่ต้องการให้เลื่อนไป */
}
}
}
@media (max-width: 767px;) {
.c1 {
margin-top: 12%;
}
}
@media (min-width: 1400px) {
.BerDedToday-ber {height: 3.3rem;}
.centerber .slick-prev:before {font-size: 50px;}
.centerber .slick-prev {top: 110%;}
.centerber .slick-next:before, .centerber .slick-prev:before{font-size: 36px;}
.centerber .slick-next{top: 110%;}
.BerDedToday-ber {
font-size: 28px;
}
.custom-button3 {
width: 3.3rem;
height: 3.3rem;
}
@keyframes slideRight {
% {
transform: translateX();
}
100% {
transform: translateX(450px); /* ระยะที่ต้องการให้เลื่อนไป */
}
}
@keyframes slideLeft {
% {
transform: translateX();
}
100% {
transform: translateX(-400px); /* ระยะที่ต้องการให้เลื่อนไป */
}
}
}
@media (min-width: 2001px) {
.icon-berslide {
width: 800px;
}
}
</style>
<!-- /.article -->
<div class="row">
<div class="col-12 mb-lg-4">
<div class="text-center HeadTextXL2 text-white">
เบอร์มงคลแนะนำ
</div>
</div>
</div>
<?php
?>
<div class="slider centerber d-none d-md-block ">
<?php for ($ib=0; $ib < 3; $ib++) { ?>
<div>
<div class="row justify-content-center">
<?php
$sql_s = 'shop.id = phonenumber.id_shop AND shop.status = "1" AND shop.status_op = "1" AND shop.activate = "1" AND phonenumber.status = "1" ';
$max_rows = 20; // แสดงจำนวนแถวต่อหน้า
$page_number = $ib;
if(isset($_GET['page_number']))
{
$page_number = $_GET['page_number'];
}
$all_array = array('table'=>'phonenumber,shop','where'=>$sql_s);
$start_row = $page_number * $max_rows;
$all_sql = $view_db->view($all_array);
$all_result = $view_db->q_re($all_sql);
$total_rows = $view_db->q_nr($all_result);
$total_rows_num = $view_db->q_nr($all_result);
$total_pages = ceil($total_rows/$max_rows)-1;
////////////////////////////////////////
$list = array('table'=>'phonenumber,shop','where'=>$sql_s, 'limit'=> "$start_row,$max_rows",'order'=> "ORDER BY phonenumber.id DESC");
$view = $view_db->view($list);
$result = $view_db->q_re($view);
$num_tr = 1;
$num = 1 + ($page_number*$max_rows);
//print_r($all_sql);
while($row = $view_db->q_ro($result))
{
$phonenumber = $Phone_class->format_phonenumber($row['phonenumber'],$row['format']);
$row_mobilenetwork = $actiondata_db->q_one('mobilenetwork','id = "'.$row['mobilenetwork'].'"','image');
$row_totalnumber = $actiondata_db->q_one('totalnumber','number = "'.$row['total'].'"','title');
if($row_totalnumber==2){$row_totalnumber = '';}
$list_shr = array('table'=>'shop','where'=>'id = "'.$row['id_shop'].'" ');
$view_shr = $view_db->view($list_shr);
$row_shr = $view_db->q($view_shr);
$list_phr = array('table'=>'phonenumber','where'=>'phonenumber = "'.$row['phonenumber'].'" ');
$view_phr = $view_db->view($list_phr);
$row_phr = $view_db->q($view_phr);
$countber = $util_class->countber($row_shr['id']);
$txt_phonenumber = $Phone_class->phonecomma($row_shr['phone']);
if($row_shr['image_profile']){ $image_profile = $row_shr['image_profile']; }
else { $image_profile = ''; }
$phonenumber = $Phone_class->format_phonenumber($row['phonenumber'],$row['format']);
$price = $row['price']-1;
$total_rank = "";
$sym = "";
if(@$row['total']<= 40){ $total_rank = "C"; }
if(@$row['total']>= 41 && @$row['total']<= 45){ $total_rank = "C"; $sym = "+";}
if(@$row['total']>= 46 && @$row['total']<= 50){ $total_rank = "B"; $sym = "";}
if(@$row['total']>= 51 && @$row['total']<= 55){ $total_rank = "B"; $sym = "+";}
if(@$row['total']>= 56 && @$row['total']<= 60){ $total_rank = "A"; $sym = "";}
if(@$row['total']>= 61 && @$row['total']<= 65){ $total_rank = "A"; $sym = "+";}
if(@$row['total']>= 66 && @$row['total']<= 70){ $total_rank = "S"; $sym = "";}
if(@$row['total']>= 71 ){ $total_rank = "S"; $sym = "+";}
?>
<div class="col-6 col-lg-6 col-xl-6 mb-1 text-center">
<div class="d-ruby text-white align-items-center ps-0 ps-lg-3 BerDedToday-ber">
<div class="btn custom-button2 rounded-pill py-0" onclick="window.location.href='../cart/?p=<?php echo $row['phonenumber'];?>'">
<span class="BerDedToday-ber px-xxl-5 d-flex align-items-center px-lg-4 px-1"><?php echo $phonenumber; ?></span>
</div>
<span class="ms-1 ms-lg-3">ผลรวม</span>
<div class="btn custom-button3 rounded-circle ms-1 ms-lg-3 d-grid align-items-center">
<span class="BerDedToday-ber"><?php echo $row['total']; ?></span>
</div>
<div class="btn custom-button3 rounded-circle ms-1 ms-lg-3 d-grid align-items-center">
<span class="BerDedToday-ber position-relative">
<?php echo $total_rank; ?><?php echo $sym; ?>
</span>
</span>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
<?php } ?>
</div>
<div class="slider centerber d-block d-md-none mt-3">
<?php for ($ib2=0; $ib2 < 3; $ib2++) { ?>
<div>
<div class="row justify-content-center">
<?php
$sql_s = 'shop.id = phonenumber.id_shop AND shop.status = "1" AND shop.status_op = "1" AND shop.activate = "1" AND phonenumber.status = "1" ';
$max_rows = 10; // แสดงจำนวนแถวต่อหน้า
$page_number = $ib2;
if(isset($_GET['page_number']))
{
$page_number = $_GET['page_number'];
}
$all_array = array('table'=>'phonenumber,shop','where'=>$sql_s);
$start_row = $page_number * $max_rows;
$all_sql = $view_db->view($all_array);
$all_result = $view_db->q_re($all_sql);
$total_rows = $view_db->q_nr($all_result);
$total_rows_num = $view_db->q_nr($all_result);
$total_pages = ceil($total_rows/$max_rows)-1;
////////////////////////////////////////
$list = array('table'=>'phonenumber,shop','where'=>$sql_s, 'limit'=> "$start_row,$max_rows",'order'=> "ORDER BY phonenumber.id DESC");
$view = $view_db->view($list);
$result = $view_db->q_re($view);
$num_tr = 1;
$num = 1 + ($page_number*$max_rows);
//print_r($all_sql);
while($row = $view_db->q_ro($result))
{
$phonenumber = $Phone_class->format_phonenumber($row['phonenumber'],$row['format']);
$row_mobilenetwork = $actiondata_db->q_one('mobilenetwork','id = "'.$row['mobilenetwork'].'"','image');
$row_totalnumber = $actiondata_db->q_one('totalnumber','number = "'.$row['total'].'"','title');
if($row_totalnumber==2){$row_totalnumber = '';}
$list_shr = array('table'=>'shop','where'=>'id = "'.$row['id_shop'].'" ');
$view_shr = $view_db->view($list_shr);
$row_shr = $view_db->q($view_shr);
$list_phr = array('table'=>'phonenumber','where'=>'phonenumber = "'.$row['phonenumber'].'" ');
$view_phr = $view_db->view($list_phr);
$row_phr = $view_db->q($view_phr);
$countber = $util_class->countber($row_shr['id']);
$txt_phonenumber = $Phone_class->phonecomma($row_shr['phone']);
if($row_shr['image_profile']){ $image_profile = $row_shr['image_profile']; }
else { $image_profile = ''; }
$phonenumber = $Phone_class->format_phonenumber($row['phonenumber'],$row['format']);
$price = $row['price']-1;
$total_rank = "";
$sym = "";
if(@$row['total']<= 40){ $total_rank = "C"; }
if(@$row['total']>= 41 && @$row['total']<= 45){ $total_rank = "C"; $sym = "+";}
if(@$row['total']>= 46 && @$row['total']<= 50){ $total_rank = "B"; $sym = "";}
if(@$row['total']>= 51 && @$row['total']<= 55){ $total_rank = "B"; $sym = "+";}
if(@$row['total']>= 56 && @$row['total']<= 60){ $total_rank = "A"; $sym = "";}
if(@$row['total']>= 61 && @$row['total']<= 65){ $total_rank = "A"; $sym = "+";}
if(@$row['total']>= 66 && @$row['total']<= 70){ $total_rank = "S"; $sym = "";}
if(@$row['total']>= 71 ){ $total_rank = "S"; $sym = "+";}
?>
<div class="col-12 mb-1 text-center">
<div class="d-ruby text-white align-items-center ps-0 ps-lg-3 BerDedToday-ber">
<div class="btn custom-button2 rounded-pill py-0" onclick="window.location.href='../cart/?p=<?php echo $row['phonenumber'];?>'">
<span class="BerDedToday-ber px-xxl-5 d-flex align-items-center px-lg-4 px-1"><?php echo $phonenumber; ?></span>
</div>
<span class="ms-1 ms-lg-3">ผลรวม</span>
<div class="btn custom-button3 rounded-circle ms-1 ms-lg-3 d-grid align-items-center">
<span class="BerDedToday-ber"><?php echo $row['total']; ?></span>
</div>
<div class="btn custom-button3 rounded-circle ms-1 ms-lg-3 d-grid align-items-center">
<span class="BerDedToday-ber position-relative">
<?php echo $total_rank; ?><?php echo $sym; ?>
</span>
</span>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
<?php } ?>
</div>
<!--
<div class="slider centerber d-block d-md-none">
<?php //include('berded_his2.php'); ?>
</div>
-->
<div class="row position-relative justify-content-center" >
</div>
<script>
const circle1 = document.querySelector('.c1');
const circle2 = document.querySelector('.c2');
const c2id = document.getElementById('c2id');
const c1id = document.getElementById('ber');
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
circle1.classList.add('animate');
circle2.classList.add('animate');
circle1.style.animation = 'slideLeft 2s forwards';
circle2.style.animation = 'slideRight 2s forwards';
circle1.addEventListener('animationend', () => {
//c1id.style.zIndex = "99";
//c2id.style.zIndex = "0";
});
observer.unobserve(entry.target);
}
});
});
function getScreenWidth() {
return document.documentElement.clientWidth;
}
function displayScreenWidth() {
const width = getScreenWidth();
$('.c1').animate({opacity: '0.5'}, "slow");
$('.c1').animate({opacity: '1'}, "slow");
if(width > 757){
observer.observe(document.querySelector('.c1'));
}
}
//$('.c1').hide();
//window.onload = displayScreenWidth();
//window.onresize = displayScreenWidth();
function cart(var1)
{
swal(
'สั่งซื้อสินค้า!',
'เพิ่มสินค้าในตะกร้าเรียบร้อยแล้วค่ะ',
'success'
)
$.ajax({
url: "../include/ajax_cart.php", // Url to which the request is send
type: "POST", // Type of request to be send, called as method
data: 'id='+var1,
cache: false, // To unable request pages to be cached
processData:false, // To send DOMDocument or non processed data file it is set to false
success: function(data) // A function to be called if request succeeds
{
//testHoldon_cl('sk-circle');
var some = screen.width;
if(some<789){
$("#alert_cart2").html(data);
}else{
$("#alert_cart").html(data);
}
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById('alert_cart_ok').focus();
$('.dropdown-toggle').dropdown('update');
if(some<789){
document.getElementById('alert_cart_ok2').innerHTML = this.responseText;
}else{
document.getElementById('alert_cart_ok').innerHTML = this.responseText;
}
}
};
xmlhttp.open("GET", "../include/ajax_cartlist2.php", true);
xmlhttp.send();
}
});
}
function cart2(var1)
{
swal(
'สั่งซื้อสินค้า!',
'เพิ่มสินค้าในตะกร้าเรียบร้อยแล้วค่ะ',
'success'
)
$.ajax({
url: "../include/ajax_cart.php", // Url to which the request is send
type: "POST", // Type of request to be send, called as method
data: 'id='+var1,
cache: false, // To unable request pages to be cached
processData:false, // To send DOMDocument or non processed data file it is set to false
success: function(data) // A function to be called if request succeeds
{
//testHoldon_cl('sk-circle');
$("#alert_cart2").html(data);
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById('alert_cart_ok2').innerHTML = this.responseText;
$('#alert_cart_ok2').dropdown('toggle');
document.getElementById('alert_cart_ok').innerHTML = this.responseText;
$('#alert_cart_ok').dropdown('toggle');
window.location.reload();
}
};
xmlhttp.open("GET", "../include/ajax_cartlist.php", true);
xmlhttp.send();
}
});
}
</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.js"></script>
<script>
$('.centerber').slick({
centerMode: true,
centerPadding: '0px',
slidesToShow: 1,
dots: false,
focusOnSelect: true,
responsive: [
{
breakpoint: 1400,
settings: {
arrows: true,
centerMode: true,
dost:false,
centerPadding: '0px',
slidesToShow: 1
}
},
{
breakpoint: 1100,
settings: {
arrows: true,
centerMode: true,
dost:false,
centerPadding: '0px',
slidesToShow: 1,
}
},
{
breakpoint: 992,
settings: {
arrows: true,
centerMode: true,
dost:false,
centerPadding: '0px',
slidesToShow: 1,
}
},
{
breakpoint: 940,
settings: {
arrows: true,
centerMode: true,
dost:false,
centerPadding: '0px',
slidesToShow: 1,
}
},
{
breakpoint: 768,
settings: {
arrows: true,
centerMode: true,
dost:false,
centerPadding: '0px',
slidesToShow: 1,
}
},
{
breakpoint: 576,
settings: {
arrows: true,
centerMode: true,
dost:false,
centerPadding: '0px',
slidesToShow: 1,
}
},
{
breakpoint: 480,
settings: {
arrows: true,
centerMode: true,
dost:false,
centerPadding: '0px',
slidesToShow: 1,
}
},
{
breakpoint: 460,
settings: {
arrows: true,
centerMode: true,
dost:false,
centerPadding: '0px',
slidesToShow: 1,
}
},
{
breakpoint: 440,
settings: {
arrows: true,
centerMode: true,
dost:false,
centerPadding: '0px',
slidesToShow: 1,
}
},
{
breakpoint: 420,
settings: {
arrows: true,
centerMode: true,
dost:false,
centerPadding: '0px',
slidesToShow: 1,
}
},
{
breakpoint: 400,
settings: {
arrows: true,
centerMode: true,
dost:false,
centerPadding: '0px',
slidesToShow: 1,
}
},
{
breakpoint: 380,
settings: {
arrows: true,
centerMode: true,
dost:false,
centerPadding: '0px',
slidesToShow: 1,
}
},
{
breakpoint: 330,
settings: {
arrows: true,
centerMode: true,
dost:false,
centerPadding: '0px',
slidesToShow: 1,
}
}
]
});
$('a[data-slide]').click(function(e) {
e.preventDefault();
var slideno = $(this).data('slide');
$('.slider-nav').slick('slickGoTo', slideno - 1);
});
</script>