นิยาย (SF/OS) the best CHANBAEK : Dek-D.com

ฝากฟิคเรื่องนี้หน่อยนะคะ

1 comment /1vote =1กำลังใจนะคะ

แท็ก#เดอะเบสcb

Twitter @jannaccx ??’?

</div> <br>            </div>
            <div id="floatboxstart"></div>
            <div id="floatwriter">
              <form name="floatcomment" action="addCommentX.php" method="post" accept-charset="TIS-620" data-mode="">
        <input type="hidden" name="refer_id" value="1521707">
    <input type="hidden" name="group_id" value="">
    <input type="hidden" name="chapter" value="">
    <input type="hidden" name="t_pic" value="n-s">
</form>
<div id="float_error" style="display:none;">
    <span class="er1">ข้อความที่โพสจะต้องไม่น้อยกว่า {{min_t_comment}} ตัวอักษรและไม่เกิน {{max_t_comment}} ตัวอักษร</span>
    <span class="er2">กรอกชื่อด้วยนะ</span>
    <span class="er3">
        _________
        กรอกข้อมูลในช่องต่อไปนี้ไม่ครบ
        หรือข้อมูลผิดพลาดครับ :
        _____________________________
        ช่วยกรอกอีกครั้งนะครับ
    </span>
    <span class="er4">กรุณากรอกรหัสความปลอดภัย</span>
</div>            </div>
          </div>
        </div>

<div id="stop-autoscroll-anchor"></div>
          
          
          <div id="chapter-list-app"></div>
          
      </div>
      
      <div id="donation-app"></div>
      
      
      <div id="review-list-app"></div>
      
      
            
      
      <div id="novel-report-problem"></div>
      
      
      <div id="novel-share-app"></div>
      
        <div id="others-novel-list-target"></div>
    <template id="others-novel-list">
    <h2 class="suggest-item-head">
        <p class="_txt-ellipsis">ผลงานอื่นๆ ของ เเนคกี้            <a
                class="seemore"
                href="https://novel.dek-d.com/NachchaS/profile/writer/"
                target="_blank"
            >
                ดูทั้งหมด <i class="fa fa-chevron-right" aria-hidden="true"></i>
            </a>
        </p>
    </h2>
    <div id="others-swiper" class="box03 others swiper-container">
        <div class="swiper-wrapper"></div>
        <div id="others-prev" class="swiper-button-prev"></div>
        <div id="others-next" class="swiper-button-next"></div>
    </div>
</template>

