Piano Adventures Scale and Chord Book 2

จำนวนครั้งที่เปิดดูสินค้า : 680 | ความคิดเห็น: 0

Piano Adventures Scale and Chord Book 2

เพิ่มเมื่อ: 2018-06-26 00:48:57.0

แก้ไขล่าสุด: 2018-06-29 13:07:34.0

รายละเอียด:
piano

Filter-PianoALL:ALL

price_original_Retail250
price_Retail
price_original_Wholesale250
price_Wholesale
price_original_VIP
price_VIP
price_original_test
price_test
Fix Group Price

23586 Price
23587 Price
23588 Price

Show in slide
wording

No
CategoryPiano, Exercise/Studies
PublisherHal Leonard
CodeHL00126035
ISBN9781616776626
UPC884088994105
SeriesFaber Piano Adventures
FormatBook
Artist/AurthorRandall Faber, Nancy Faber
Weigth (G)210
Width9
Length12
Pages56
Retail Price250
Wholesale Price250
Image
Sample Content
StatusIn Stock
Remark
Song List
Clip VDO
</li> </ul> </span> </div> </div> <div class="prod_price_big"> <div id="pricePanel"> <span class="price"> 250.00 บาท </span> </div> <form id="productAttributeSelectorForm" > <ul> </ul></form> <input type="hidden" name="productId" id="productId" value="830593"/> <input type="hidden" name="productPriceForSelect" id="productPriceForSelect" value="250.00"/> <div class="selectAttributeDiv attributeList"> </div> <script type="text/javascript"> var subProducts =[]; </script> <script type="text/javascript"> var initAddToCartLink = 'addToCart.do?clubId=36804&shopCategoryId=173666&productId=830593&pQuantity=1'; var commonPrice = ''; $(document).ready(function() { commonPrice = document.getElementById('pricePanel').innerHTML; oldAddToCartLink = $('#addToCartBtn a').attr("href"); }); var addToCartLink = initAddToCartLink; var originalPricePanel = $('#pricePanel').html(); function doAddToCart(doBuyNow) { var unSelectedAttribute = false; $('.productAttributeSelector').each(function() { if ( $(this).val() == -1) { unSelectedAttribute = true; } }); if (unSelectedAttribute == false) { showCartDialog(addToCartLink, doBuyNow); } else { alert( 'กรุณาเลือกคุณสมบัติของสินค้า!' ); } } function chooseProductAttribute(elm) { /* reset price and adToCart link */ addToCartLink = initAddToCartLink; var ajaxQueryStr = $( "form#productAttributeSelectorForm" ).serialize() + "&chooseFromAttributeIndex=" + $(elm).data('currentindex') ; $.ajax({ url : "/action/shop/product/selectProductAttribute.jsp?productId=830593&"+ajaxQueryStr, dataType : 'json' }).done(function(data) { if (console && console.log) { console.log(data); console.log(data.success == true); } if (data.success == true) { for (i=0; i<data.attributes.length; i++) { var attribute = data.attributes[i]; var options, index, select, option; select = document.getElementById('selectProductAttribute' + attribute.id); select.options.length = 0; options = attribute.options; select.options.add(new Option("Select option", -1)); for (index = 0; index < options.length; ++index) { option = options[index]; select.options.add(new Option(option.label, option.id)); } } if (typeof data.subProduct != "undefined" && data.subProduct != null) { /* 2017-01-27 var commonPrice = document.getElementById('pricePanel').innerHTML; var originalPrice = document.getElementById('productPriceForSelect').value; */ // var nameValue = elm.options[elm.selectedIndex].text; // var detailValue = data.detail; //var price = data.subProduct.price.toFixed(2); var priceValue = ''; var price = data.subProduct.price.toFixed(2); // if(commonPrice.indexOf('บาท')>-1) price = price+' บาท'; if(originalPricePanel.indexOf('$')>-1) price = '$'+price; priceValue = '<span class="price">'+price+'</price>'; /* $('#addToCartBtn a').attr("href", "javascript:showCartDialog('addToCart.do?clubId=36804&shopCategoryId=173666&productId=830593&subProductId=" + data.subProduct.id + "&pQuantity=1')"); */ addToCartLink = "addToCart.do?clubId=36804&shopCategoryId=173666&productId=830593&subProductId=" + data.subProduct.id + "&pQuantity=1"; //javascript:showCartDialog('addToCart.do?clubId=12&shopCategoryId=73&productId=265&pQuantity=1') //javascript:showCartDialog('addToCart.do?clubId=12&shopCategoryId=73&productId=265&subProductId=&pQuantity=1') //addToCart.do?clubId=12&shopCategoryId=73&productId=265&subProductId=59&pQuantity=1&tids=0.04788603873778885 var price = data.subProduct.price.toFixed(2); price = numberWithCommas(price); if(commonPrice.indexOf('บาท')>-1) price = price+' บาท'; if(commonPrice.indexOf('THB')>-1) price = price+' THB'; if(commonPrice.indexOf('$')>-1) price = '$'+price; priceValue = '<span class="price">'+price+'</price>'; $('#pricePanel').html(priceValue); //change parameter add to cart /* var paramValue = '<a href="javascript: showCartDialog(\''+url+'\');" class="addtocart addToCartButton"><img src="images/add-to-cart.png" align="absmiddle"/></a>'; var tellAFriend='images/button/tellAFriend.png'; var tellAFriendH='images/button/tellAFriendH.png'; var innerTafBtn='<a class="tellFriendBtn" href="javascript: sendParam2ToTellAfriendsDialog(\''+productId+'\',\''+subProductId+'\');" title="ส่งอีเมลล์ให้เพื่อน"><img onmouseover="javascript: this.src=\''+tellAFriendH+'\';" onmouseout="javascript: this.src=\''+tellAFriend+'\';" src="images/button/tellAFriend.png" alt="ส่งอีเมลล์ให้เพื่อน"/></a>'; viewSelectSubProduct(subProductId,nameValue,detailValue,priceValue,paramValue,innerTafBtn); */ } else { $('#pricePanel').html(''); } } }); } </script> </div> <div class="btnOption"> <span id="addToCartBtn"><a onclick="doAddToCart(false); return false;" href="#:addToCart" class="addtocart addToCartButton"><img src="images/add-to-cart.png" align="absmiddle"/></a></span> <span id="buyNowBtn" style="display:none;"><a onclick="doAddToCart(true); return false;" href="#:addToCart" class="buyNow addToCartBuLink">BUY NOW</a></span> <div class="fbBtn"> <p class="fbShareBtnWrapper"> <a class="fbShareBtn" href="#" onclick="encodeURIToshare('http://preludemusicbook.com/viewProduct.do?clubId=36804&shopCategoryId=173666&productId=830593','หนังสือดนตรี Preludemusicbook ศูนย์รวมหนังสือสอนดนตรี สัมมนาดนตรี'); return false;"><img onmouseover="javascript: this.src='images/button/fb-share-hover.png';" onmouseout="javascript: this.src='images/button/fb-share.png';" src="images/button/fb-share.png"/></a> </p> <p style="margin-top: 7px;"><span id="innerTafBtn"><a class="tellFriendBtn" href="#:none" onclick="javascript: sendParamToTellAfriendsDialog('830593');" title="ส่งอีเมลล์ให้เพื่อน"><img onmouseover="javascript: this.src='images/button/tellAFriendH.png';" onmouseout="javascript: this.src='images/button/tellAFriend.png';" src="images/button/tellAFriend.png" alt="ส่งอีเมลล์ให้เพื่อน"/></a></span></p> </div> </div> </div>    </div> </div> </div> <div class="spacer"></div>   <div id="ownerPost" class="productDetails" style="padding: 15px 15px 5px 15px; width: 627px; word-wrap: break-word;"><p>Intermediate students are ready to explore the challenges of oneoctave scales and arpeggios. More than a simple reference to scale fingerings and key signatures, this book presents valuable patterns that engage the ear and give musical meaning to scale degrees. By transposing these patterns and common chord progressions, students gain deep understanding in all keys. With additional strategies for fluency and gesture, students are wellprepared for technical mastery.</p> </div> <div id="ralateProduct" class="centerContent"> <div class="headerOfRelateProduct"> <p style="font-weight: bolder;"><img src="images/webboard/relate.gif" align="absmiddle"/> สินค้าที่เกี่ยวข้อง</p> </div> <div class="relateProductContainer"> <a class="relateProductLink" href="p_36804_173666_830603_100-Progressive-Studies-without-Octaves%2C-Op.-139.htm" title="100 Progressive Studies without Octaves, Op. 139"><img title="100 Progressive Studies without Octaves, Op. 139" id="830603" src="userfiles2/product-image15/36804/2bc86cf3-aa11-4cf3-9d3a-a23c5d679d33/resize_style2_HL50253090.jpg" alt="100 Progressive Studies without Octaves, Op. 139" /></a> <a class="relateProductLink" href="p_36804_173666_842928_MLM-Plush-Toy-Prof-Haydn-Hippo.htm" title="MLM Plush Toy Prof Haydn Hippo"><img title="MLM Plush Toy Prof Haydn Hippo" id="842928" src="images/noimage.gif" alt="MLM Plush Toy Prof Haydn Hippo" /></a> <a class="relateProductLink" href="p_36804_173666_833208_THEORY-MADE-EAASY-LEVEL-2.htm" title="THEORY MADE EAASY LEVEL 2"><img title="THEORY MADE EAASY LEVEL 2" id="833208" src="userfiles2/product-image15/36804/167047a8-73a3-4e5b-95a3-3b2f5c2eee6f/resize_style2_MPT-3005-02.jpg" alt="THEORY MADE EAASY LEVEL 2" /></a> <a class="relateProductLink" href="p_36804_173666_828083_Bartk-Piano-Collection-Book-1.htm" title="Bart?k Piano Collection Book 1"><img title="Bart?k Piano Collection Book 1" id="828083" src="userfiles2/product-image15/36804/845a35cc-c978-4614-9827-855486f5337d/resize_style2_BH13198.jpg" alt="Bart?k Piano Collection Book 1" /></a> <a class="relateProductLink" href="p_36804_173666_828645_Mozart-The-Ten-Celebrated-String-Quartets.htm" title="Mozart The Ten Celebrated String Quartets"><img title="Mozart The Ten Celebrated String Quartets" id="828645" src="userfiles2/product-image15/36804/e6c8dddd-ff7c-4f61-9e79-895dbd1fda8e/resize_style2_BA4750.jpg" alt="Mozart The Ten Celebrated String Quartets" /></a> </div> </div> <div id="productCommentListWrapper" class="commentList"> </div>  <div id="cafesec"> <div class="boardbtm"> <div class="leftdv">  <div class="paging"> </div>  </div> </div> </div> <div>   </div> </div> <div class="bot"></div> </div> <style> #buyNowBtn { display: inline-block !important; } </style> <script type="text/javascript"> function showCartDialog(url, doBuyNow){ checkAddProductFromMainPage(url, doBuyNow); //displayCartDialog(url); } function checkAddProductFromMainPage(url, doBuyNow){ var strToFind = "subProductId"; if(url.indexOf(strToFind) < 1){ var temp1 = url.substring(url.indexOf('productId='),url.length); var temp2 = temp1.substring(0,temp1.indexOf('&pQuantity')); var productId = temp2.substring(temp2.indexOf('=')+1,temp2.length); getSubProductFormProductId(url, productId, doBuyNow); }else{ displayCartDialog(url, doBuyNow); } } function getSubProductFormProductId(url, productId, doBuyNow){ dojo.xhrPost({ url: 'listSubProduct.do?clubId=36804&productId='+productId+'&selectSubProduct=fromMain' + '&tids=' + Math.random(), handleAs: 'text', handle: function(data,args){ if(typeof data == 'error'){ console.warn('error!',args); }else{ if(data!=null && data!='[]'){ dojo.byId("selectSubProductInCartDiv").innerHTML = data; dijit.byId('selectSubProductDialog').show(); }else{ displayCartDialog(url, doBuyNow); } } } }); } function displayCartDialog(url, doBuyNow){ var loadingDialog = $('<div style="display:none" class="loading" title="Process..."><center><img src="images/animation/ajax-loader-bar3.gif"/></center></div>').appendTo('body'); // open the dialog loadingDialog.dialog({ // add a close listener to prevent adding multiple divs to the document width: 250, height: 100, close: function(event, ui) { // remove div with all data and events loadingDialog.remove(); }, modal: true, resizable: false, autoOpen: false, draggable: false, position: "center" }); loadingDialog.dialog( "option", "height", 100 ); loadingDialog.dialog("open"); dojo.xhrGet({ url: url + '&tids=' + Math.random(), handleAs: "text", handle: function(data,args){ if(typeof data == "error"){ console.warn("error!"); console.log(args); }else{ updateMyCart(); loadingDialog.dialog("close"); if (doBuyNow != null && doBuyNow) { document.location = "cartLogin.jsp?clubId=36804"; } else { //showCartDialogData(data); showCartDialogData(data); } } } }); } </script>  <script type="text/javascript" language="Javascript1.1">  </script>  </div></div> </div> </div> <div class="Bottom"> </div> </div> </div> </div> <div class="Clear"> </div> </div> <div id="BottomContent"> <div id="footerZone" class="footerZone"> <style> #stylizedAdd .msgMailSent { font-size: 1em; } </style> <script> $('body.homePage section.welcome1.clearSection + p + p').load('/userfiles2/skin/preludemusicbook_36804/highlightProduct.html'); </script> <script> if ( $('body.product-view').length > 0 ) { $('img[src="images/noimage.gif"]').attr('src','/userfiles2/directUpload/skin/preludemusicbook_36804/etc/picProduct.jpg'); } $('#title #Search').remove(); </script> <script> $('#nameUserDesktop').load('/userfiles2/skin/preludemusicbook_36804/jsp/userId.jsp'); /*เรียก userId*/ $('#nameUserMobile').load('/userfiles2/skin/preludemusicbook_36804/jsp/userId.jsp'); /*เรียก userId*/ </script> <script> $("#otherInfoDiv").before('<div class="textregister"> สำหรับลูกค้าในกลุ่มธุรกิจ จะได้ส่วนลด และสิทธิประโยชน์ของสมาชิกกลุ่มธุรกิจ การสมัครสมาชิกจะสมบูรณ์ เมื่อสมาชิกได้ส่งเอกสารในการสมัครสมาชิก เพิ่มเติมดังนี้<br> 1.หนังสือรับรองบริษัท/หนังสือจัดตั้งโรงเรียน/ทะเบียนการค้า/ภพ.20 (อย่างใดอย่างหนึ่ง)<br> 2.ภาพถ่ายกิจการ จำนวน 2ภาพ<br> ทางบริษัทฯ สงวนสิทธิ์ในการพิจารณาสมัครสมาชิก ตามเงื่อนไขที่บริษัทฯ กำหนด สามารถยกเลิก แก้ไข เปลี่ยนแปลง คุณสมบัติ ส่วนลด หลักเกณฑ์ เงื่อนไข ข้อกำหนดสิทธิประโยชน์ต่างๆ โดยไม่ต้องแจ้งให้ทราบล่วงหน้า</div>'); $('#userRegisterForm > div > h3:nth-child(9)').html('Billing Address / ที่อยู่สำหรับจัดส่งบิล'); $(".textregister").prependTo("#otherInfoDiv > div:nth-child(3)"); $(".textregister").css('display','none'); $("select#memberFormFieldValue1640").change(function() { var setText="-"; var str = ""; str = $("select#memberFormFieldValue1640 option:selected").text(); if(str.length > 0){ if(str == "สมัครสมาชิกในนามบุคคลทั่วไป"){ $("#otherInfoDiv > label:nth-child(17),#otherInfoDiv > div:nth-child(18),#otherInfoDiv > label:nth-child(21),#otherInfoDiv > div:nth-child(22)").css('display','block'); $("#otherInfoDiv > label:nth-child(25),#otherInfoDiv > div:nth-child(26),#otherInfoDiv > label:nth-child(29),#otherInfoDiv > div:nth-child(30),#otherInfoDiv > label:nth-child(33),#otherInfoDiv > div:nth-child(34),#otherInfoDiv > label:nth-child(37),#otherInfoDiv > div:nth-child(38),#otherInfoDiv > label:nth-child(41),#otherInfoDiv > div:nth-child(42),#otherInfoDiv > label:nth-child(45),#otherInfoDiv > div:nth-child(46),#otherInfoDiv > label:nth-child(49),#otherInfoDiv > div:nth-child(50),#otherInfoDiv > label:nth-child(53),#otherInfoDiv > div:nth-child(54),#otherInfoDiv > label:nth-child(57),#otherInfoDiv > div:nth-child(58)").css('display','block'); $("#otherInfoDiv > label:nth-child(5),#otherInfoDiv > div:nth-child(6),#otherInfoDiv > label:nth-child(9),#otherInfoDiv > div:nth-child(10),#otherInfoDiv > label:nth-child(13),#otherInfoDiv > div:nth-child(14)").css('display','none'); $("#otherInfoDiv > div:nth-child(6) input[type='text'],#otherInfoDiv > div:nth-child(10) input[type='text'],#otherInfoDiv > div:nth-child(14) input[type='text']").val('-'); $("#otherInfoDiv > div:nth-child(18) input[type='text'] ,#otherInfoDiv > div:nth-child(22) input[type='text']").val(''); $(".textregister").css('display','none'); console.log("เลือกทั่วไป"); } else if (str == "สมัครสมาชิกในนามธุรกิจ"){ console.log("เลือกธุรกิจ"); $("#otherInfoDiv > label:nth-child(25),#otherInfoDiv > div:nth-child(26),#otherInfoDiv > label:nth-child(29),#otherInfoDiv > div:nth-child(30),#otherInfoDiv > label:nth-child(33),#otherInfoDiv > div:nth-child(34),#otherInfoDiv > label:nth-child(37),#otherInfoDiv > div:nth-child(38),#otherInfoDiv > label:nth-child(41),#otherInfoDiv > div:nth-child(42),#otherInfoDiv > label:nth-child(45),#otherInfoDiv > div:nth-child(46),#otherInfoDiv > label:nth-child(49),#otherInfoDiv > div:nth-child(50),#otherInfoDiv > label:nth-child(53),#otherInfoDiv > div:nth-child(54),#otherInfoDiv > label:nth-child(57),#otherInfoDiv > div:nth-child(58)").css('display','block'); $("#otherInfoDiv > label:nth-child(5),#otherInfoDiv > div:nth-child(6),#otherInfoDiv > label:nth-child(9),#otherInfoDiv > div:nth-child(10),#otherInfoDiv > label:nth-child(13),#otherInfoDiv > div:nth-child(14)").css('display','block'); $("#otherInfoDiv > label:nth-child(17),#otherInfoDiv > div:nth-child(18),#otherInfoDiv > label:nth-child(21),#otherInfoDiv > div:nth-child(22)").css('display','none'); $("#otherInfoDiv > div:nth-child(18) input[type='text'] ,#otherInfoDiv > div:nth-child(22) input[type='text']").val('-'); $("#otherInfoDiv > div:nth-child(6) input[type='text'],#otherInfoDiv > div:nth-child(10) input[type='text'],#otherInfoDiv > div:nth-child(14) input[type='text']").val(''); $(".textregister").css('display','block'); } else{ $("#otherInfoDiv > label:nth-child(25),#otherInfoDiv > div:nth-child(26),#otherInfoDiv > label:nth-child(29),#otherInfoDiv > div:nth-child(30),#otherInfoDiv > label:nth-child(33),#otherInfoDiv > div:nth-child(34),#otherInfoDiv > label:nth-child(37),#otherInfoDiv > div:nth-child(38),#otherInfoDiv > label:nth-child(41),#otherInfoDiv > div:nth-child(42),#otherInfoDiv > label:nth-child(45),#otherInfoDiv > div:nth-child(46),#otherInfoDiv > label:nth-child(49),#otherInfoDiv > div:nth-child(50),#otherInfoDiv > label:nth-child(53),#otherInfoDiv > div:nth-child(54),#otherInfoDiv > label:nth-child(57),#otherInfoDiv > div:nth-child(58)").css('display','none'); $("#otherInfoDiv > label:nth-child(5),#otherInfoDiv > div:nth-child(6),#otherInfoDiv > label:nth-child(9),#otherInfoDiv > div:nth-child(10),#otherInfoDiv > label:nth-child(13),#otherInfoDiv > div:nth-child(14)").css('display','none'); $("#otherInfoDiv > label:nth-child(17),#otherInfoDiv > div:nth-child(18),#otherInfoDiv > label:nth-child(21),#otherInfoDiv > div:nth-child(22)").css('display','none'); $(".textregister").css('display','none'); } } }); </script> <style> .textregister { text-align: left; margin-bottom: 45px; } .spacerRegister.col-sm-1 { width: 100%; } </style> <script> /********************** on change quantity to update cart price */ function updateMyCart() { dojo.xhrGet({ url : "myCartModule.jsp?clubId=36804" + '&tids=' + Math.random(), handleAs : "text", handle : function(data, args) { if (typeof data == "error") { } else { dojo.byId("myCartDetail").innerHTML = data; $('#cartView .sectiontableentry3.quantity .cartItemQuantity').change(function() { var updateUrl = $(this).parent().find('.updateCartItemBtn').attr('href'); eval(updateUrl); }); } } }); /********************** END on change quantity to update cart price */ } </script> <script> $(document).ready(function(){ if ( $('body.category-view .searchFilterWrapper').length > 0 ) { $('body.category-view .searchFilterWrapper form').prepend('<input type="hidden" name="redirectTo" value="/userfiles2/skin/preludemusicbook_36804/jsp/product-from-search.jsp">'); } }); </script> <script> $( function() { $( "#memberFormFieldValue1661" ).datepicker({ changeMonth: true, changeYear: true, maxDate: "0Y", minDate: "-100Y", yearRange: "-100:0" }); } ); </script> <style> .ui-datepicker .ui-datepicker-title select { float: left; font-size: 21px; margin: 1px 0; font-family: DBAdmanX; } </style> <script> //* uncheck checkbox register page*// $('body.checkoutPage input#agree').attr('checked',false); </script> <style> /*BUY NOW*/ #buyNowBtn{ display:none !important; } body.owner.scroll31 #ran4u-gototop.active, body.admin.scroll31 #ran4u-gototop.active{ display:none;} .beforeFooter { width: 100%; min-height: 50px; background: #f2f2f2; } .beforeFooter .announceBox{ margin: 0 auto; width:1200px; } @media only screen and (max-width: 992px){ .beforeFooter .announceBox { width:90%; margin: 5% auto; } } </style> <script> //* หน้าค้นหาสินค้า ปรับให้ช่องค้นหามาอยู่แถวเดียวกับ Nav*// $(document).ready(function () { $('div#cafe_search').appendTo('.insertSearch'); }); </script> <script> /**/ $('#InnerContentWrap').after('<div class="beforeFooter"><div class="announceBox"></div></div>'); $('body .beforeFooter .announceBox').load('/viewPage.do?clubId=36804&clubPageMenuId=18698&modelProperty=details'); /*เพิ่มคำอธิบายสงวนสิทสั่งซื้อ ในกรณีที่ปรับราคา*/ $('body.product-view .mid #ownerPost').after('<p class="promo"> * สงวนสิทธิ์ยกเลิกการสั่งซื้อกรณีเกิดข้อผิดพลาดเรื่องการให้ข้อมูลการขายของทางบริษัท</p>') ; /*แก้ไขปุ่ม add to cart,facebook,call ในหน้ารายการสินค้า*/ $('body.product-view .fbBtn .fbShareBtnWrapper a').html('<img src="/userfiles2/directUpload/skin/preludemusicbook_36804/etc/shareFBIcon.png" onmouseover="this.src=\'/userfiles2/directUpload/skin/preludemusicbook_36804/etc/shareFBIcon-hover.png\';" onmouseout="this.src=\'/userfiles2/directUpload/skin/preludemusicbook_36804/etc/shareFBIcon.png\';">'); $('body.product-view .fbBtn #innerTafBtn a.tellFriendBtn').html('<img src="/userfiles2/directUpload/skin/preludemusicbook_36804/etc/shareMailIcon.png" onmouseover="this.src=\'/userfiles2/directUpload/skin/preludemusicbook_36804/etc/shareMailIcon-hover.png\';" onmouseout="this.src=\'/userfiles2/directUpload/skin/preludemusicbook_36804/etc/shareMailIcon.png\';">'); $('body.product-view .fbBtn').after('<a href="tel:02-965-1124"><img class="callNow" src="/userfiles2/directUpload/skin/preludemusicbook_36804/etc/callNowIcon.png" onmouseover="this.src=\'/userfiles2/directUpload/skin/preludemusicbook_36804/etc/callNowIcon-hover.png\';" onmouseout="this.src=\'/userfiles2/directUpload/skin/preludemusicbook_36804/etc/callNowIcon.png\';">'); </script>  <script> $(document).ready(function() { $("#topMenuBar > ul > li > a > span:contains('Music Book')").parents("li:first").addClass("menuProduct"); var divs = $("#topMenuBar .has-sub.menuProduct > ul > li"); for(var i = 0; i < divs.length; i+=3) { divs.slice(i, i+3).wrapAll("<div class='group'></div>"); } }); </script>   <script> $('.mid .searchFilterWrapper').prependTo('.RightClose'); $(document).ready(function(){ if($("body").hasClass( "product-search") || $("body").hasClass("category-view")){ var messages = $('#cafe_search .propertiesFilter'); if (messages.children().length < 1) { /*$('.btndv.submit-wrapper ').html('<p style="font-size: 16px;font-family: thaisans_neue_sembdregular;line-height: 30px;">| All</p>');*/ $('body.category-view .btndv.submit-wrapper').css('display','none'); } } }); </script>   <script> $('#searchInMenuBtn').closest('a').click(function() { $('#openSearch').slideDown( "slow", function() { // Animation complete }); }); function myFunction() { document.getElementById("openSearch").style.display = "none"; } </script>  <script> if($("body").hasClass( "admin") || $("body").hasClass("owner")){ $('body #floatMenu #shopTools #menuShopTools ul').append('<li><img src="images/tool/all-header-tools_04.png"></li><li><a class="manageCustomer" href="/listClubMember.do?clubId=36804">จัดการลูกค้า</li><li><img src="images/tool/all-header-tools_04.png"></li><li><a class="manageCustomer" href="/getPayment.do?clubId=36804">Payment<a></li>'); } </script>  <style> /* 2014-12-03 discount */ a.setDiscountButton { text-decoration: none; } .productViewPage a.setDiscountButton { top: 0; } a.setDiscountButton { position: relative; top: -161px; display: inline-block; background: #000; padding: 5px 15px; color: #fff; font-weight: bold; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #dfdfdf; } a.setDiscountButton:HOVER { background-color: #ff0; color: black; border-color: #666; } .menuToolsEdit a.setDiscountButton { position: static; vertical-align: top; } #shopCategoryViewContent.onecolumnCategoryView a.setDiscountButton { position: static; vertical-align: top; } span.discountOnLoad .discountPrice { text-decoration: line-through; margin-right: 11px; } body .productPrice.hasDiscount { color: #f00; font-size: 25px; } span.discountOnLoad { display: block; clear: both; color: black; } #shopCategoryViewContent.onecolumnCategoryView span.discountOnLoad { display: inline; } body .productPrice.hasDiscount { color: #f00; } .menuTools a.setDiscountButton { padding: 5px 10px; top: 0; } .menuTools a { float: right; } .product3Column .itemEditModeWrapper .menuTools { width: 100%; } form#setDiscountPriceAjaxForm { line-height: 120%; font-size: 1.3em; } body .productPrice.hasDiscount{ color: #f00; font-size: 25px; } </style> <script> $(document).ready(function(){ var productDiscountPrices = ''; function numberWithCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } function refreshPrice(data, textStatus, jqXHR) { if (productIdForProductViewPage != null){ $(data).each(function() { var productDataId = this.product.id; var objPrice = productDiscountPrices.filter(function (price) { return price.id == productDataId; }); objPrice[0].originalPrice = this.product.originalPrice; objPrice[0].price = this.product.price; $pricepanel = $('#pricePanel .price'); $pricepanel.html('<span class="discountOnLoad">ปกติ <u class="discountPrice">' + numberWithCommas(this.product.originalPrice) + ' บาท</u> <b class=" productPrice hasDiscount"> ลดเหลือ ' + numberWithCommas(this.product.price) + ' ฿</b></span>'); }); } else if ($('#shopCategoryViewContent.onecolumnCategoryView').length > 0){ $(data).each(function() { var productDataId = this.product.id; var objPrice = productDiscountPrices.filter(function (price) { return price.id == productDataId; }); objPrice[0].originalPrice = this.product.originalPrice; objPrice[0].price = this.product.price; $('#productItem_' + this.product.id + ' .prod_price_big .price').html('<span class="discountOnLoad">ปกติ <u class="discountPrice">' + numberWithCommas(this.product.originalPrice) + ' บาท </u><b class=" productPrice hasDiscount"> ลดเหลือ ' + numberWithCommas(this.product.price) + ' ฿</b></span>'); }); } else { $(data).each(function() { var productDataId = this.product.id; var objPrice = productDiscountPrices.filter(function (price) { return price.id == productDataId; }); objPrice[0].originalPrice = this.product.originalPrice; objPrice[0].price = this.product.price; $('#productItem_' + this.product.id + ' font.productPrice').html('<span class="discountOnLoad">ปกติ <u class="discountPrice">' + numberWithCommas(this.product.originalPrice) + ' บาท </u> <b class=" productPrice hasDiscount"> ลดเหลือ ' + numberWithCommas(this.product.price) + ' ฿</b></span>'); }); } $("#setDiscountDialog").dialog('close'); } function displayDiscount(data, textStatus, jqXHR) { productDiscountPrices = data; if (productIdForProductViewPage != null){ /* for product view page */ $(data).each(function() { $pricepanel = $('#pricePanel .price'); if (this.originalPrice != null && this.originalPrice != '') { $pricepanel.html('<span class="discountOnLoad">ปกติ <u class="discountPrice">' + numberWithCommas(this.originalPrice) + ' บาท </u><b class=" productPrice hasDiscount"> ลดเหลือ ' + numberWithCommas(this.price) + ' ฿</b></span>'); $pricepanel.addClass('hasDiscount'); } if ($('#containerBodyAll.showTools').length > 0) { settingDiscountForm(this.id); } }); } else if ($('#shopCategoryViewContent.onecolumnCategoryView').length > 0){ /* for category one column view */ $(data).each(function() { if (this.originalPrice != null && this.originalPrice != '') { $('#productItem_' + this.id + ' .prod_price_big .price').html('<span class="discountOnLoad">ปกติ <u class="discountPrice">' + numberWithCommas(this.originalPrice) + ' บาท <u> <b class=" productPrice hasDiscount">ลดเหลือ ' + numberWithCommas(this.price) + ' ฿ </span>'); $('#productItem_' + this.id + ' .prod_price_big .price').addClass('hasDiscount'); } if ($('#containerBodyAll.showTools').length > 0) { settingDiscountForm(this.id); } }); } else { /* for home page and category view */ $(data).each(function() { if (this.originalPrice != null && this.originalPrice != '') { $('#productItem_' + this.id + ' font.productPrice').html('<span class="discountOnLoad">ปกติ <u class="discountPrice">' + numberWithCommas(this.originalPrice) + ' บาท </u> <b class=" productPrice hasDiscount"> ลดเหลือ ' + numberWithCommas(this.price) + ' ฿</b></span>'); $('#productItem_' + this.id + ' font.productPrice').addClass('hasDiscount'); } if ($('#containerBodyAll.showTools').length > 0) { settingDiscountForm(this.id); } }); } /* add set discount dialog */ $('body').append('<div id="setDiscountDialog" title="Set Discount Form">' + '<form id="setDiscountPriceAjaxForm">' + '<p><input id="productIdForSet" type="hidden" name="productId"></p>' + '<p>ราคาก่อนลด<input id="originalPriceForSet" type="text" name="originalPrice"></p>' + '<p>ราคาหลังลด/ราคาปกติ<input id="discountPriceForSet" type="text" name="price"></p>' + '</form></div>'); $( "#setDiscountDialog" ).dialog({ dialogClass: "no-close", autoOpen: false, modal: true, buttons: { 'Cancel': function() { $( this ).dialog( "close" ); }, 'Submit': submitDiscountForm }, close: function() { $('#setDiscountPriceAjaxForm input#originalPriceForSet').val(''); $('#setDiscountPriceAjaxForm input#discountPriceForSet').val(''); } }); $('a.setDiscountButton').click(function() { $("#setDiscountDialog").dialog('open'); var productDataId = $(this).attr('data'); $('#setDiscountPriceAjaxForm input#productIdForSet').val(productDataId); var objPrice = productDiscountPrices.filter(function (price) { return price.id == productDataId; }); $('#setDiscountPriceAjaxForm input#originalPriceForSet').val(objPrice[0].originalPrice); $('#setDiscountPriceAjaxForm input#discountPriceForSet').val(objPrice[0].price); }); } /* submit discount form */ function submitDiscountForm() { $.ajax({ type: "POST", url: 'setDiscountPrice.jsp', data: $('#setDiscountPriceAjaxForm').serialize(), success: refreshPrice, dataType: 'json' }); } function settingDiscountForm(productId) { if (productIdForProductViewPage != null){ $('#btnAdmin').prepend('<a href="#setDiscount" class="setDiscountButton" data="' + productId + '">Set Discount</a>'); } else { $('#productItem_' + productId + ' .center_title_bar .right_inner_ctb').append('<a href="#setDiscount" class="setDiscountButton" data="' + productId + '">Set Discount</a>'); $('#productItem_' + productId + ' .itemEditModeWrapper .menuToolsEdit').prepend('<a href="#setDiscount" class="setDiscountButton" data="' + productId + '">Set Discount</a>'); $('#productItem_' + productId + ' .itemEditModeWrapper .menuTools').append('<a href="#setDiscount" class="setDiscountButton" data="' + productId + '">Set Discount</a>'); } } var idsQuery = ''; /* 1-2-3 column*/ $('div.productItemBody[id^=productItem_]').each(function(){ idsQuery += this.id.replace('productItem_', '') + ','; }); var productIdForProductViewPage = $('.productViewPage #productId').val(); if (productIdForProductViewPage != null){ idsQuery = productIdForProductViewPage; } $.ajax({ type: "POST", url: 'getDiscountPrices.jsp', data: {'productIds': '' + idsQuery}, success: displayDiscount, dataType: 'json' }); }); </script>   <script> var productPriceList = $('.productPrice'); $.each( productPriceList , function( index, elmProductPrice) { $(elmProductPrice).html($(elmProductPrice).html().replace('.00', '')); }); var productPrices = $('.pricePanel .price'); $.each( productPrices , function( index, productPrice) { $(productPrice).html($(productPrice).html().replace('.00', '')); }); var productPrices = $('#pricePanel .price'); $.each( productPrices , function( index, productPrice) { $(productPrice).html($(productPrice).html().replace('.00', '')); }); var productPrices = $('.prod_price_big .price'); $.each( productPrices , function( index, productPrice) { $(productPrice).html($(productPrice).html().replace('.00', '')); }); </script> <script> /* ตะกร้าสินค้า */ $(document).ready(function() { $('#customStickyRight p.cart').append($('#myCartDetail')); }); </script>  <link type="text/css" href="css3-animate-it-master/css/animations.css" rel="stylesheet"> <script type="text/javascript" src="css3-animate-it-master/js/css3-animate-it.js"></script>  <script> $('body.homePage .Clear').remove(); </script> <style> .dijitContentPane{ width: 60%; } </style> <script> /*('body.product-view .product_img_big img').prepend('<img width="385" src="http://www.graphicsfuel.com/wp-content/uploads/2015/10/open-book-mockup1.jpg">')*/ /* $('body.product-view .product_img_big img').attr('src', 'http://www.graphicsfuel.com/wp-content/uploads/2015/10/open-book-mockup1.jpg');*/ /* $('body img').each(function () { var curSrc = $(this).attr('src'); if ( curSrc === 'images/noimage.gif' ) { $(this).attr('src', 'http://www.graphicsfuel.com/wp-content/uploads/2015/10/open-book-mockup1.jpg'); } });*/ </script>  <style> @media only screen and (min-device-width: 993px){ div#target { display:none; } } @media only screen and (max-device-width: 992px){ #contactPart .contactInner .contactLeft h1 { font-size: 30px; letter-spacing:0px; } body #ran4u-gototop { right: -5px; } body #BottomContent { height: auto; background: #76a596; border-radius: 0px; } div#target:hover{ cursor:pointer; } div#target { display: block; padding: 30px 0px; background: #014a81; color: #ffffff; text-align: center; cursor: pointer; /* position: fixed; */ bottom: 0px; width: 100%; z-index: 1; font-size: 30px; font-family: DBAdmanX; } } </style> <script> $('#InnerContentWrap').after('<div id="target"> Desktop Version </div>'); $( "#target" ).toggle( function() { $( this ).addClass( "selected" ); $("section#service-4").addClass("addClassDesktop"); var viewport = $('meta[name="viewport"]'); viewport.attr("content", "width=1200"); $(this).text(function () { return $(this).text().replace("Desktop Version", "Mobile Version"); }); }, function() { $( this ).removeClass( "selected" ); $("section#service-4").removeClass("addClassDesktop"); var viewport = $('meta[name="viewport"]'); viewport.attr("content", "width=device-width, initial-scale=1"); $(this).text(function () { return $(this).text().replace("Mobile Version", "Desktop Version"); }); } ); </script> <style> /**แก้ไขลบ**/ div#ajaxEditDialog { display: none; } /****/ #BottomContent{ width:100%; } section#service-4.addClassDesktop { background: url(/userfiles2/directUpload/skin/bangkoklab_36770/etc/welcome/video/poster.jpg) #fff fixed top center repeat; background-size:100%; padding: 0px 0px 40px 0px; } </style>  <style> /**/ /* แก้ไขเมนูโดนบัง */ div#sidenavEditMenuZoneWrapper { position: relative; } div#sidenavEditMenuZone { position: relative; z-index: 999; } /***************************/ </style>  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <script src="/modules/smoothscroll.js"></script> <style> body.homePage .ContentBox .Body .Middle { background: none; } </style> <script> function divSlide(e){ $('html, body').animate({ scrollTop: $('#service-'+e).offset().top - 80}, 'slow'); } </script> <script src="/modules/parallax.js-1.4.2/parallax.min.js"></script> <script> function toggleMenu(){ var x = document.getElementById("openMenu"); //เช็คปุ่มกดเมนู เรียก id if(x.className==="openMobileMenu"){ //ถ้าปุ่ม มี css openMobileMenu $('#topMenuBar').addClass('setOpenWrapp'); $('#topMenuBar > ul').addClass('setOpen'); // เพิ่มคลาส setOpenที่ #topMenuBar > ul $('#topMenuBar > ul').removeClass("setClose");//ลบคลาส setClose ที่ #topMenuBar > ul $('#openMenu').removeClass("openMobileMenu"); //ลบชื่อคลาสที่ปุ่ม $('#openMenu').addClass('closeMobileMenu');//เพิ่มชื่อ closeMobileMenu คลาสที่ปุ่ม } else if(x.className==="closeMobileMenu"){//หรือถ้าปุ่ม มี css closeMobileMenu $('#topMenuBar').removeClass('setOpenWrapp'); $('#topMenuBar > ul').addClass('setClose'); // เพิ่มคลาส setCloseที่ #topMenuBar > ul $('#topMenuBar > ul').removeClass("setOpen"); //ลบคลาส setOpen ที่ #topMenuBar > ul $('#openMenu').removeClass("closeMobileMenu"); //ลบชื่อคลาส closeMobileMenu ที่ปุ่ม $('#openMenu').addClass('openMobileMenu'); //เพิ่มชื่อ openMobileMenu คลาสที่ปุ่ม } } </script>  <script> $('#searchInMenuBtn').closest('a').click(function() { $('#openSearch').slideDown( "slow", function() { // Animation complete }); }); function myFunction() { document.getElementById("openSearch").style.display = "none"; } </script>   <link type="text/css" href="css3-animate-it-master/css/animations.css" rel="stylesheet"> <script type="text/javascript" src="css3-animate-it-master/js/css3-animate-it.js"></script>   <style> /*************** Fixed Top Menu / Float Top Menu ******************/ @media only screen and (min-width:992px){ body.scrollTop100 .logo2 { display:none; } body.scrollTop100 #topMenuBar { margin-left: auto; margin-top:0px; border-top:none; background:none; } body.scrollTop100 #topMenuBar { display: inline-block; padding-top: 0px; height: 0; /* border: navajowhite; */ } body.scrollTop100 #topMenuBar{ -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: slideInDown; animation-name: slideInDown; transition: all 1s ease-in-out; } body.scrollTop100 #editZone2 { text-align: center; position: fixed; z-index: 100; top: 0; left: 0; width: 100%; background: #f1f1f1; border-bottom: none; height: 80px; /* background: -webkit-linear-gradient(top, rgb(47, 125, 146) 0%,rgb(24, 111, 134) 47%,rgb(0, 72, 95) 100%); */ padding: 0px; background: linear-gradient(to bottom, #f1f1f1 0%,#f1f1f1 50%,#f1f1f1 51%,#e9e9e9 100%); /* box-shadow: 0px 1px 18px rgba(0, 0, 0, 0.18); */ /* background: url(/userfiles2/directUpload/skin/preludemusicbook_36804/etc/topbar2.jpg) no-repeat top center; */ /* background-size: 118% 134%; */ } body.backendShowTools.scrollTop100 #editZone2 { top: 80px; } #editZone2 { /* transition: all 1s;*/ /* effect */ } body.scrollTop100 #topMenuBar > ul{ margin-top:0px; border:none; } body.scrollTop100 .logo2 a img { position: absolute; z-index: 2; top: 9px; left: 37px; width: 80px !important; } body.scrollTop100 #topMenuBar > ul > li > a { color: #084b81; padding: 20px 14px; } body.scrollTop100 #topMenuBar > ul > li:active > a > span{ color:#fff !important;} body.scrollTop100 #topMenuBar > ul > li:active > a , body.scrollTop100 #topMenuBar > ul > li:active > a > span , body.scrollTop100 #topMenuBar > ul > li:hover > a { color:#fff; } } @media only screen and (max-width:992px){ body.scrollTop100 #editZone2{ background: transparent; border-bottom: none; height: 100%; } } /***---แก้แถบเพิ่มเมนูในหน้าล็อกอิน---***/ #sidenavEditMenuZone{top: 106px;z-index: 995;} #sidenavEditMenuZone, #buttonNewMenuGroup{ position:absolute; } </style> <script> /* BEGIN: script fix show/hide */ $('div#containerBodyAll.showTools').parents('body').addClass("backendShowTools"); $('div#containerBodyAll.showTools').parents('body').removeClass("backendHideTools"); function hideShopTools() { dojo.byId('containerBodyAll').className = 'hideTools'; $('body').addClass("backendHideTools"); $('body').removeClass("backendShowTools"); $('#floatMenu').fadeOut('slow', function() {}); scrollBackgroundHeader(); } function showShopTools() { dojo.byId('containerBodyAll').className = 'showTools'; $('#floatMenu').fadeIn('slow', function() {}); $('body').addClass("backendShowTools"); $('body').removeClass("backendHideTools"); scrollBackgroundHeader(); } /* END: script fix show/hide */ /* Begin: Float Menu */ $(window).scroll(scrollBackgroundHeader); function scrollBackgroundHeader() { var scrollTopPostion = $(window).scrollTop(); var backendMode = false; var maxTopPostion = 60; var positionY = 0; if ($("body.backendShowTools").length > 0) { backendMode = true; positionY = 84; /* when backendMode position Y + 84px*/ } else if ($("body.backendHideTools").length > 0) { backendMode = true; positionY = 20; /* when backendMode position Y + 20px*/ } if ( scrollTopPostion >= maxTopPostion) { if ($('body.scrollTop100').length < 1) { $('body').addClass('scrollTop100'); } } else { if ($('body.scrollTop100').length > 0) { $('body').removeClass('scrollTop100'); } } if(scrollTopPostion > 0) { if ($('body.scroll31').length < 1) { $('body').addClass('scroll31'); } } else { if ($('body.scroll31').length > 0) { $('body').removeClass('scroll31'); } } } /** $(window).scroll(function() { if($(window).scrollTop() > 0) { $('body').addClass('scroll31'); } else { $('body').removeClass('scroll31'); } }); **/ /* END: Float Menu */ </script>  <script> var currentUrl = window.location.pathname.replace("/", ""); if (currentUrl == '') { currentUrl = "/"; } $('a[href="' +currentUrl +'"]').addClass('active'); $('a[href="' +currentUrl +'"]').closest('li').addClass('active'); $('a[href="' +currentUrl +'"]').addClass('active').closest('li').parent().closest('li').addClass('active'); /*เพิ่ม id selector */ $('#topMenuBar a[href="' +currentUrl +'"]').addClass('active'); $('#topMenuBar a[href="' +currentUrl +'"]').closest('li').addClass('active'); $('#topMenuBar a[href="' +currentUrl +'"]').addClass('active').closest('li').parent().closest('li').addClass('active'); </script>   <script> $('#Top').click(function(){ $("html, body").animate({ scrollTop: 0 }, 600); return false; }); </script>   <link rel="stylesheet" href="/modules/flexslider2.6.3/flexslider.css" type="text/css" media="screen" /> <script defer src="/modules/flexslider2.6.3/jquery.flexslider-min.js"></script> <style> #ownerPost ol.flex-control-nav, #ownerPost ul.flex-direction-nav { list-style-type:none !important; margin: 0; } #ownerPost .flex-control-nav { bottom: 0px; } #ownerPost .flexslider { background:none !important; border: 0px solid #ffffff !important; } </style> <script src="/js/jquery.lazyload.js"></script> <script> $(function() { $("img.lazy").lazyload(); }); </script> <script> $(window).load(function() { // The slider being synced must be initialized first $('.flexslider.carousel').each(function() { var idOfNav = $(this).attr('id'); var idOfSlide = idOfNav.replace('Nav','Slide'); $('#'+idOfNav).flexslider({ animation: "slide", controlNav: false, animationLoop: false, slideshow: false, itemWidth: 176, itemMargin: 5, asNavFor: '#'+idOfSlide }); $('#'+idOfSlide).flexslider({ animation: "slide", controlNav: false, animationLoop: false, slideshow: false, sync: "#"+idOfNav }); }); }); </script> <script> $(function() { $('.flexslider.theicityHeadingBar').flexslider( { animation: "slide", animationLoop: true, slideshowSpeed: 4000, slideshow: true, itemWidth: 600, itemMargin: 0, minItems: 1, maxItems: 1, prevText: "", nextText: "" } ); }); </script>  <style> @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } </style>  <style> /* Scroll to top */ body.scroll31 #ran4u-gototop.active { display: block; } body.dynamicEditWeb.hasItemList.scroll31 #ran4u-gototop { left: 200px; } #ran4u-gototop:hover { transition: opacity 0.5s; opacity: 1; } #ran4u-gototop { position: fixed; bottom: 13px; cursor: pointer; padding: 5px 10px; color: #a6a6a6; z-index: 10; display: none; right:46px; opacity: 0.7; } #ran4u-gototop { cursor: pointer; color: #a6a6a6; } /* END: Scroll to top */ </style> <script> if ($('#containerBodyAll').hasClass('showTools')) { $('body').addClass('dynamicEditWeb'); } $('body').append('<div id="ran4u-gototop" class="active" onclick="ran4u_gototop();"><img style="width:55px;height:55px;" src="/userfiles2/directUpload/skin/bangkoklab_36770/etc/GoToTop_icon.png" alt=""></div>'); /* $(window).scroll(function() { if($(window).scrollTop() > 0) { $('body').addClass('scroll31'); } else { $('body').removeClass('scroll31'); } }); */ function ran4u_gototop() { $('html,body').animate({ scrollTop: 0 }, 'slow', function (){}); } if (document.getElementById('itemMenuListDiv') != null) { $('body').addClass('hasItemList'); } </script>  <script> $('body.forum-menu-id-74258 #Nav > div.Link > a:nth-child(3)').html('<a href="/a_36770_18005_รางวัลและความสำเร็จ.htm">รางวัลและความสำเร็จ</a>'); $('body.category-view .product3Column a.addToCartButton').html('<h1 class="cart_responsive">Add to cart</h1>'); $('a.addtocart.addToCartButton').html('<img class="addtocart-icon" src="/userfiles2/directUpload/skin/bangkoklab_36770/etc/addtocart-icon.png"><div class="cart_responsive2"><img class="addtocart" src="/userfiles2/directUpload/skin/bangkoklab_36770/etc/addtocart.png"></div>'); </script> <style> .pageViewContent { border-bottom: solid 1px #d6d8d9; } @media only screen and (max-width: 768px){ #pwebbox376_toggler{ display:none; } } </style>   <script> /**Insert link before "table#mytable" **/ $('body.forum-menu-id-74311 table#mytable').before('<a href="#:addQuestion" id="add-question" onclick="document.getElementById(\'addNewForum\').submit()" > + ตั้งกระทู้ใหม่ </a>'); $('body.forum-menu-id-74311 table#mytable').before('<br/>'); /**edit image path for "save" and "cancel" button**/ $('img[src="images/button/btn_th_save.png"]').attr('src', '/userfiles2/directUpload/skin/Chansawangherbs_36760/etc/form-buttom/save.png'); $('img[src="images/button/btn_th_cancel.png"]').attr('src', '/userfiles2/directUpload/skin/Chansawangherbs_36760/etc/form-buttom/cancel.png'); /**Edit upload butoom**/ $('#stylizedAdd img[src="images/button/btn_th_upload_style2.png"]').attr('src', '/userfiles2/directUpload/skin/Chansawangherbs_36760/etc/form-buttom/upload.png'); $('#stylizedAdd form#uploadAttachFileForm img').attr('id', 'uploadimg1'); /**Edit add tag in Forum form**/ $('img[src="images/button/btn_th_add.png"]').attr('src', '/userfiles2/directUpload/skin/Chansawangherbs_36760/etc/form-buttom/Add.png'); $(' #addForum #stylizedAdd #clubForumForm img').attr('id', 'Addbutton'); /**Comment**/ $('form#addComment img[src="images/button/btn_th_addComment.png"]').attr('src', '/userfiles2/directUpload/skin/Chansawangherbs_36760/etc/form-buttom/comment.png'); $('form#addComment img').attr('id', 'commentbutton'); </script> <style> img#commentbutton { width: 110px; } img#uploadimg1 { /* width: 100%; */ margin-top: 5px; } img#Addbutton { width: 92%; margin-top: 3px; } /**/ a#add-question:hover { background: #ffa500; text-decoration: none; } #add-question { /* font-family: DBAdmanX; */ font-family: DBAdmanX; font-size: 23px; background: #83bf2c; padding: 8px 20px; color: #fff; float: right; margin-bottom: 10px; margin-right: 2px; } table#mytable { margin-top: 20px; } body.forum-list.forum-menu-id-74311 .rightDiv { display: none; } /*****/ #stylizedAdd { border:none!important; background: #fff !important; } form#clubForumForm { font-family: DBAdmanX!important; } /* div#stylizedAdd:hover { box-shadow: 0px 0px 15px 1px rgba(61,61,61,0.23)!important; border: 2px solid #a9d4f9!important; }*/ div#stylizedAdd{padding:20px 50px} .contentBox { border: -1px solid #93cbd5; } #stylizedAdd form#clubForumForm h1 { font-size: 40px; font-weight: bold; color: #0873ba; } #stylizedAdd form#clubForumForm p { font-size: 20px; color: #666666; margin-bottom: 20px; border-bottom: solid 1px #b7ddf2; padding-bottom: 10px; } #stylizedAdd label { width: 150px; font-size: 16px; font-family: thaisans_neue_sembdregular; width: 240px; } #stylizedAdd .small { color: #666666; display: block; font-size: 15px!important; font-weight: normal; text-align: right; /* margin-top: -13px!important; */ width: 240px; line-height: initial; } #stylizedAdd form#clubForumForm h1 { font-size: 23px; font-weight: bold; color: #0873ba; font-family: thaisans_neue_sembdregular; } #stylizedAdd form#clubForumForm p{ font-size: 15px; font-family: thaisans_neue_sembdregular; } #stylizedAdd form#clubForumForm input { float: left; font-size: 17px; padding: 4px 2px; border: solid 2px #aacfe4; width: 400px; margin: 7px 0 20px 10px!important; background: #fff; color: #000; height: 25px; border-radius: 0!important; font-family: DBAdmanX; } input#isRequireEmail,input#isRequirePhone { width: 20px!important; } #stylizedAdd form#clubForumForm .style2 { float: left; font-size: 12px; padding: 4px 2px; border: solid 2px #aacfe4; width: 306px!important; margin: 2px 0 20px 10px; } #stylizedAdd .style2 { float: left; font-size: 18px; padding: 4px 2px; width:307px; border: solid 2px #aacfe4!important; margin: 9px 0 20px 10px!important; font-family: DBAdmanX; } #addForum div.btn_pd { margin-right: 260px!important; } /*หน้ารายละเอียดกระทู้**/ #forumView div#WebBoardView .myform { width: 97%!important; padding: 5px; } #forumView #WebBoardView #stylized { border: 0!important; background:none!important; font-family: thaisans_neue_sembdregular; } #forumView .boardContainer { margin: 16px 132px; /* border: 1px solid #cacbcb; */ /* background: #f0f9ff; border: 1px solid #d9d9d9;*/ } #forumView #WebBoardView #stylized h1 { font-size: 18px; font-weight: normal; margin-bottom: 0px; color: #0873ba; word-break: break-all; white-space: normal; line-height: initial; } #forumView #WebBoardView #stylized p { font-size: 16px!important; font-weight: initial; font-family: thaisans_neue_sembdregular; color: #000000; } #forumView #WebBoardView #stylized label { display: block; font-weight: normal; text-align: right; width: 160px; float: left; font-size: 16px; line-height: initial; font-family: thaisans_neue_sembdregular; color: #000000; } #forumView #WebBoardView #stylized .small { font-size: 16px; /* margin-top: -16px; */ width: 160px; font-family: thaisans_neueregular; color: #000; font-family: thaisans_neue_sembdregular; color: #000000; } td.forumTableContainer #ownerPost,td.forumTableContainer #ownerPost h1, td.forumTableContainer #ownerPost h2,td.forumTableContainer #ownerPost h3, td.forumTableContainer #ownerPost h4, td.forumTableContainer #ownerPost p, td.forumTableContainer #ownerPost span, td.forumTableContainer #ownerPost a{ font-family: thaisans_neue_sembdregular !important; font-size: initial; } #stylized .displayDetail { float: left; font-size: 25px; padding: 0px 2px; width: 344px; margin: 0px 0 20px 28px; border-bottom: solid 1px #aacfe4; color: #232323; word-break: break-all; white-space: normal; font-family: thaisans_neue_sembdregular; color: #000000; font-size: 18px; font-weight: normal; } .displayDetail a { color: #0873ba; font-weight: initial; } #stylized{border:none!important;} /*div.btn_pd { border-top: 8px solid #eeeeee; margin-top: 20px; }*/ form#addComment { width: 666px; margin: 0 auto; } #forumView #WebBoardView input[type="text"], #forumView #WebBoardView input[type="email"] { background: #ffffff!important; border-radius: 0px!important; border: 2px solid #bbbbbb!important; color: #aba2a2; padding: 4px 20px; /* width: 100%; */ font-size: 18px; height: 21px; margin-top: 12px!important; } #forumView #WebBoardView div#ownerPost { width: 100%; font-family: DBAdmanXLi; font-size: 24px; } #forumView .mid{/*box-shadow: 0px 0px 15px 1px rgba(61,61,61,0.23)!important;*/ border:none;} /* #forumView .mid:hover{box-shadow: 0px 0px 15px 1px rgba(61,61,61,0.23)!important;border: 2px solid #a9d4f9!important;}*/ video::-webkit-media-controls { display:none !important; } div#forumGeneralCommentListWrapper div { border-bottom: 1px solid #e8eced!important; } #stylized p { border-bottom: solid 1px #e8eced!important; } /**/ body.forum-view #ContentWrap #InnerContentWrap{ width: 100%; margin:0 auto; } body.forum-view .ContentBox .Body .Top,body.forum-view .ContentBox .Body .Middle,body.forum-view .ContentBox .Body .Bottom { /*background: rgba(255, 255, 255, 0.98);*/ background:none; } body.forum-view #LeftColumn{ display:none } body.forum-menu-id-74311 table#mytable { width: 100%!important; } body.forum-menu-id-74311 div.conbg table#mytable tbody tr th.head { font-size: 23px!important; font-family: DBAdmanX!important; color: #fff!important; font-weight: normal!important; background: #0c4d92!important; } body.forum-menu-id-74311 #forumList table#mytable th { padding: 10px 6px 10px 12px; border-bottom: 2px solid #90b0cf!important; background: #eee; border-right: 2px solid #fff!important; } body.forum-menu-id-74311 div.conbg table#mytable td { font-family:DBAdmanX!important; border-right: 2px solid #e3f1fe; border-bottom: 2px solid #90b0cf; padding: 6px 6px 6px 12px; text-align: center; font-size: 20px; /*background: #eee;*/ } body.forum-menu-id-74311 div.conbg table#mytable tr:nth-child(2n){ background: #eeeeee;} #forumList #mytable th.specodd, #mytable tr.odd { background: #dde7ee!important; } body.forum-menu-id-74311 div.conbg table#mytable th a, table#mytable td a, table#mytable td{ font-size: 15px; font-family: thaisans_neueregular; font-weight: normal; } @media only screen and (max-width: 768px){ #cafesec2{width:100%!important;} #cafeType .top { width: 100%!important; height: 10px; } body.forum-menu-id-74311 div.conbg table#mytable tbody tr th.head { font-size: 18px!important; } #ownerPost { overflow: scroll; } #WebBoardView .listtype{margin-left: 0px;} } /***/ @media only screen and (max-width: 768px) { #stylizedAdd #clubForumForm table tbody tr#xToolbarRow td#xToolbarSpace { overflow: scroll!important; } #addForum .mid { background-color: #fff; width: 100%; } div#stylizedAdd { padding:0; } .myform { width:100%!important; padding:0; } #stylizedAdd form#clubForumForm input{padding:4px 0px!important;} #stylizedAdd form#clubForumForm input,input#email { width: 50%; margin:0px!important; } #stylizedAdd .fileBox { margin-top: 15px; padding: 0 20px; } #stylizedAdd .style2{ width:100%; margin:0!important; } #stylizedAdd form#clubForumForm .style2{width: 100%!important;} #stylizedAdd label { width: 100%!important; } #stylizedAdd label { display: block; font-weight: bold; text-align:left; width: 100%; float: left; margin: 13px 0px; } #stylizedAdd .small { color: #666666; display: block; font-size: 18px!important; font-weight: normal; text-align: left; /* margin-top: -13px!important; */ float: right; width: 100%; } div#stylizedAdd:hover { box-shadow:none!important; border:0!important; } #addForum .bot,#addForum .top { width:100%!important; height: 10px; } iframe#detail___Frame{width:100%!important;} #addForum div.btn_pd {margin-right: 0px!important; } form#clubForumForm { padding: 0px 20px; } form#uploadAttachFileForm { padding: 0px 20px; } body.forum-view #forumView .boardContainer { background: #fbfbfb; margin: 16px 5px; } #forumView #WebBoardView div#ownerPost{ word-break: break-all; white-space: normal; } body.forum-view #forumView #WebBoardView input[type="text"], body.forum-view #forumView #WebBoardView input[type="email"] { padding: 0px; width: 100%!important; } #forumView div#WebBoardView .myform { width: 90%!important; padding: 5px; } }/**responsive**/ </style>   <script> function toggle(element) { var currentP = $(element).find('ul.listSubMenu'); $('#feature-box-right a').each(function(key, e) { var otherP = $(e).find('ul.listSubMenu'); if ($(element).html() != $(e).html()) { if (!otherP.hasClass('show')) { currentP.removeClass('show'); otherP.addClass('hidden'); } } }); if (currentP.hasClass('hidden')) { currentP.removeClass('hidden'); } else { currentP.addClass('hidden'); } } $(document).ready(function(){ var n = $(window).width(); if (n < 992) {//ถ้าหน้าจอกว้างน้อยกว่า desktop $('body #topMenuBar .linkTopicInside').closest("ul").addClass("listSubMenu hidden");// เพิ่ม class ที่ ul เมนูย่อย $('body #topMenuBar .linkTopicWrap').closest("li").addClass("clickToggle"); //เพิ่ม class ที่ a เมนูหลัก $('body #topMenuBar .linkTopicWrap').closest("a").attr("href","#"); $("body #topMenuBar .linkTopicWrap").contents().unwrap(); $('.clickToggle').attr("onClick","toggle(this)"); $('.clickToggle').attr("href","javascript:;");//ลบ link เมนูหลักออก } else if (n >= 992){ //หน้าจอกว้างกว่า tablet ให้ลบเมนูแสดงสินค้ารวม $("body #topMenuBar .linkTopicInside").closest("a").hide(); } }); /***/ $("td#xToolbarSpace").removeAttr("style"); </script> <style> @media screen and (max-width: 992px){ html body #topMenuBar ul.listSubMenu.show { display:block; } html body #topMenuBar ul.listSubMenu.hidden { display:none; } } </style> <script> $('body.product-view #ownerPost').after('<div class="moreDetailsNew"></div>'); var encoded = $('input[name="returnUrl"]').val(); $('body.product-view .moreDetailsNew').load(decodeURIComponent(encoded.replace(/\+/g, " "))+'&redirectTo=/userfiles2/skin/preludemusicbook_36804/jsp/product-properties.jsp'); /*-----เพิ่ม Div ระหว่างกล่องรูป กับกล่อง addtocart ในหน้ารายละเอียดสินค้า product-view -------*/ $('body.product-view .details_big_box').after('<div class="moreProperties"></div>'); var encoded = $('input[name="returnUrl"]').val(); if( !$("body").hasClass( "category-id-172957")){ $('body.product-view .moreProperties').load(decodeURIComponent(encoded.replace(/\+/g, " "))+'&redirectTo=/userfiles2/skin/preludemusicbook_36804/jsp/product-properties2.jsp'); $('body.product-view #pricePanel').load(decodeURIComponent(encoded.replace(/\+/g, " "))+'&redirectTo=/userfiles2/skin/preludemusicbook_36804/jsp/PriceBox.jsp'); } else if ($("body").hasClass( "category-id-172957")){ $('body.product-view .moreProperties').load(decodeURIComponent(encoded.replace(/\+/g, " "))+'&redirectTo=/userfiles2/skin/preludemusicbook_36804/jsp/seminar-properties2.jsp'); } /*-----เพิ่ม Div ระหว่างกล่องรูป กับกล่อง addtocart ในหน้ารายละเอียดสินค้า product-view -------*/ /*************************** START โค๊ดใส่ปุ่ม out of stock*****************************/ $('#detailLoading2').addClass('wrapBoxProductDetail'); $('body.product-view .prod_price_big').addClass('wrapBoxProductDetail'); $('body.product-view .btnOption').addClass('wrapBoxProductDetail'); $( ".wrapBoxProductDetail" ).wrapAll( "<div class='BoxProductDetailPrice' />"); var checkStatusStock= $('li.formElement7229 span.propertyValue').text();//statusหน้าสินค้า var checkStatusStock2= $('li.formElement6849 span.propertyValue').text();//statusหน้าอบรม var checkStatusStockSemi= $('#pricePanel > span').text(); if( !$("body").hasClass( "category-id-172957")){ if(checkStatusStock.length == 0 ){ $('body.product-view li.formElement7229 span').css('color','green'); $('body.product-view li.formElement7229 span.propertyValue').html('<img src="/userfiles2/directUpload/skin/preludemusicbook_36804/etc/tick.svg" alt="In Stock" title="In Stock" width="15" height="15" class="align-right">') } else if(checkStatusStock.length > 0){ if(checkStatusStock == "Out of Stock"){ $('span#addToCartBtn').css('display','none'); $('.btnOption.wrapBoxProductDetail').prepend('<img style="float:left;" src="/userfiles2/directUpload/skin/preludemusicbook_36804/etc/addToCartNone.png">'); } else if(checkStatusStock == "In Stock"){ if(checkStatusStockSemi == 'ไม่ระบุราคา'){ $('span#addToCartBtn').css('display','none'); $('.btnOption.wrapBoxProductDetail').prepend('<img style="float:left;" src="/userfiles2/directUpload/skin/preludemusicbook_36804/etc/addToCartNonePrice.png">'); } else { $('body.product-view li.formElement7229 span').css('color','green'); $('body.product-view li.formElement7229 span.propertyValue').html('<img src="/userfiles2/directUpload/skin/preludemusicbook_36804/etc/tick.svg" alt="In Stock" title="In Stock" width="15" height="15" class="align-right">') } } } } else if($("body").hasClass( "category-id-172957")){ //172957 หน้าอบรม if(checkStatusStock2.length == 0 ){ $('body.product-view li.formElement6849 span').css('color','green'); $('body.product-view li.formElement6849 span.propertyValue').html('<img src="/userfiles2/directUpload/skin/preludemusicbook_36804/etc/tick.svg" alt="In Stock" title="In Stock" width="15" height="15" class="align-right">') } else if(checkStatusStock2.length > 0){ if(checkStatusStock2 == "Out of Stock"){ $('body.product-view li.formElement6849').css('color','red'); $('span#addToCartBtn').css('display','none'); $('.btnOption.wrapBoxProductDetail').prepend('<img style="float:left;" src="/userfiles2/directUpload/skin/preludemusicbook_36804/etc/addToCartNone.png">'); } else if(checkStatusStock2 == "In Stock"){ if(checkStatusStockSemi == 'ไม่ระบุราคา'){ $('span#addToCartBtn').css('display','none'); $('.btnOption.wrapBoxProductDetail').prepend('<img style="float:left;" src="/userfiles2/directUpload/skin/preludemusicbook_36804/etc/addToCartNonePrice.png">'); } else { $('body.product-view li.formElement6849 span').css('color','green'); $('body.product-view li.formElement6849 span.propertyValue').html('<img src="/userfiles2/directUpload/skin/preludemusicbook_36804/etc/tick.svg" alt="In Stock" title="In Stock" width="15" height="15" class="align-right">') } } } } /************************* END ****************************/ </script> <script> /***-----------START หน้าสมัครสมาชิก-----------***/ $('#otherInfoDiv .wrapper').addClass('col-sm-6') $('#otherInfoDiv label').addClass('col-sm-5') $('.spacerRegister').after('<div class="clear"></div>'); $('.spacerRegister').addClass('col-sm-1'); </script> <style> /*---------Start Log In--------------*/ #myCartDetail span.cartEmpty {display: none;} #myCartDetail { margin: 0; float: left; margin-right: 8px; margin-top: 2px; } .itemsInCartSeperator ,.productsInCart ,.itemsLabel ,.totalPriceInCart ,.excludeShippingMsg {display: none;} /* Loign */ .ui-widget-header { border: none; background: #fff; text-align: center; font-family: 'fenixregular'; font-size: 22px; letter-spacing: 1px; } .ui-dialog .ui-dialog-title { margin: 0 auto; float: none; text-align: center; } .ui-dialog .ui-dialog-titlebar {padding: 10px 0; background: #eaeaea; border-bottom: 1px solid #eaeaea; border-radius: 0px;} #stylizedLogin .headerSingnInForm {display: none;} p.forgotpassAndSignupWrapper {text-align: center;} .ui-dialog .ui-dialog-content {padding: 8px;overflow: visible;} .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable { width: 413px !important; min-height: 325px !important; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); } .myformLogin {padding: 0px;width: 387px;} #stylizedLogin {border: none;background: none;} #stylizedLogin input { width: 100%; padding: 3px 8px; margin: 10px 0; height: 58px; border: 1px solid #dcdcdc; } #userLoginFormBody .button img {display: none;} #userLoginFormBody .button a { float: left; background: white url(/userfiles2/directUpload/skin/preludemusicbook_36804/etc/btn_Login.png); width: 387px; height: 58px; /* background: white; */ } #stylizedLogin label {display: none;} #stylizedLogin p { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } .ui-dialog .ui-dialog-title { margin: 0 auto; float: none; text-align: center; font-family: DBAdmanX; font-weight: normal; font-size: 34px; } /*-----END Log In----*/ </style> <script> /* Loign */ $('input#username').attr('placeholder', 'ID'); $('input#password').attr('placeholder', 'PASSWORD'); /*-----END Log In----*/ </script>  <script type="text/javascript" src="/userfiles2/directUpload/skin/preludemusicbook_36804/js/slider-product.js"></script>  <script> if($("body").hasClass("category-view")){ if(!$("body").hasClass( "category-id-172957")){ //**add slide product in each category**// $('body.category-view #Nav').after('<div id="highlightSlider" class="clearDiv"></div>'); $(document).ready(function(){ var encoded = $('input[name="returnUrl"]').val(); var sttr = $('body').attr("class"); var sttr2 = sttr.match(/category-id-[\w-]*/g); if ( sttr2.length > 0 ){ var sttr3 = sttr2[0].replace("category-id-", ""); } $('#highlightSlider').load('/productFilter.jsp?clubId=36804&categoryId='+sttr3+'&properties=7309&propertyValue_7309=yes&onlyData=true&redirectTo=/userfiles2/skin/preludemusicbook_36804/jsp/slider-highlight-product.jsp', function() { $(document).ready(function(){ $(".variable").slick({ dots: true, infinite: true, slidesToShow: 4, variableWidth: true, slidesToScroll: 1 }); }); }); }); } } /*-----product List---*/ if(!$("body").hasClass( "hasSubCategories") && $("body").hasClass("category-view")){ if($("body").hasClass( "category-id-172957")){ $('body.category-view .productListContainer').after('<div id="myProducttest"></div>'); $(function() {var encoded = $('input[name="returnUrl"]').val();$('#myProducttest').load(decodeURIComponent(encoded.replace(/\+/g, " "))+'&redirectTo=/userfiles2/skin/preludemusicbook_36804/jsp/seminar.jsp');}); } else{ $('body.category-view .productListContainer').after('<div id="myProducttest"></div>'); $(function() {var encoded = $('input[name="returnUrl"]').val();$('#myProducttest').load(decodeURIComponent(encoded.replace(/\+/g, " "))+'&redirectTo=/userfiles2/skin/preludemusicbook_36804/jsp/product-homepage.jsp');}); } } else if($("body").hasClass( "hasSubCategories") && $("body").hasClass("category-view")){ if(!$("body").hasClass( "category-id-172957")){ $('body.category-view .productListContainer').after('<div id="myProducttest"></div>'); $(function() {var encoded = $('input[name="returnUrl"]').val();$('#myProducttest').load(decodeURIComponent(encoded.replace(/\+/g, " "))+'&forwardTo=/userfiles2/skin/preludemusicbook_36804/jsp/product-homepage.jsp');}); } } /*---END--product List---*/ </script> <script> $(document).ready(function() { RESPONSIVEUI.responsiveTabs(); }); /* ---------------- ResponsiveTabs.js Author: Pete Love | www.petelove.com Version: 1.5 ------------------- */ var RESPONSIVEUI = {}; RESPONSIVEUI.responsiveTabs = function () { if (!$('.tabs').hasClass('enabled')) { // if we haven't already enabled tabs $('.tabs').addClass('enabled'); // used to style tabs if JS is present //loop through all sets of tabs on the page var tablistcount = 1; $('.tabs').each(function() { var $tabs = $(this); // add tab heading and tab panel classes $tabs.children('h1,h2,h3,h4,h5,h6').addClass('tab-heading'); $tabs.children('div').addClass('tab-panel'); // determine if markup already identifies the active tab panel for this set of tabs // if not then set first heading and tab to be the active one var $activePanel = $tabs.find('.active-panel'); if(!$activePanel.length) { var $activePanel = $tabs.find('.tab-panel').first().addClass('active-panel'); } $tabs.find('.tab-panel').not('.active-panel').hide().attr('aria-hidden','true'); //hide all except active panel $activePanel.attr('aria-hidden', 'false'); /* make active tab panel hidden for mobile */ $activePanel.addClass('hidden-mobile'); // wrap tabs in container - to be dynamically resized to help prevent page jump var $tabsWrapper = $('<div/>', { class: 'tabs-wrapper' }); $tabs.wrap($tabsWrapper); var highestHeight = 0; // determine height of tallest tab panel. Used later to prevent page jump when tabs are clicked $tabs.find('.tab-panel').each(function() { var tabHeight = $(this).height(); if (tabHeight > highestHeight) { highestHeight = tabHeight; } }) //create the tab list var $tabList = $('<ul/>', { class: 'tab-list', 'role': 'tablist' }); //loop through each heading in set var tabcount = 1; $tabs.find('.tab-heading').each(function() { var $tabHeading = $(this); var $tabPanel = $(this).next(); $tabHeading.attr('tabindex', 0); // CREATE TAB ITEMS (VISIBLE ON DESKTOP) //create tab list item from heading //associate tab list item with tab panel var $tabListItem = $('<li/>', { class: 'tab', id: 'tablist' + tablistcount + '-tab' + tabcount, 'aria-controls': 'tablist' + tablistcount +'-panel' + tabcount, 'role': 'tab', tabindex: 0, text: $tabHeading.text(), keydown: function (objEvent) { if (objEvent.keyCode == 13) { // if user presses 'enter' $tabListItem.click(); } }, click: function() { //Show associated panel //set height of tab container to highest panel height to avoid page jump $tabsWrapper.css('height', highestHeight); // remove hidden mobile class from any other panel as we'll want that panel to be open at mobile size $tabs.find('.hidden-mobile').removeClass('hidden-mobile'); // close current panel and remove active state from its (hidden on desktop) heading $tabs.find('.active-panel').toggle().removeClass('active-panel').attr('aria-hidden','true').prev().removeClass('active-tab-heading'); //make this tab panel active $tabPanel.toggle().addClass('active-panel').attr('aria-hidden','false'); //make the hidden heading active $tabHeading.addClass('active-tab-heading'); //remove active state from currently active tab list item $tabList.find('.active-tab').removeClass('active-tab'); //make this tab active $tabListItem.addClass('active-tab'); //reset height of tab panels to auto $tabsWrapper.css('height', 'auto'); } }); //associate tab panel with tab list item $tabPanel.attr({ 'role': 'tabpanel', 'aria-labelledby': $tabListItem.attr('id'), id: 'tablist' + tablistcount + '-panel' + tabcount }); // if this is the active panel then make it the active tab item if($tabPanel.hasClass('active-panel')) { $tabListItem.addClass('active-tab'); } // add tab item $tabList.append($tabListItem); // TAB HEADINGS (VISIBLE ON MOBILE) // if user presses 'enter' on tab heading trigger the click event $tabHeading.keydown(function(objEvent) { if (objEvent.keyCode == 13) { $tabHeading.click(); } }) //toggle tab panel if click heading (on mobile) $tabHeading.click(function() { // remove any hidden mobile class $tabs.find('.hidden-mobile').removeClass('hidden-mobile'); // if this isn't currently active if (!$tabHeading.hasClass('active-tab-heading')){ //get position of active heading if($('.active-tab-heading').length) { var oldActivePos = $('.active-tab-heading').offset().top; } // close currently active panel and remove active state from any hidden heading $tabs.find('.active-panel').slideToggle().removeClass('active-panel').prev().removeClass('active-tab-heading'); //close all tabs $tabs.find('.tab-panel').hide().attr('aria-hidden','true'); //open this panel $tabPanel.slideToggle().addClass('active-panel').attr('aria-hidden','false'); // make this heading active $tabHeading.addClass('active-tab-heading'); var $currentActive = $tabs.find('.active-tab'); //set the active tab list item (for desktop) $currentActive.removeClass('active-tab'); var panelId = $tabPanel.attr('id'); var tabId = panelId.replace('panel','tab'); $('#' + tabId).addClass('active-tab'); //scroll to active heading only if it is below previous one var tabsPos = $('.tabs').offset().top; var newActivePos = $('.active-tab-heading').offset().top; if(oldActivePos < newActivePos) { $('html, body').animate({ scrollTop: tabsPos }, 0).animate({ scrollTop: newActivePos }, 400); } } // if this tab panel is already active else { // hide panel but give it special hidden-mobile class so that it can be visible at desktop size $tabPanel.removeClass('active-panel').slideToggle(function () { $(this).addClass('hidden-mobile') }); //remove active heading class $tabHeading.removeClass('active-tab-heading'); //don't alter classes on tabs as we want it active if put back to desktop size } }) tabcount ++; }) // add finished tab list to its container $tabs.prepend($tabList); // next set of tabs on page tablistcount ++; }) } } </script> <style> #ownerPost .beforeFooter .announceBox p, body .beforeFooter .announceBox p, body .beforeFooter .announceBox span, body .beforeFooter .announceBox { font-family: thaisans_neue_sembdregular !important; font-size:initial; } body .beforeFooter .announceBox { padding-top:15px;} /**ปุ่ม หน้าล็อกอิน**/ #itemMenuListDiv{ z-index: 999; display:none; } </style>  <script> /* When the user clicks on the button, toggle between hiding and showing the dropdown content */ function openDropdown() { document.getElementById("myDropdown").classList.toggle("show"); } // Close the dropdown if the user clicks outside of it window.onclick = function(event) { if (!event.target.matches('.dropbtn')) { var dropdowns = document.getElementsByClassName("dropdown-content"); var i; for (i = 0; i < dropdowns.length; i++) { var openDropdown = dropdowns[i]; if (openDropdown.classList.contains('show')) { openDropdown.classList.remove('show'); } } } } </script>  <script> /********************** on change quantity to update cart price */ function updateMyCart() { dojo.xhrGet({ url : "myCartModule.jsp?clubId=36770" + '&tids=' + Math.random(), handleAs : "text", handle : function(data, args) { if (typeof data == "error") { } else { dojo.byId("myCartDetail").innerHTML = data; $('#cartView .sectiontableentry3.quantity .cartItemQuantity').change(function() { var updateUrl = $(this).parent().find('.updateCartItemBtn').attr('href'); eval(updateUrl); }); } } }); /********************** END on change quantity to update cart price */ } </script>  <script> $("#step-3 #payWithPaypalWrapper > label").replaceWith("เครดิต/เดบิตVISA Card / Master card / Paypal<img src='/userfiles2/directUpload/skin/bangkoklab_36770/etc/paypal.png'/>"); </script> <style> p#payWithPaypalWrapper { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } </style>  <script> window.fbAsyncInit = function() { FB.init({ appId : '236592580189256', cookie : true, // enable cookies to allow the server to access // the session xfbml : true, // parse social plugins on this page version : 'v2.7' // use graph api version 2.5 }); // Now that we've initialized the JavaScript SDK, we call // FB.getLoginStatus(). This function gets the state of the // person visiting this page and can return one of three states to // the callback you provide. They can be: // // 1. Logged into your app ('connected') // 2. Logged into Facebook, but not your app ('not_authorized') // 3. Not logged into Facebook and can't tell if they are logged into // your app or not. // // These three cases are handled in the callback function. }; // Load the SDK asynchronously (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <script> $("#ajaxLoginJQuryDialog").append("<div class='facebooklogin'></div>"); $('.facebooklogin').load('/a_36804_19178_facebook-login.htm?modelProperty=details'); $("#password").after("<div class='forgotid'></div>"); $(".forgotpassAndSignupWrapper").prependTo(".forgotid"); </script> <style> .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable{ height:388px !important; } .forgotid { margin-bottom: 10px; } </style> <script> $('#termOfUseBox iframe').attr("src","/userfiles2/skin/preludemusicbook_36804/termsOfUser2.html"); </script> <style> /***ซ่อนฟุตเตอร์***/ #copyright > div:nth-child(2) { display: none; } </style> <style> body.shopMenu-id-168206 .myProduct .catalog-Img { text-align: center; } body.shopMenu-id-168206 .myProduct .catalog-Img img { margin-left: auto; margin-right: auto; margin: auto; display: inline-block; } </style> <style type="text/css"> #thisClubId { float: right; } </style> <script> if ( $('#containerBodyAll').length <= 0 ) { function hideShopTools() { dojo.byId('ContentWrap').className = 'hideTools'; $('body').addClass("backendHideTools"); $('body').removeClass("backendShowTools"); $('#floatMenu').fadeOut('slow', function() {}); } function showShopTools() { dojo.byId('ContentWrap').className = 'showTools'; $('#floatMenu').fadeIn('slow', function() {}); $('body').addClass("backendShowTools"); $('body').removeClass("backendHideTools"); } } </script> <style> /* #ContentWrap.hideTools { padding-top: 15px; } #ContentWrap.showTools { padding-top: 85px; } */ </style> <link rel="stylesheet" href="/css/login/login.css" type="text/css" /> <script type="text/javascript"> $(document).ready(function() { $("#copyright").append('<div id="thisClubId">Shop ID: 36804</div>'); } ); </script> <script src='https://www.google.com/recaptcha/api.js'></script> <script type="text/javascript"> function sendParamToTellAfriendsDialog(pid){ dojo.xhrPost({ url: 'showDialogTellAFriends.jsp?productId='+pid+'&subProductId=0' + '&tids=' + Math.random(), handleAs: 'text', handle: function(data,args){ if(typeof data == 'error'){ console.warn('error!',args); }else{ showTellAFriendsDialog(data); } } }); } function sendParam2ToTellAfriendsDialog(pid,sid){ dojo.xhrPost({ url: 'showDialogTellAFriends.jsp?productId='+pid+'&subProductId='+sid + '&tids=' + Math.random(), handleAs: 'text', handle: function(data,args){ if(typeof data == 'error'){ console.warn('error!',args); }else{ showTellAFriendsDialog(data); } } }); } function showTellAFriendsDialog(data){ dojo.byId("ajaxTellAFriendsDiv").innerHTML = data; grecaptcha.render( "captcha", {"sitekey": "6Lf-vDkUAAAAAKnQPZ0OHWVVAn-ZkT8WnJ9R8ZkB", "theme": "light"} ) dijit.byId('ajaxTellAFriendsDialog').show(); } </script> <style> #signupPlanWrapper { display: none; } #policyFloatText { font-size: 16px; font-family: 'DBAdmanX'; background-color: rgba(244,244,244,0.97); border-top: solid 1px #dcdcdc; padding: 15px; position: fixed; bottom: 0; width: 100%; color: #888; z-index: 99999; } #policyFloatTextContainer { max-width: 960px; padding: 16px 5px; font-size: 20px; text-align: center; margin: 0 auto; font-family: 'DBAdmanX'; } .pdpaPolicyButton { font-weight: 700; display: inline-block; border: 1px solid #dcdcdc; border-radius: 20px; background: transparent; color: #fff; height: 30px; line-height: 29px; min-width: 75px; float: right; padding: 0 5px; margin: 0 2px 3px 2px; cursor: pointer; text-align: center; -webkit-appearance: none; background: #449aff; border: 1px solid #449aff; font-size: 18px; font-family: 'DBAdmanX'; } </style> <script type="text/javascript" src="/modules/pdpa/js/pdpa.jsp?clubId=36804"> </script></div> </div> </div> </div> <div id="footerShop"> <div id="contentFooter"> <div id="bodyFooter"> <ul id="allSiteLink"> <li class="topLevelLink has-sub"><a href="#">เมนูหลัก</a> <ul> <li><a class="homeLink" href="/" title="หน้าหลัก" ><span>หน้าหลัก</span></a></li> <li><a class="paymentLink" href="viewPayment.do?clubId=36804" title="วิธีการชำระเงิน" ><span>วิธีการชำระเงิน</span></a></li> <li><a class="aboutusLink" href="viewAboutUs.do?clubId=36804" title="เกี่ยวกับเรา" ><span>เกี่ยวกับเรา</span></a></li> <li><a class="contactusLink" href="viewContactUs.do?clubId=36804" title="ติดต่อเรา" ><span>ติดต่อเรา</span></a></li> </ul> </li> <li class="has-sub folderNav"><a href="#"><span>ซ่อน</span></a> <ul> <li class="pageNav"><a href="a_36804_19178_facebook-login.htm" title="facebook login"><span>facebook login</span></a></li> <li class="shopMenuNav shopMenuNavId168778"><a href="sm_36804_168778_%E0%B8%AA%E0%B8%B4%E0%B8%99%E0%B8%84%E0%B9%89%E0%B9%88%E0%B8%B2%E0%B9%82%E0%B8%9B%E0%B8%A3%E0%B9%82%E0%B8%A1%E0%B8%8A%E0%B8%B1%E0%B9%88%E0%B8%99.htm" title="สินค้่าโปรโมชั่น"><span>สินค้่าโปรโมชั่น</span></a></li> <li class="forumNav"><a href="w_36804_74406_%E0%B9%81%E0%B8%81%E0%B9%89%E0%B9%84%E0%B8%82%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2--%E0%B8%AA%E0%B8%96%E0%B8%B2%E0%B8%99%E0%B8%B0%E0%B9%83%E0%B8%9A%E0%B8%AA%E0%B8%B1%E0%B9%88%E0%B8%87%E0%B8%8B%E0%B8%B7%E0%B9%89%E0%B8%AD.htm" title="แก้ไขหน้า--สถานะใบสั่งซื้อ"><span>แก้ไขหน้า--สถานะใบสั่งซื้อ</span></a></li> <li class="pageNav"><a href="a_36804_18415_Order-Status---%E0%B8%AA%E0%B8%96%E0%B8%B2%E0%B8%99%E0%B8%B0%E0%B9%83%E0%B8%9A%E0%B8%AA%E0%B8%B1%E0%B9%88%E0%B8%87%E0%B8%8B%E0%B8%B7%E0%B9%89%E0%B8%AD.htm" title="Order Status / สถานะใบสั่งซื้อ"><span>Order Status / สถานะใบสั่งซื้อ</span></a></li> <li class="pageNav"><a href="a_36804_18417_Information-Cash-Transfer--%E0%B9%81%E0%B8%88%E0%B9%89%E0%B8%87%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%82%E0%B8%AD%E0%B8%99%E0%B9%80%E0%B8%87%E0%B8%B4%E0%B8%99.htm" title="Information Cash Transfer/ แจ้งการโอนเงิน"><span>Information Cash Transfer/ แจ้งการโอนเงิน</span></a></li> <li class="folderNav"><a href='#'><span>ส่วนการแสดงผล</span></a></li> <li class="pageNav"><a href="a_36804_18423_RECEIPT---%E0%B8%82%E0%B8%AD%E0%B9%83%E0%B8%9A%E0%B9%80%E0%B8%AA%E0%B8%A3%E0%B9%87%E0%B8%88%E0%B9%80%E0%B8%95%E0%B9%87%E0%B8%A1%E0%B8%A3%E0%B8%B9%E0%B8%9B%E0%B9%81%E0%B8%9A%E0%B8%9A.htm" title="RECEIPT / ขอใบเสร็จเต็มรูปแบบ"><span>RECEIPT / ขอใบเสร็จเต็มรูปแบบ</span></a></li> <li class="pageNav"><a href="a_36804_18837_TRACK%26TRACE---%E0%B8%AA%E0%B8%96%E0%B8%B2%E0%B8%99%E0%B8%B0%E0%B8%AA%E0%B8%B4%E0%B8%99%E0%B8%84%E0%B9%89%E0%B8%B2.htm" title="TRACK&TRACE / สถานะสินค้า"><span>TRACK&TRACE / สถานะสินค้า</span></a></li> <li class="folderNav"><a href='#'><span>ส่วนแก้ไข</span></a></li> <li class="forumNav"><a href="w_36804_74589_%E0%B9%81%E0%B8%81%E0%B9%89%E0%B9%84%E0%B8%82%E0%B8%AA%E0%B8%B4%E0%B8%99%E0%B8%84%E0%B9%89%E0%B8%B2%E0%B9%80%E0%B8%94%E0%B9%88%E0%B8%99%E0%B9%83%E0%B8%99%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2%E0%B9%81%E0%B8%A3%E0%B8%81.htm" title="แก้ไขสินค้าเด่นในหน้าแรก"><span>แก้ไขสินค้าเด่นในหน้าแรก</span></a></li> <li class="pageNav"><a href="a_36804_18698_%E0%B9%81%E0%B8%81%E0%B9%89%E0%B9%84%E0%B8%82%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2-%E0%B8%AA%E0%B9%88%E0%B8%A7%E0%B8%99%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B9%81%E0%B8%AA%E0%B8%94%E0%B8%87%E0%B8%82%E0%B9%89%E0%B8%AD%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B8%9A%E0%B8%A3%E0%B8%B4%E0%B8%A9%E0%B8%B1%E0%B8%97%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%81%E0%B8%B2%E0%B8%A8.htm" title="แก้ไขหน้า-ส่วนที่แสดงข้อความที่บริษัทประกาศ"><span>แก้ไขหน้า-ส่วนที่แสดงข้อความที่บริษัทประกาศ</span></a></li> <li class="forumNav"><a href="w_36804_74539_%E0%B9%81%E0%B8%81%E0%B9%89%E0%B9%84%E0%B8%82%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2-trick-trace.htm" title="แก้ไขหน้า-trick/trace"><span>แก้ไขหน้า-trick/trace</span></a></li> </ul></li> <li class="linkNav linkIndex15"><a href="/" target="_self"><span>Home<br class="EnLine"><span>หน้าแรก</span></span></a></li> <li class="has-sub folderNav"><a href="#"><span>Music Book<br class="EnLine"><span>หนังสือดนตรี</span></span></a> <ul> <li class="shopMenuNav shopMenuNavId168596"><a href="sm_36804_168596_Piano.htm" title="Piano"><span>Piano</span></a></li> <li class="shopMenuNav shopMenuNavId168581"><a href="sm_36804_168581_Clarinet.htm" title="Clarinet"><span>Clarinet</span></a></li> <li class="shopMenuNav shopMenuNavId168580"><a href="sm_36804_168580_Bassoon.htm" title="Bassoon"><span>Bassoon</span></a></li> <li class="shopMenuNav shopMenuNavId168582"><a href="sm_36804_168582_Combo.htm" title="Combo"><span>Combo</span></a></li> <li class="shopMenuNav shopMenuNavId168584"><a href="sm_36804_168584_Double-Bass.htm" title="Double Bass"><span>Double Bass</span></a></li> <li class="shopMenuNav shopMenuNavId168585"><a href="sm_36804_168585_Ensemble--Chamber.htm" title="Ensemble /Chamber"><span>Ensemble /Chamber</span></a></li> <li class="shopMenuNav shopMenuNavId168586"><a href="sm_36804_168586_Exam-Series.htm" title="Exam/Series"><span>Exam/Series</span></a></li> <li class="shopMenuNav shopMenuNavId168587"><a href="sm_36804_168587_Flute.htm" title="Flute"><span>Flute</span></a></li> <li class="shopMenuNav shopMenuNavId168588"><a href="sm_36804_168588_Guitars.htm" title="Guitars"><span>Guitars</span></a></li> <li class="shopMenuNav shopMenuNavId168589"><a href="sm_36804_168589_Harp.htm" title="Harp"><span>Harp</span></a></li> <li class="shopMenuNav shopMenuNavId168590"><a href="sm_36804_168590_Keyboard.htm" title="Keyboard"><span>Keyboard</span></a></li> <li class="shopMenuNav shopMenuNavId168591"><a href="sm_36804_168591_Marching-Band.htm" title="Marching Band"><span>Marching Band</span></a></li> <li class="shopMenuNav shopMenuNavId168592"><a href="sm_36804_168592_Music-Scores.htm" title="Music Scores"><span>Music Scores</span></a></li> <li class="shopMenuNav shopMenuNavId168593"><a href="sm_36804_168593_Oboe.htm" title="Oboe"><span>Oboe</span></a></li> <li class="shopMenuNav shopMenuNavId168594"><a href="sm_36804_168594_Organ.htm" title="Organ"><span>Organ</span></a></li> <li class="shopMenuNav shopMenuNavId168595"><a href="sm_36804_168595_Percussions.htm" title="Percussions"><span>Percussions</span></a></li> <li class="shopMenuNav shopMenuNavId168617"><a href="sm_36804_168617_Piano-Vocal-Guitar.htm" title="Piano/Vocal/Guitar"><span>Piano/Vocal/Guitar</span></a></li> <li class="shopMenuNav shopMenuNavId168618"><a href="sm_36804_168618_Piccolo.htm" title="Piccolo"><span>Piccolo</span></a></li> <li class="shopMenuNav shopMenuNavId168619"><a href="sm_36804_168619_Recorder.htm" title="Recorder"><span>Recorder</span></a></li> <li class="shopMenuNav shopMenuNavId168620"><a href="sm_36804_168620_Saxophone.htm" title="Saxophone"><span>Saxophone</span></a></li> <li class="shopMenuNav shopMenuNavId168621"><a href="sm_36804_168621_Textbooks.htm" title="Textbooks"><span>Textbooks</span></a></li> <li class="shopMenuNav shopMenuNavId168622"><a href="sm_36804_168622_Thai-Books.htm" title="Thai Books"><span>Thai Books</span></a></li> <li class="shopMenuNav shopMenuNavId168623"><a href="sm_36804_168623_Theory.htm" title="Theory"><span>Theory</span></a></li> <li class="shopMenuNav shopMenuNavId168624"><a href="sm_36804_168624_Trombones.htm" title="Trombones"><span>Trombones</span></a></li> <li class="shopMenuNav shopMenuNavId168823"><a href="sm_36804_168823_Horn.htm" title="Horn"><span>Horn</span></a></li> <li class="shopMenuNav shopMenuNavId168625"><a href="sm_36804_168625_Trumpet.htm" title="Trumpet"><span>Trumpet</span></a></li> <li class="shopMenuNav shopMenuNavId168626"><a href="sm_36804_168626_Tuba.htm" title="Tuba"><span>Tuba</span></a></li> <li class="shopMenuNav shopMenuNavId168627"><a href="sm_36804_168627_Ukulele.htm" title="Ukulele"><span>Ukulele</span></a></li> <li class="shopMenuNav shopMenuNavId168628"><a href="sm_36804_168628_Viola.htm" title="Viola"><span>Viola</span></a></li> <li class="shopMenuNav shopMenuNavId168629"><a href="sm_36804_168629_Violin.htm" title="Violin"><span>Violin</span></a></li> <li class="shopMenuNav shopMenuNavId168630"><a href="sm_36804_168630_Violoncello---Cello.htm" title="Violoncello / Cello"><span>Violoncello / Cello</span></a></li> <li class="shopMenuNav shopMenuNavId168631"><a href="sm_36804_168631_Vocal.htm" title="Vocal"><span>Vocal</span></a></li> <li class="shopMenuNav shopMenuNavId168822"><a href="sm_36804_168822_Etc.htm" title="Etc"><span>Etc</span></a></li> </ul></li> <li class="shopMenuNav shopMenuNavId168762"><a href="sm_36804_168762_Sheet-Music%E0%B9%82%E0%B8%99%E0%B9%89%E0%B8%95%E0%B9%80%E0%B8%9E%E0%B8%A5%E0%B8%87.htm" title="Sheet Musicโน้ตเพลง"><span>Sheet Music<br class="EnLine" /><span>โน้ตเพลง</span></span></a></li> <li class="has-sub folderNav"><a href="#"><span>Teacher's resoursces<br class="EnLine"><span> ทรัพยากรครูดนตรี </span></span></a> <ul> <li class="shopMenuNav shopMenuNavId168172"><a href="sm_36804_168172_Teaching-materials.htm" title="Teaching materials"><span>Teaching materials</span></a></li> <li class="shopMenuNav shopMenuNavId168173"><a href="sm_36804_168173_Gifts-%26amp%3B-Toys.htm" title="Gifts &amp; Toys"><span>Gifts & Toys</span></a></li> <li class="shopMenuNav shopMenuNavId168174"><a href="sm_36804_168174_Stationery.htm" title="Stationery"><span>Stationery</span></a></li> </ul></li> <li class="shopMenuNav shopMenuNavId168206"><a href="sm_36804_168206_Seminar%E0%B8%AD%E0%B8%9A%E0%B8%A3%E0%B8%A1-%E0%B8%AA%E0%B8%B1%E0%B8%A1%E0%B8%A1%E0%B8%99%E0%B8%B2.htm" title="Seminarอบรม/สัมมนา"><span>Seminar<br class="EnLine" /><span>อบรม/สัมมนา</span></span></a></li> <li class="shopMenuNav shopMenuNavId168060"><a href="sm_36804_168060_Notes-Rent-%E0%B9%82%E0%B8%99%E0%B9%89%E0%B8%95%E0%B9%80%E0%B8%8A%E0%B9%88%E0%B8%B2.htm" title="Notes Rent โน้ตเช่า"><span>Notes Rent <br class="EnLine" /><span>โน้ตเช่า</span></span></a></li> <li class="pageNav"><a href="a_36804_18354_How-To-Order%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%AA%E0%B8%B1%E0%B9%88%E0%B8%87%E0%B8%8B%E0%B8%B7%E0%B9%89%E0%B8%AD%E0%B8%AA%E0%B8%B4%E0%B8%99%E0%B8%84%E0%B9%89%E0%B8%B2.htm" title="How To Orderการสั่งซื้อสินค้า"><span>How To Order<br class="EnLine"><span>การสั่งซื้อสินค้า</span></span></a></li> <li class="pageNav"><a href="a_36804_18315_Contact-Us%E0%B8%95%E0%B8%B4%E0%B8%94%E0%B8%95%E0%B9%88%E0%B8%AD%E0%B9%80%E0%B8%A3%E0%B8%B2.htm" title="Contact Usติดต่อเรา"><span>Contact Us<br class="EnLine"><span>ติดต่อเรา</span></span></a></li> <li class="pageNav"><a href="a_36804_18355_Publisher%E0%B8%AA%E0%B8%B3%E0%B8%99%E0%B8%B1%E0%B8%81%E0%B8%9E%E0%B8%B4%E0%B8%A1%E0%B8%9E%E0%B9%8C.htm" title="Publisherสำนักพิมพ์"><span>Publisher<br class="EnLine"><span>สำนักพิมพ์</span></span></a></li> <li class="has-sub folderNav"><a href="#"><span>Webboard<br class="EnLine"><span>บทความ</span></span></a> <ul> <li class="forumNav"><a href="w_36804_74593_Articles---%E0%B8%AA%E0%B8%B2%E0%B8%A3%E0%B8%B0%E0%B8%99%E0%B9%88%E0%B8%B2%E0%B8%A3%E0%B8%B9%E0%B9%89.htm" title="Articles / สาระน่ารู้"><span>Articles / สาระน่ารู้</span></a></li> <li class="forumNav"><a href="w_36804_74594_Q%26A---%E0%B8%96%E0%B8%B2%E0%B8%A1%E0%B8%95%E0%B8%AD%E0%B8%9A.htm" title="Q&A / ถามตอบ"><span>Q&A / ถามตอบ</span></a></li> </ul></li> </ul> <div class="Clear"></div> </div> </div> <div id="siteContact"> <div class="siteContactBody"><div class="customFooter"><div class="footer-distributed"> <div class="footer-left"><a href="/"> <img class="logoPic" style="" src="/userfiles2/directUpload/skin/preludemusicbook_36804/etc/logo.png" alt="" /> </a> <p class="footer-links">· <a href="http://track.thailandpost.co.th/tracking/default.aspx"> TRACK&TRACE/สถานะสินค้า</a> <br /> · <a href="/app/action.jsp?action=user-account/user-order-list/listUserOrder.jsp&clubId=36804">ORDER STATUS/สถานะใบสั่งซื้อ</a> <br /> · <a href="/a_36804_18417_Information-Cash-Transfer--แจ้งการโอนเงิน.htm">INFORMING CASH TRANSFER/แจ้งการโอนเงิน</a> <br /> · <a href="/a_36804_18423_RECEIPT---ขอใบเสร็จเต็มรูปแบบ.htm">RECIEPT/ขอใบเสร็จเต็มรูปแบบ</a></p> </div> <div class="footer-center"> <div class="addressBox"> <p style="text-align: left;"> </p> </div> <div class="addressBox"> <p style="text-align: left;"><u><strong>Silom Branch </strong></u></p> <p style="text-align: left;">Saladaeng BTS Station Exit 1</p> <p style="text-align: left;">52 Thaniya Plaza Building Room AR-315A,</p> <p style="text-align: left;">Silom Rd., Suriyawong Bangrak, Bangkok 10500 Thailand</p> <p style="text-align: center;"> </p> <p style="text-align: left;">Call Center :<span style="color: rgb(51, 102, 255);"> 094-556-1464, 062-465-2965</span></p> <p style="text-align: left;">IG :<a href="https://www.instagram.com/preludemusicbooks/"> <span style="color: rgb(51, 102, 255);">preludemusicbooks</span></a></p> <p style="text-align: left;">Line ID:<a href="http://line.me/ti/p/~@preludemusic"> <span style="color: rgb(51, 102, 255);">@preludemusic</span></a></p> <p style="text-align: left;">Facebook :<a href="https://business.facebook.com/preludemusicbooks/"> <span style="color: rgb(51, 102, 255);">https://business.facebook.com/preludemusicbooks/</span></a></p> <p style="text-align: left;">Email :<a href="mailto:preludemusicbookstore@gmail.com"> <span style="color: rgb(51, 102, 255);">preludemusicbookstore@gmail.com</span></a></p> </div> </div> <div class="footer-right"> <p class="footer-company-about"><span>เกี่ยวกับเรา</span> Prelude Music Book Store ร้านหนังสือเพื่อคนดนตรี แห่งนี้เปิดดำเนินการมากว่า16 ปี เป็นศูนย์รวมหนังสือดนตรีแห่งเดียวในเอเชียตะวันออกเฉียงใต้ และแห่งเดียวในประเทศมีหนังสือให้เลือกกว่า 10,000รายการ กว่า 300 สำนักพิมพ์ทั่วโลก ครอบคลุมผู้เรียนทางดนตรีทุกวิชาทางด้านดนตรี ตั้งแต่ผู้เรียนปฐมวัย ถึงปริญญาเอก อาทิ หนังสือแบบเรียนดนตรี, หนังสือบอร์ดสอบ ABRSM, Trinity, LCM ของอังกฤษ,  Sheet Music โน๊ตเพลง สื่อการเรียนการสอนดนตรี ครบครันที่สุด ถูกที่สุดในประเทศ จากสำนักพิมพ์ทางด้านดนตรีชื่อดังของโลก มากกว่า 300 สำนักพิมพ์ทั่วโลก นอกจากนี้ยังให้บริการงานวิชาการทางด้านดนตรี การอบรม สัมมนา วิชาการดนตรี โดยทีมที่ปรึกษา วิทยากรเชี่ยวชาญแต่ละวิชาทั้งในประเทศและต่างประเทศ และบริการให้คำปรึกษาธุรกิจโรงเรียนดนตรี การจัดตั้งโรงเรียนดนตรี การตลาด การวางแผนการขายและการบริหารสต๊อก โดยนักการตลาดมืออาชีพประสบการณ์กว่า 20 ปี</p> <div class="footer-icons"></div> <div class="socialFooterWrapper"> <ul class="social-icons icon-circle icon-rotate list-unstyled list-inline"> <li class="line-icon-link"><a href="http://line.me/ti/p/~@preludemusic"><img class="fa fa-2x" style="vertical-align: middle; margin-top: -11px;" src="/images/icons/social/linebutton_30x30_en.png" alt="" /></a></li> <li class="facebook-icon-link"><a href="https://business.facebook.com/preludemusicbooks/"><i class="fa fa-facebook fa-2x"> </i></a></li>  <li class="instagram-icon-link"><a href="https://www.instagram.com/preludemusicbooks/"><i class="fa fa-instagram fa-2x"> </i></a></li>  </ul> </div> </div> </div> <p><img class="keyPicFooter" src="/userfiles2/directUpload/skin/preludemusicbook_36804/etc/key-welcome.png" alt="" /></p></div> </div> </div> <div id="copyright"> <div class="footer-systemlink"> <a href="#:amp" onclick="return copyAmpHomeLink()">AMP Version</a> <input type="text" class="form-control" id="ampHomePageLink" value="http://preludemusicbook.com/amp.jsp" readonly style="height: 0; line-height: 0; padding: 0; margin: 0; width: 1px; border: 0;" /> <script> function copyAmpHomeLink() { /* Get the text field */ var copyText = document.getElementById("ampHomePageLink"); /* Select the text field */ copyText.select(); copyText.setSelectionRange(0, 99999); /*For mobile devices*/ /* Copy the text inside the text field */ document.execCommand("copy"); /* Alert the copied text */ alert("Copied Link: " + copyText.value); return false; } </script> </div> <div class="copyrightBody">COPYRIGHT 2015 <b>PRELUDEMUSICBOOK.COM </b> ALLRIGHTS RESERVED. </div> <div class="copyrightBody"> Communication Systems | <a href="http://corptrac.com/screen/captureJnlp.jsp?domainName=preludemusicbook.com&server=122.155.17.241">Start</a> | <a href="http://corptrac.com/screen/iphoneData.jsp?domainName=preludemusicbook.com">View</a> </div> </div> </div> <div id="scriptFooter"> </div> <div dojoType="dijit.Dialog" id="personalInformationDialog" title="Personal Information" execute="alert('test');"> <table> <tr><td> <div id="personalInformationDiv" style="text-align: left;"> </div> </td></tr> </table> </div> <div dojoType="dijit.Dialog" id="selectSubProductDialog" title="เลือกสินค้าย่อยลงตะกร้า" execute="alert('test');"> <table> <tr> <td> <div id="selectSubProductInCartDiv" style="text-align: left;"> </div> </td> </tr> </table> </div> <div dojoType="dijit.Dialog" id="ajaxTellAFriendsDialog" title="ส่งอีเมลล์ให้เพื่อน"> <table> <tr> <td> <div id="ajaxTellAFriendsDiv" style="text-align: left;"> </div> </td> </tr> </table> </div> <div class="dnml"></div> </body> </html>