// JavaScript Document
/* หมายเหตุ ขนาดกว้าง Floating Area สูงสุดไม่ควรเกิน 112 px , จาก 112 + 800 + 112 */
/*
* จะใช้ Floating Area ที่ Page ไหน ให้เปลี่ยน เป็น
*
* แล้วนำ Tag นี้ไปวางไว้ใน
* [สำหรับข้างขวา]
*
* ... สิ่งที่จะให้อยู่ใน Floating Area ใส่ตรงนี้ ...
*
* [สำหรับข้างซ้าย]
*
* ... สิ่งที่จะให้อยู่ใน Floating Area ใส่ตรงนี้ ...
*
*/
var Type = 'unknow';
var rightGap = -80; // ระยะช่องว่าง (เป็น Pixel) จากขอบขวา สำหรับ floating ad ที่อยู่ข้างขวา
var topRightGap = 0; // ระยะช่องว่าง (เป็น Pixel) จากขอบบน สำหรับ floating ad ที่อยู่ข้างขวา
var leftGap = 2; // ระยะช่องว่าง (เป็น Pixel) จากขอบซ้าย สำหรับ floating ad ที่อยุ่ข้างซ้าย
var topLeftGap = 40; // ระยะช่องว่าง (เป็น Pixel) จากขอบบน สำหรับ floating ad ที่อยู่ข้างซ้าย
var topCenterGap = 300;
var areaSize =100; // ต้องคำนวณเองใช้ document.all.{name}.offsetWidth ไม่ได้
function StartFloatRight()
{
if(document.all) // Compatible with Internet Explorer & Opera
{
// ตำแหน่งของ Floating Area (เป็น Pixel) จากขอบซ้าย
//document.all.FloatingAdRight.style.pixelLeft = (document.body.clientWidth - document.all.FloatingAdRight.offsetWidth) - rightGap;
document.all.FloatingAdRight.style.pixelLeft = (document.body.clientWidth/2 + 400) - rightGap;
// ตำแหน่งของ Floating Area (เป็น Pixel) จากขอบบน
document.all.FloatingAdRight.style.pixelTop = document.body.scrollTop + topRightGap;
// สั่งให้แสดง Floating Area (จะแสดงเฉพาะค่า visible, ค่าอื่นไม่แสดง)
document.all.FloatingAdRight.style.visibility = 'visible';
Type = 'all';
}
else if(document.getElementById) // Compatible with Firefox & Netscape
{
// ตำแหน่งของ Floating Area (เป็น Pixel) จากขอบซ้าย , 20 เป็นค่า offset
//document.getElementById('FloatingAdRight').style.left = (window.innerWidth - areaSize - 60) - rightGap + 'px';
document.getElementById('FloatingAdRight').style.left = (window.innerWidth/2 + 400 - 10) - rightGap + 'px';
// ตำแหน่งของ Floating Area (เป็น Pixel) จากขอบบน
document.all.FloatingAdRight.style.pixelTop = topRightGap;
// สั่งให้แสดง Floating Area (จะแสดงเฉพาะค่า visible, ค่าอื่นไม่แสดง)
document.getElementById('FloatingAdRight').style.visibility = 'visible';
Type = 'getelement';
}
if (document.all) {
window.onscroll = FloatBoth;
window.onresize = AdjustRight;
} // เรียก Float() เมื่อเกิด Event onScroll
else {
setInterval('FloatBoth()',100);
setInterval('AdjustRight()',100);
} // เรียก Float() ทุกๆ 100 milliseconds
}
function FloatRight() // ทำหน้าที่ขยับ Floating Area ตามที่ scroll ขยับ
{
if (Type == 'all')
{
document.all.FloatingAdRight.style.pixelTop = document.body.scrollTop + topRightGap;
}
else if (Type == 'getelement') { document.getElementById('FloatingAdRight').style.top = window.pageYOffset + topRightGap + 'px'; }
}
function AdjustRight()
{
if(document.all) {
document.all.FloatingAdRight.style.pixelLeft = (document.body.clientWidth/2 + 400) - rightGap;
} else if(document.getElementById) {
document.getElementById('FloatingAdRight').style.left = (window.innerWidth/2 + 400 - 10) - rightGap + 'px';
}
}
function StartFloatLeft()
{
if(document.all) // Compatible with Internet Explorer & Opera
{
// ตำแหน่งของ Floating Area (เป็น Pixel) จากขอบซ้าย
document.all.FloatingAdLeft.style.pixelLeft = leftGap;
// ตำแหน่งของ Floating Area (เป็น Pixel) จากขอบบน
document.all.FloatingAdLeft.style.pixelTop = document.body.scrollTop + topLeftGap;
// สั่งให้แสดง Floating Area (จะแสดงเฉพาะค่า visible, ค่าอื่นไม่แสดง)
document.all.FloatingAdLeft.style.visibility = 'visible';
Type = 'all';
}
else if(document.getElementById) // Compatible with Firefox & Netscape
{
// ตำแหน่งของ Floating Area (เป็น Pixel) จากขอบซ้าย , 20 เป็นค่า offset
document.getElementById('FloatingAdLeft').style.left = leftGap + 'px';
// ตำแหน่งของ Floating Area (เป็น Pixel) จากขอบบน
document.all.FloatingAdLeft.style.pixelTop = topLeftGap;
// สั่งให้แสดง Floating Area (จะแสดงเฉพาะค่า visible, ค่าอื่นไม่แสดง)
document.getElementById('FloatingAdLeft').style.visibility = 'visible';
Type = 'getelement';
}
if (document.all) { window.onscroll = FloatBoth; } // เรียก FloatLeft() เมื่อเกิด Event onScroll
else { setInterval('FloatBoth()', 100); } // เรียก FloatLeft() ทุกๆ 100 milliseconds
}
function FloatLeft() // ทำหน้าที่ขยับ Floating Area ตามที่ scroll ขยับ
{
if (Type == 'all') { document.all.FloatingAdLeft.style.pixelTop = document.body.scrollTop + topLeftGap; }
else if (Type == 'getelement') { document.getElementById('FloatingAdLeft').style.top = window.pageYOffset + topLeftGap + 'px'; }
}
function StartFloatCenter()
{
if(document.all) // Compatible with Internet Explorer & Opera
{
// ตำแหน่งของ Floating Area (เป็น Pixel) จากขอบซ้าย
document.all.FloatingAdCenter.style.pixelLeft = (document.body.clientWidth/2 + 60);
// ตำแหน่งของ Floating Area (เป็น Pixel) จากขอบบน
document.all.FloatingAdCenter.style.pixelTop = document.body.scrollTop + document.body.clientHeight - 200;
// สั่งให้แสดง Floating Area (จะแสดงเฉพาะค่า visible, ค่าอื่นไม่แสดง)
document.all.FloatingAdCenter.style.visibility = 'visible';
Type = 'all';
}
else if(document.getElementById) // Compatible with Firefox & Netscape
{
// ตำแหน่งของ Floating Area (เป็น Pixel) จากขอบซ้าย , 20 เป็นค่า offset
document.getElementById('FloatingAdCenter').style.left = (window.innerWidth/2 + 60 - 10) + 'px';
// ตำแหน่งของ Floating Area (เป็น Pixel) จากขอบบน
document.all.FloatingAdCenter.style.pixelTop = window.innerHeight - 200;
// สั่งให้แสดง Floating Area (จะแสดงเฉพาะค่า visible, ค่าอื่นไม่แสดง)
document.getElementById('FloatingAdCenter').style.visibility = 'visible';
Type = 'getelement';
}
if (document.all) {
window.onscroll = FloatBoth;
window.onresize = AdjustCenter;
} // เรียก Float() เมื่อเกิด Event onScroll
else {
setInterval('FloatBoth()',100);
setInterval('AdjustCenter()',100);
} // เรียก Float() ทุกๆ 100 milliseconds
}
function FloatCenter() // ทำหน้าที่ขยับ Floating Area ตามที่ scroll ขยับ
{
if (Type == 'all')
{
document.all.FloatingAdCenter.style.pixelTop = document.body.scrollTop + document.body.clientHeight - 200;
}
else if (Type == 'getelement') { document.getElementById('FloatingAdCenter').style.top = window.pageYOffset + window.innerHeight - 200 + 'px'; }
}
function AdjustCenter()
{
if(document.all) {
document.all.FloatingAdCenter.style.pixelLeft = (document.body.clientWidth/2 + 60);
document.all.FloatingAdCenter.style.pixelTop = document.body.scrollTop + document.body.clientHeight - 200;
} else if(document.getElementById) {
document.getElementById('FloatingAdCenter').style.left = (window.innerWidth/2 + 60 - 10) + 'px';
document.getElementById('FloatingAdCenter').style.top = window.pageYOffset + window.innerHeight - 200 + 'px';
}
}
function FloatBoth()
{
if (document.getElementById('FloatingAdRight')!=null)
{
FloatRight();
}
if (document.getElementById('FloatingAdLeft')!=null)
{
FloatLeft();
}
if (document.getElementById('FloatingAdCenter')!=null)
{
FloatCenter();
}
}
function closeAd(adArea)
{
adArea.parentNode.style.display = 'none';
}
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/*
* จะใช้ Rotate Text ที่ Page ไหน ให้เปลี่ยน เป็น
*
* แล้วนำ Tag นี้ไปวางไว้ในจุดที่ต้องการ
*
*/
var rotateDelayTime = 3000; // เวลาในการเปลี่ยนข้อความ
var textArray = new Array(); // เก็บข้อความเป็น Array
var rotateTextIterator = 0; // Iterator ที่ใช้ในการอ้าง Index ของ Array เพื่อเข้าถึงข้อความ
var rotateCommand; // คำสั่งที่ถูกสร้างขึ้นจาก Function เพื่อนนำไปใช้เปลี่ยนข้อความ (ด้วย eval();) เมื่อครบตาม DelayTime
function StartRotateText()
{
textArray[0] = "ลด/เพิ่มน้ำหนัก 5-10 กก. หุ่นดี สุขภาพดี ปลอดภัย ได้ผล 100 % ผอมถาวร ไม่กลับมาอ้วนอีก";
textArray[1] = "part-time job 2-3 ชม/วัน เสริม 5,000-30,000 บ/ด ทำที่บ้านหลังเลิกงาน";
// เพิ่มข้อความได้ที่นี่
if (document.all)
{
rotateCommand = 'document.all.RotateTextAd1.innerHTML = textArray[rotateTextIterator++];';
}
else if (document.getElementById)
{
rotateCommand = 'document.getElementById("RotateTextAd1").innerHTML = textArray[rotateTextIterator++];';
}
RotateText();
}
function RotateText() // ทำหน้าที่เปลี่ยนข้อความ
{
eval(rotateCommand);
TextFadeEffect("RotateTextAd1");
if (rotateTextIterator == textArray.length) rotateTextIterator = 0; // แสดงข้อความจนครบรอบแล้ว ให้เริ่มต้นใหม่
setTimeout("RotateText() ", rotateDelayTime); // กำหนด Timeout เพื่อทำการเรียก RotateText() อีกครั้ง เมื่อเวลาผ่านไปเท่ากับ rotateDelayTime
}
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/*
* เวลาเรียกใช้ ให้ใส่ค่า Attribute ของ name ใน Tag HTML เป็น พารามิเตอร์
* เช่น
* ต้องการ Fade ข้อความใน Tag ก็สั่ง TextFadeEffect("RotateTextAd");
*/
var hex = 255 // ค่าเริ่มต้น (สีขาว)
var fadeStep = 10; // ค่ายิ่งมากยิ่งเปลี่ยนช้า
var fadeDelayTime = 10; // ค่ายิ่งมากยิ่งเปลี่ยนช้า
function TextFadeEffect(tagname) // ใช้สำหรับในการค่อยๆ Fade ตัวอักษรขึ้นมาแสดง
{
if (hex > 0)
{
hex -= fadeStep;
document.getElementById(tagname).style.color= "RGB("+hex+","+hex+","+hex+")"; // อาจจะเปลี่ยนสีตามลูกเล่นที่ต้องการ
setTimeout("TextFadeEffect(\""+tagname+"\")",fadeDelayTime);
}
else hex=255;
}