<template id="others-novel-list-loading">
    <h2 class="box02 head2">
        <p class="_txt-ellipsis">ผลงานอื่นๆ ของ เเนคกี้</p>
    </h2>
    <div class="box03 others">
        <div class="-loading">
            <div class="loading-box">
                <div class="loading-inner">
                    <div class="loadingicon _animated -wobble -infinite">
                        <img src="https://www0.dek-d.com/assets/ebook/images/icon_bombom.png"  alt="loading" width="80" height="80" />
                    </div>
                    <div class="label">กำลังโหลด...</div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    (function() {
        let oneTimeRender = true
        let othersSwiper
        let allNovels = []
        let page = 1
        let isLastPage = false
        const renderTargetId = '#others-novel-list-target'
        const renderTarget = document.querySelector(renderTargetId)
        const listTemplate = document.querySelector('#others-novel-list')
        const listLoadingTemplate = document.querySelector('#others-novel-list-loading')
        const infiniteLoadingUIClass = '-infinite-loading'
        const listLoadingUI = `
               <div class="writer-swiper-wrapper swiper-slide ${infiniteLoadingUIClass}">
                    <div class="cover"></div>
                    <div class="detail-wrapper">
                        <div class="category"></div>
                        <div class="title"></div>
                        <div class="author"></div>
                    </div>
                </div>
            `

function _mapCategory (category) {
            return {
                mainName: category.mainTitle ? category.mainTitle : 'ฟรีสไตล์',
                subName: category.subTitle ? category.subTitle : 'อื่นๆ',
                main: category.main ? category.main : 0,
                sub: category.sub ? category.sub : -1
            }
        }

function _mapOwnerName (owners) {
            return owners[0] ? owners[0].alias : ''
        }

function _mapThumbnail (thumbnail) {
            return thumbnail.normal ? thumbnail.normal.replace('t_', '') : ''
        }

if (page === 1) {
                listTemplate.content.querySelector('.swiper-wrapper').insertAdjacentHTML('afterbegin', listUI)
            } else {
                document.querySelector(`${renderTargetId} .swiper-wrapper`).insertAdjacentHTML('beforeend', listUI)
            }
        }

function getNovelByOwner () {
            if (isLastPage) return
            let totalLists = 0
            const Http = new XMLHttpRequest()
            const url = `https://${window.hostWWW}.dek-d.com/api/rest/novel/list?type=user&page=${page}&userId=${window.ownerId}`
            Http.open('GET', url)
            Http.send()
            Http.onreadystatechange = function (e) {
                if (this.readyState === 4 && this.status === 200) {
                    const res = JSON.parse(Http.response)
                    const lists = res.list ? res.list.filter((novel) => {
                        return novel.state.ban === 'none'
                    }) : []
                    const pageInfo = res.pageInfo ? res.pageInfo : {}
                    const { totalItems, hasNext } = pageInfo
                    const infiniteLoadingUI = document.querySelector(`${renderTargetId} .${infiniteLoadingUIClass}`)
                    isLastPage = !hasNext
                    totalLists = totalItems || 0
                    lists.sort((a, b) => new Date(b.updatedAt) - new Date(a.updatedAt)).reverse()
                    allNovels = [...allNovels, ...lists].filter((novel) => novel.id !== window.novelId)
                    infiniteLoadingUI && infiniteLoadingUI.remove()
                    if (allNovels.length <= 0) {
                        renderTarget.style.display = 'none'
                    }
                    if (page === 1) {
                        allNovels.map((novel) => {
                            addList(novel)
                        })
                        while (renderTarget.lastElementChild) {
                            renderTarget.removeChild(renderTarget.lastElementChild)
                        }
                        renderTarget.appendChild(listTemplate.content.cloneNode(true))
                        othersSwiper = new Swiper('#others-swiper', {
                            slidesPerView: 'auto',
                            spaceBetween: 10,
                            slidesOffsetBefore: 0,
                            slidesOffsetAfter: 0,
                            slidesPerGroup: 1,
                            navigation: {
                                nextEl: '#others-next',
                                prevEl: '#others-prev',
                            },
                        })
                    }
                }
            }
        }

function isInViewport(element) {
            const rect = element.getBoundingClientRect()
            return (
                rect.top >= 0 &&
                rect.left >= 0 &&
                rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
                rect.right <= (window.innerWidth || document.documentElement.clientWidth)
            )
        }

window.addEventListener('scroll', function() {
            if (isInViewport(renderTarget) && oneTimeRender) {
                renderTarget.appendChild(listLoadingTemplate.content.cloneNode(true))
                getNovelByOwner()
                oneTimeRender = false
            }
        })
    })()
</script>    <div id="js-anchor-suggest-list"></div>
<div id="suggest-list" class="-hide">
    <h2 class="suggest-item-head">
        <p class="_txt-ellipsis">นิยายที่ผู้อ่านนิยมอ่านต่อ 
		<a
			class="seemore"
			href="https://novel.dek-d.com/novel/1521707/similar/"
			target="_blank"
		>
		ดูทั้งหมด <i class="fa fa-chevron-right" aria-hidden="true"></i>
		</a>
		</p>
    </h2>
    <div id="alsoview-swiper" class="suggest-item-wrapper js-suggest-item-wrapper swiper-container -hide">
        <div class="swiper-wrapper"></div>
        <div id="alsoview-prev" class="swiper-button-prev"></div>
        <div id="alsoview-next" class="swiper-button-next"></div>
    </div>
    <div class="-loading js-suggest-loading -hide">
        <div class="loading-box">
            <div class="loading-inner">
                <div class="loadingicon _animated -wobble -infinite">
                    <img src="https://www0.dek-d.com/assets/ebook/images/icon_bombom.png"  alt="loading" width="80" height="80" />
                </div>
                <div class="label">กำลังโหลด...</div>
            </div>
        </div>
    </div>
</div>
<script>
    (function() {
    	let scrollEventOneTime = true

function isScrolledIntoView($elem) {
		    let docViewTop = $(window).scrollTop()
		    let docViewBottom = docViewTop + $(window).height()
		    let elemTop = $elem.offset().top
		    let elemBottom = elemTop + $elem.height()
		    return ( ( elemBottom <= docViewBottom ) && ( elemTop >= docViewTop ) )
	    }

function appendSuggestionList({analytics, id, title, category, owners, thumbnail}) {
			const typeCard = analytics?.parameters?.typeCard ?? 'none'
			const algoType = analytics?.parameters?.algo ?? 'none'
			const ownerAliasname = owners?.[0]?.alias ?? ''
			const subCategoryTitle = category.subTitle
		    $('#suggest-list .swiper-wrapper').append(`
               <div class="writer-swiper-wrapper swiper-slide js-suggest-item" type-card="${typeCard}" ${algoType ? `data-algo="${algoType}"` : ''} data-id="${id}" data-mc="${category.main}" data-sc="${category.sub}">
                    <a href="view.php?id=${id}" target="_blank"
                    title="${title}">
                    <img class="cover" src="${thumbnail.normal}" alt="${title}" loading="lazy"/>
                        <div class="detail-wrapper">
                            <div class="category">
                                ${subCategoryTitle}
                            </div>
                            <div class="title"
                                 title="${title}">
                                ${title}
                            </div>
                            <div class="author">
                                ${ownerAliasname}
                            </div>
                        </div>
                    </a>
                </div>`)
	    }

function ajaxSetScoreAlsoView() {
    		$.ajax({
                url: `https://www.dek-d.com/api/rest/novel/suggest/save`,
                type: 'POST',
			    xhrFields: {
				    withCredentials: true
			    },
			    data: {
				    novel_id: '1521707',
				    last_novel_id: '0'
			    },
            })
        }

var pathname = window.location.pathname
        var coverPageTest = new RegExp('view.php')
        var isCoverPage = coverPageTest.test(pathname) ? 1 : 0

function ajaxSuggestLists() {
            $.ajax({
                url: `https://www.dek-d.com/api/rest/novel/recommend/list`,
                type: 'GET',
                xhrFields: {
                    withCredentials: true
                },
                data: {
                    novelId: '1521707',
                    page: 1,
			    },
                beforeSend: function() {
	                $('#suggest-list').removeClass('-hide')
			        $('.js-suggest-loading').removeClass('-hide')
                },
			    success: function (res) {
				    // const alsoViewCounter = res.count.alsoview > 0 ? res.count.alsoview : 0
				    // trackAlsoView(alsoViewCounter)
				    if (!$.isEmptyObject(res.list) || res.list.length > 0) {
					    $('.js-suggest-loading').addClass('-hide')
				    	$('.js-suggest-item-wrapper').removeClass('-hide')
					    if (typeof res.list === 'object') {
						    Object.values(res.list).map(function (data) {
							    appendSuggestionList(data)
						    })
					    } else {
						    res.list.map(function (data) {
							    appendSuggestionList(data)
						    })
					    }

var alsoviewSwiper = new Swiper('#alsoview-swiper', {
						    slidesPerView: 'auto',
						    spaceBetween: 10,
						    slidesOffsetBefore: 0,
						    slidesOffsetAfter: 0,
						    slidesPerGroup: 1,
						    navigation: {
							    nextEl: '#alsoview-next',
							    prevEl: '#alsoview-prev'
						    },
					    })
				    } else {
					    $('#suggest-list').remove()
				    }
			    },
			    error: function () {
				    $('#suggest-list').remove()
			    }
		    })
	    }

$(document).ready(function() {
		    ajaxSetScoreAlsoView()
        })

$(window).scroll(function() {
	    	if (isScrolledIntoView($('#js-anchor-suggest-list')) && scrollEventOneTime ) {
	    		ajaxSuggestLists()
			    scrollEventOneTime = false
            }
        })

})()
</script>    <div id="js-anchor-ebook-rand-list"></div>
<div id="ebook-rand-list">
    <h2 class="suggest-item-head">
        <p class="_txt-ellipsis"><span id="ebook-rand-section-title">อีบุ๊ก</span>
            <a id="ebook-rand-list-see-all" class="seemore" href="https://novel.dek-d.com/store/ebook/" target="_blank">
                ดูทั้งหมด <i class="fa fa-chevron-right" aria-hidden="true"></i>
            </a>
        </p>
    </h2>
    <div id="ebook-rand-list-swiper" class="suggest-item-wrapper js-ebook-item-wrapper swiper-container -hide">
        <div class="swiper-wrapper"></div>
        <div id="ebook-rand-list-prev" class="swiper-button-prev"></div>
        <div id="ebook-rand-list-next" class="swiper-button-next"></div>
    </div>
    <div class="-loading js-ebook-rand-list-loading -hide">
        <div class="loading-box">
            <div class="loading-inner">
                <div class="loadingicon _animated -wobble -infinite">
                    <img src="https://www0.dek-d.com/assets/ebook/images/icon_bombom.png" alt="loading" width="80" height="80" />
                </div>
                <div class="label">กำลังโหลด...</div>
            </div>
        </div>
    </div>
</div>
<script>
    (function() {
        let scrollEventOneTime = true

function isScrolledIntoView($elem) {
            let docViewTop = $(window).scrollTop()
            let docViewBottom = docViewTop + $(window).height()
            let elemTop = $elem.offset().top
            let elemBottom = elemTop + $elem.height()
            return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop))
        }

function appendEbookList(ebook, extension) {

const {
                name,
                novelTitle,
                thumbnail,
                id,
                category,
                owners
            } = ebook
            const {
                order,
                discount,
                discountRate,
                sellingPrice,
                originalPrice,
                isTop,
                isDiscount,
            } = extension
            const {
                main,
                sub,
                mainTitle,
                subTitle,
            } = category

$('#ebook-rand-list-swiper .swiper-wrapper').append(`
               <div class="writer-swiper-wrapper swiper-slide js-ebook-item" data-id="${id}" data-mc="${main}" data-sc="${sub}">
                    ${ isTop ?  `<div title="อันดับที่ ${order}" class="-top-flag">
                            <span class="-top-flag__value">${order}</span>
                        </div>
                      ` : '' }
                    <a href="https://novel.dek-d.com/ebook/${id}" target="_blank"
                    title="${title}">
                    <img class="cover" src="${thumbnail}" alt="${name}" loading="lazy"/>
                        <div class="detail-wrapper"  style="${isDiscount ? "min-height: 137px;" : ""}">
                            <div class="category">
                                ${subTitle}
                            </div>
                            <div class="title"
                                 title="${name}">
                                ${name}
                            </div>
                            <div class="author">
                                ${owners[0]?.alias}
                            </div>
                            ${ isDiscount ?  `<div class="-price-wrapper">
                                    <svg class="-price-wrapper__coin-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <circle cx="12" cy="12" r="11" fill="white"></circle>
                                        <path d="M12 1C5.92485 1 1 5.92485 1 12C1 18.0751 5.92485 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92485 18.0751 1 12 1ZM17.1955 16.3802C17.1248 16.463 15.4312 18.4086 12.323 18.4086C8.56654 18.4086 5.91447 15.6027 5.91447 11.952C5.91447 8.34578 8.66465 5.59144 12.291 5.59144C15.2609 5.59144 16.8137 7.24654 16.8783 7.31702C16.9579 7.40381 17.0065 7.51457 17.0164 7.63194C17.0264 7.74932 16.9971 7.86667 16.9332 7.96562L15.9405 9.50273C15.7609 9.78071 15.3739 9.82879 15.1318 9.60453C15.1214 9.59504 13.9551 8.54533 12.3871 8.54533C10.3416 8.54533 9.10855 10.0345 9.10855 11.9199C9.10855 13.6765 10.2402 15.4547 12.4031 15.4547C14.1195 15.4547 15.2986 14.1977 15.3103 14.185C15.5379 13.9382 15.9339 13.9618 16.1312 14.2317L17.22 15.7208C17.2907 15.8174 17.3267 15.9351 17.3222 16.0547C17.3178 16.1744 17.2731 16.289 17.1955 16.3802Z" fill="#FBBC05"></path>
                                    </svg>
                                    <span class="-price-wrapper__selling-price">${intFormat(sellingPrice)}</span>
                                    <span class="-price-wrapper__original-price">${intFormat(originalPrice)}</span>
                                </div>` : '' }
                        </div>
                    </a>
                </div>`)
        }

var pathname = window.location.pathname
        var coverPageTest = new RegExp('view.php')
        var isCoverPage = coverPageTest.test(pathname) ? 1 : 0
        const sectionId = 'discount'
        const isFairPeriod = ''

function intFormat(number) {
            const formatter = new Intl.NumberFormat('th-Th')
            return formatter.format(number)
        }

function ajaxEbookLists() {
            $.ajax({
                url: `https://www.dek-d.com/api/rest/ebook/list/promote?page=1&type=${sectionId}`,
                type: 'GET',
                xhrFields: {
                    withCredentials: true
                },
                data: {
                    novel_id: '1521707',
                    owner_id: '5497706',
                    is_selling: isCoverPage
                },
                beforeSend: function() {
                    $('#ebook-rand-list').removeClass('-hide')
                    $('.js-ebook-rand-list-loading').removeClass('-hide')
                },
                success: function(res) {
                    const isDiscount = sectionId == 'discount'
                    const isTop = sectionId == 'bestseller'
                    const isFree = false //sectionId == 'free'
                    const resolvedSeeAllLink = isDiscount ? isFairPeriod ? 'https://novel.dek-d.com/fair/ebook/?utm_source=dek-dbanner&utm_medium=niyay-fair-read&utm_campaign=ebook-expo-23&utm_id=dek-dbanner-niyay-fair-read-231002' : 'https://novel.dek-d.com/store/ebook/list/0_-1/?orderBy=DESC&saleType=DISCOUNT&viewType=LIST&ratingType=ALL&page=1' :
                        isFree ? 'https://novel.dek-d.com/store/ebook/list/0_-1/?orderBy=DESC&saleType=FREE&viewType=LIST&ratingType=ALL&page=1' :
                        isTop ? 'https://novel.dek-d.com/store/ebook/' : 'https://novel.dek-d.com/store/ebook/'
                    $('#ebook-rand-list-see-all').attr('href', resolvedSeeAllLink)

if (!$.isEmptyObject(res.list) || res.list.length > 0) {
                        $('.js-ebook-rand-list-loading').addClass('-hide')
                        $('.js-ebook-item-wrapper').removeClass('-hide')
                        $('#ebook-rand-list #ebook-rand-section-title').text(isDiscount ? isFairPeriod ? 'E-Book Expo' : 'อีบุ๊กลดราคา' : isTop ? 'อีบุ๊กขายดี' : isFree ? 'อีบุ๊กฟรี' : 'อีบุ๊ก')
                        res.list.map(function(data, index) {
                            const sellingPrice = data?.price?.coin ?? 0
                            const originalPrice = data?.price?.campaign?.priceOriginal ?? 0
                            appendEbookList(data, {
                                order: index + 1,
                                isTop,
                                isDiscount,
                                sellingPrice,
                                originalPrice,
                                discountRate: Math.round(((originalPrice - sellingPrice) / originalPrice) * 100),
                                discount: sellingPrice - originalPrice,
                            })
                        })
                        var ebookListSwiper = new Swiper('#ebook-rand-list-swiper', {
                            slidesPerView: 'auto',
                            spaceBetween: 10,
                            slidesOffsetBefore: 16,
                            slidesOffsetAfter: 16,
                            slidesPerGroup: 1,
                            navigation: {
                                nextEl: '#ebook-rand-list-next',
                                prevEl: '#ebook-rand-list-prev'
                            },
                        })
                    } else {
                        $('#ebook-rand-list').remove()
                    }
                },
                error: function() {
                    $('#ebook-rand-list').remove()
                }
            })
        }

$(window).scroll(function() {
            if (isScrolledIntoView($('#js-anchor-ebook-rand-list')) && scrollEventOneTime) {
                ajaxEbookLists()
                scrollEventOneTime = false
            }
        })

})()
</script>

#ebook-rand-list .js-ebook-item .-top-flag {
        position: absolute;
        top: 0;
        left: 0;
        width: 10px;
        height: 28px;
        box-sizing: border-box;
        border-bottom: 0 solid #499a13;
        border-color: #499a13 #499a13 transparent;
        border-style: solid;
        border-width: 0 10px 8px;
        border-top-left-radius: 3px;
        z-index: 1;
    }

#ebook-rand-list .js-ebook-item .-top-flag .-top-flag__value {
        display: inline-block;
        width: 20px;
        line-height: 20px;
        margin-left: -10px;
        font-size: 12px;
        text-align: center;
        background-color: #499a13;
        border-top-left-radius: 3px;
        font-family: Tahoma, Arial, sans-serif;
        font-weight: 700;
        color: #fff;
    }

#ebook-rand-list .js-ebook-item .-price-wrapper {
        -webkit-text-size-adjust: none;
        list-style: none;
        list-style-type: none;
        -webkit-box-direction: normal;
        user-select: none;
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        vertical-align: baseline;
        font-family: 'Kalatexa', sans-serif;
        display: flex;
        align-items: center;
        margin-top: 8px;
    }

#ebook-rand-list .js-ebook-item .-price-wrapper .-price-wrapper__selling-price {
        -webkit-text-size-adjust: none;
        list-style: none;
        list-style-type: none;
        -webkit-box-direction: normal;
        user-select: none;
        padding: 0;
        border: 0;
        font: inherit;
        vertical-align: baseline;
        margin: 0 8px 0 4px;
        padding-top: 4px;
        font-size: 18px;
        font-weight: 700;
        color: red;
        overflow: hidden;
        text-overflow: ellipsis;
    }

#ebook-rand-list .js-ebook-item .-price-wrapper .-price-wrapper__original-price {
        -webkit-text-size-adjust: none;
        list-style: none;
        list-style-type: none;
        -webkit-box-direction: normal;
        user-select: none;
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        vertical-align: baseline;
        font-size: 14px;
        color: gray;
        text-decoration: line-through;
        text-decoration-color: red;
        align-self: end;
        padding-bottom: 2px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

#ebook-rand-list .js-ebook-item .-price-wrapper .-price-wrapper__coin-icon {
        min-width: 24px;
        min-height: 24px;
    }
</style>    
    
        <div id="comment-section-ref-js"></div>
    
<style>
    .box06_good li {
        cursor: pointer;
    }

p.box05_text02 .box05_link{
        display: inline-block;
    }

ul.box05_st li div.box05_st_img.half {
        background-position: 0 -778px;
    }

.box05_text02.-hidden{
        display: none !important;
    }

.box05_text02 span.box05_link{
        color: #a75211;
        cursor:pointer;
    }
    .box05_text02 span.box05_link:hover{
        text-decoration: underline;
    }

</style>

<div class="box04 box05_left">
    <div class="box04_head">
        <h2 class="box04_head02">คำนิยม Top</h2>
    </div>
                <div class="box04_page">
            <p class="no-data">ยังไม่มีคำนิยมของเรื่องนี้</p>
        </div>
    </div>

<div class="box04 box05">
    <div class="box04_head">
        <h2 class="box04_head02">คำนิยมล่าสุด</h2>
        <a href="#" require-login-msg="กรุณา{program.th} เพื่อเขียนคำนิยม" class="box04_head03 click-require-login" onclick="toggleReviewModal()">เขียนคำนิยม</a>
    </div>

<div class="box04_page">
            <p class="no-data">ยังไม่มีคำนิยมของเรื่องนี้</p>
        </div>
    </div>

$('.paging').paging({
          total: 1,
          page: 1,
          itemperpage: 25,
          showpage: 3,
          href: '#comment-all',
          hrefParams: {
            id: 1521707          },
          ajax: 'commentAjax.php',
          ajaxParams: {
            id: 1521707,
            chapter: 0,
            total: 1,
            user_id: 5497706          },
          ajaxDatatype: 'json',
          ajaxType: 'post',
          ajaxable: true,
          ajaxCallback: function(data) {
            $('#comment-all').data('page', data.page);
            if (data.status) {
              $('.comment-list').empty().append(data.list);
            } else {
              alert('เกิดข้อผิดพลาด');
            }
          },
          templateWrap: '<ul class="cl_pagetab paging-${group}">${list}</ul>',
          templateCurrent: '<li class="cur"><span>${page}</span></li>',
          templatePrev: '<li class="lt"><a href="${href}" ajax="${ajax}" target="${target}" title="${title}" onclick="${onclick}" page="${p}"></a></li>',
          templateNext: '<li class="gt"><a href="${href}" ajax="${ajax}" target="${target}" title="${title}" onclick="${onclick}" page="${p}"></a></li>'
        })
      </script>

</div>

</div>

<div id="footer" class="app-footer">

<p><a href="https://www.dek-d.com/" target="_blank">www.Dek-D.com</a> © 1999 - 2024 All rights reserved by Dek-D Interactive Co.,Ltd. </p>
</div>

<script language='JavaScript' type='text/javascript' data-test="test" src='https://myc.dek-d.com/a/script/subcomment.js?v=3.94'></script>
<script type="text/javascript">
	$(document).ready( function(){
		subcomment._lastcommentid = ( jQuery(subcomment._cmall).data('chapter') > 0 ) ? 0 : 1;
		subcomment.init();
	});
</script>

</div>
  
  <script type="text/javascript">
    var story_id = 1521707;
    var page = 'main';
  </script>
  <script type="text/javascript" src="https://myc.dek-d.com/a/resource/js/writer3/helper.js?v=184"></script>
  <script  src="https://www0.dek-d.com/assets/writer/js/buying.js?v=184"></script><script  src="https://www0.dek-d.com/assets/writer/js/addNovelInCollection.min.js?v=184"></script><script  src="https://www0.dek-d.com/assets/writer/js/scrollIntoElement.js?v=184"></script>
  <script type="text/javascript">
          buying.hasPackInThisStory = false;
    
      </script>

<script  src="https://www0.dek-d.com/assets/writer/js/analytics/writer-view-main.js?v=184"></script>  
  <script type="text/javascript" src="https://myc.dek-d.com/a/resource/js/jquery-migrate-1.2.1.min.js"></script>
  <script type="text/javascript" src="https://www0.dek-d.com/assets/vendor/owl/owl.carousel.min.js"></script>
  <script type="text/javascript" src="https://myc.dek-d.com/a/resource/js/floatwriter.js?v=184"></script>
  <script type="text/javascript" src="https://myc.dek-d.com/a/js/jquery.lightbox_me.js?v=184"></script>
  <script type="text/javascript" src="https://myc.dek-d.com/a/js/jquery.placeholder.js?v=184"></script>
  <script type="text/javascript" src="https://myc.dek-d.com/a/resource/js/discovery.js?v=184b"></script>
  <script src="https://www0.dek-d.com/assets/vendor/jquery-cookie/jquery.cookie.js"></script>
  <script type="text/javascript">
    window.userId = '0';
    (function($, discovery, timer, visible) {
      discovery.init("guest", {});
      //var recommenderZone = document.getElementById('recommender-zone');
      var expname = 'exp-recommender-3e';
      var timeCollapse = 30;
      var isAlreadySuccess = false;
      var mainTrail;
      /*$('.recommend').on('click', '.out', function (e){
          //e.preventDefault();
          var id = $(this).data('id');
          var trail = discovery.withNewTrail(expname).type(id);
          trail.setInfo('novel-id', id);
          trail.save();
          trail.submit(function(info){
              return 'click-item';
          });
      });*/
      $('body').on('isLogin', function(e, data) {
        window.isLogin = true
        window.userId = data.user_id
        window.username = data.username
        window.isOwner = +data.user_id === +'5497706'
      }).on('isLogout', function() {
        window.isLogin = false
        window.userId = 0
        window.username = ""
        window.isOwner = false
      });

discovery.whenTrailExist(expname, "1521707", function(status, trail) {
        if (status) {
          mainTrail = trail;
          timerCounter(trail);
          window.addEventListener("beforeunload", function(e) {
            trail.remove();
            return true;
          }, false);
        }
      });

/*visible.init(recommenderZone).onFirstTimeVisible(function (isVisible){
          window.onscroll = function(){};
          var trail = discovery.withNewTrail(expname).type('see');
          trail.submit(function(info){
              return 'see-item';
          });
          trail.remove();

recommender.recommendList(1);
          recommender.getMoreBtn().on('click' , function(e){
              e.preventDefault();
              recommender.getMoreBtn().text('loading...');
              recommender.recommendList(recommender.getMoreBtn().attr('href').replace('?page=' , ''));
              return false;
          });
          visible.unwatchVisible();
      });*/

$('.favor, .favbutton').on('click', function() {
        if (mainTrail != null) {
          mainTrail.submit(function(info) {
            isAlreadySuccess = true;
            return isAlreadySuccess ? 'ok-fav' : 'success-fav';
          });
          mainTrail.remove();
        }
      });

})(jQuery, _DISCOVERY, _TIMER, _VISIBLE_SPY);
  </script>
  <script  src="https://www0.dek-d.com/assets/writer/js/countdown.js?v=184"></script><link rel="stylesheet" href="https://www0.dek-d.com/assets/authenticate/css/login.min.css?v=184"><script  src="https://www0.dek-d.com/assets/authenticate/js/onestop_helper.min.js?v=184"></script><script  src="https://www0.dek-d.com/assets/authenticate/js/register.min.js?v=184"></script><script  src="https://www0.dek-d.com/assets/authenticate/js/login.min.js?v=184"></script><link rel="stylesheet" href="https://www0.dek-d.com/assets/vendor/gpi/css/gpi_interface.min.css?v=184"><script  src="https://www0.dek-d.com/assets/vendor/gpi/js/gpi.min.js?v=184"></script><script  src="https://www0.dek-d.com/assets/vendor/dekd-foundation-2.2/js/alertbox.min.js?v=184"></script><script  src="https://www0.dek-d.com/assets/vendor/dekd-foundation-2.2/js/dropdownbox.min.js?v=184"></script><script  src="https://www0.dek-d.com/assets/vendor/dekd-foundation-2.2/js/tooltips.min.js?v=184"></script><link rel="stylesheet" href="https://www0.dek-d.com/assets/authenticate/css/foundation-login-modal.min.css?v=184">  
  
  
  
  
  
  
  
  
  
  
  
  
  <script src="https://unpkg.com/@popperjs/core@2.9.3/dist/umd/popper.min.js"></script>
  <script src="https://unpkg.com/tippy.js@6.3.1/dist/tippy-bundle.umd.min.js"></script>
  <script>
    $(document).ready(function() {
      (function(login) {
        login.init()
        if (typeof tippy == 'function') tippy(document.querySelectorAll('.tippy-ip'))
        $('.modal').on('click', '.close', function() {
          $(this).closest('.modal').slideUp()
          $.cookie('writer-mini-modal', 1, {
            expires: 1,
            path: '/',
            domain: 'dek-d.com'
          })
        });
      })(_LOGIN)
    })
  </script>
  <script  src="https://www0.dek-d.com/assets/dist/writer/js/bundle.min.js?v=184"></script><script  src="https://www0.dek-d.com/assets/writer/js/trackActiveUserLoggedIn.js?v=184"></script><script  src="https://www0.dek-d.com/assets/writer/js/bookmark.min.js?v=184"></script><script  src="https://www0.dek-d.com/assets/writer/js/sweetalert.js?v=184"></script>  

<script type="text/javascript" charset="UTF-8">(function(w,d,s,i,c){var f=d.createElement(s);f.type="text/javascript";f.async=true;f.src=("https:"==d.location.protocol? "https://ssl-avd.innity.net":"http://avd.innity.net")+"/"+i+"/container_"+c+".js";var g=d.getElementsByTagName(s)[0];g.parentNode.insertBefore(f, g);})(window, document, "script", "142", "56d8ecb31c51b1a06c964404");</script>
    <button class="scroll-to-top-btn">
    <i class="fa fa-arrow-up scroll-to-top-icon" aria-hidden="true"></i>
</button>

function scrollToTop(event) {
                    event.preventDefault();
                    scrollToTopBtn.blur();
                    if (window) window.scrollTo({
                        top: 0,
                        behavior: 'smooth'
                    });
                }

function isScrollToTopBtnVisible() {
                    if (window.pageYOffset >= 1500) {
                        const autoScrollTrigger = document.querySelector('#autoscroll-trigger')
                        const opacity = autoScrollTrigger && autoScrollTrigger.querySelector('i').classList.contains('fa-pause') ? '0.3' : '1.0'
                        scrollToTopBtn.style.opacity = opacity
                        scrollToTopBtn.style.cursor = 'pointer'
                        scrollToTopBtn.disabled = false
                    } else {
                        scrollToTopBtn.style.opacity = '0.0'
                        scrollToTopBtn.style.cursor = 'auto'
                        scrollToTopBtn.disabled = true
                    }
                }
            }
        )
    })()
</script>  <script  src="https://www0.dek-d.com/assets/writer/js/trackVisitingNovel.js?v=184"></script>  <script  src="https://www0.dek-d.com/assets/writer/js/activityNovel.min.js?v=184"></script>  <script  src="https://www0.dek-d.com/assets/writer/js/trackRecentRead.js?v=184"></script>  <script>
    // trackVisitingNovel.init({
    //   title: "(SF/OS) the best CHANBAEK",
    //   imageUrl: "https://image.dek-d.com/27/0549/7706/t_122216832",
    //   novelId: 1521707,
    //   ownerId: 5497706,
    //   ownerName: "NachchaS",
    //   author: "เเนคกี้",
    //   category: "แฟนฟิคเกาหลี",
    //   mc: 1,
    //   sc: 26,
    //   chapterId: 0,
    //   chapterTitle: "",
    //   novelType: "long",
    // })
    const recentReadPayload = {
      readerId: "",
      novelId: 1521707,
      chapterId: 0,
    }
    trackRecentRead.init(recentReadPayload, "www")
  </script>
  <script  src="https://www0.dek-d.com/assets/writer/js/analytics/novelPixelTracking.min.js?v=184"></script>  <script>
    $(document).ready(function() {
      (function() {
        setTimeout(() => {
          pixelTrackViewContent({
            productType: "novel",
            payload: {
              novelId: 1521707,
              novelTitle: "(SF/OS) the best CHANBAEK",
            }
          })
          pixelTrackCoverCategory({
            productType: "novel",
            categoryId: '3'
          })
        }, 500)
      })()
    })
  </script>
</body>

</html>


<script>
(function(g,d,o){
  g._ltq=g._ltq||[];g._lt=g._lt||function(){g._ltq.push(arguments)};
  var h=location.protocol==='https:'?'https://d.line-scdn.net':'http://d.line-cdn.net';
  var s=d.createElement('script');s.async=1;
  s.src=o||h+'/n/line_tag/public/release/v1/lt.js';
  var t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t);
    })(window, document);
_lt('init', {
  customerType: 'account',
  tagId: '1aa2dca9-8f7a-4ec8-80c7-868d92c7d275'
});
_lt('send', 'pv', ['1aa2dca9-8f7a-4ec8-80c7-868d92c7d275']);
</script>
<noscript>
  <img height="1" width="1" style="display:none"
       src="https://tr.line.me/tag.gif?c_t=lap&t_id=1aa2dca9-8f7a-4ec8-80c7-868d92c7d275&e=pv&noscript=1" />
</noscript>

<script>
    if (!window.fbq) {
    !function(f,b,e,v,n,t,s)
    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
        n.queue=[];t=b.createElement(e);t.async=!0;
        t.src=v;s=b.getElementsByTagName(e)[0];
        s.parentNode.insertBefore(t,s)}(window, document,'script',
        'https://connect.facebook.net/en_US/fbevents.js');
    }
    window.fbq('init', '1234202760613325');
    window.fbq('track', 'PageView');
</script>
<noscript>
    <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1196977856998347&ev=PageView&noscript=1" />
</noscript>

(SF/OS) the best CHANBAEK

อีบุ๊กจากนิยาย ดูทั้งหมด

ข้อมูลเบื้องต้น

(SF/OS) the best CHANBAEK

อีบุ๊กจากนิยาย ดูทั้งหมด

ข้อมูลเบื้องต้น

คืนค่าการตั้งค่าทั้งหมด