ต่อไป »

[kanokk]

PopUp ที่แสดงทุกครั้งที่เปิดหน้าเว็บ แบบเลื่อนตามคนดูได้
ที่มันเป็นหน้าต่างเล็กๆ อยู่ทางด้านข้างของจอ และเลื่อนตามคนดูตลอด ไม่ว่าเค้าจะเลื่อนขึ้นหรือลง
ต้องใช้ code อะไรครับ
วันนี้นั่งหาอยู่ครึ่งวัน ไม่เจอสักที

ModalDialog ก็ไม่ใช่
jquery ก้ไม่ใช่
(หรือเราหาแล้วมันไม่เจอ ก็ไม่รู้)


ตัวอย่าง ที่อยู่ตรงด้านข้างซ้ายขวาของจออ่ะครับ

โค๊ด:

http://series.in.th

[Joomlais.com]

javascript นะครับ

โค๊ด:

<script type="text/javascript">
var persistclose = 0
var startX = 15
var startY = 10
function iecompattest() {
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name   "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset  = search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
var verticalpos="fromtop"

function closebar_left() {
	if (persistclose){
		document.cookie="remainclosed=1";
	}
document.getElementById("topbarleft").style.visibility="hidden"
}
function closebar_right() {
	if (persistclose){
		document.cookie="remainclosed=1";
	}
document.getElementById("topbarright").style.visibility="hidden"
}

function staticbar_right() {
	var ns = (navigator.appName.indexOf("Netscape") != -1);
	var d = document;
	
	function ml(id) {
		var el=d.getElementById(id);
		if (!persistclose || persistclose && get_cookie("remainclosed")=="")
		el.style.visibility="visible"
		if(d.layers)el.style=el;
		el.sP=function(x,y){this.style.right=x "px";this.style.top=y "px";};
		el.x = startX;
		if (verticalpos=="fromtop")
		el.y = startY;
		else {
			el.y = ns ? pageYOffset   innerHeight : iecompattest().scrollTop   iecompattest().clientHeight;
			el.y -= startY;
		}
	return el;
	}
	window.stayTopright=function() {
		if (verticalpos=="fromtop") {
			var pY = ns ? pageYOffset : iecompattest().scrollTop;
			ftrObj.y  = (pY   startY - ftrObj.y)/8;
		}
		else {
			var pY = ns ? pageYOffset   innerHeight : iecompattest().scrollTop   iecompattest().clientHeight;
			ftrObj.y  = (pY - startY - ftrObj.y)/8;
		}
		ftrObj.sP(ftrObj.x, ftrObj.y);
		setTimeout("stayTopright()", 10);
	}
	ftrObj = ml("topbarright");
	stayTopright();
	}

function staticbar_left() {
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function ml(id) {
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.right=x "px";this.style.top=y "px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else {
el.y = ns ? pageYOffset   innerHeight : iecompattest().scrollTop   iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function() {
if (verticalpos=="fromtop") {
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y  = (pY   startY - ftlObj.y)/8;
}
else {
var pY = ns ? pageYOffset   innerHeight : iecompattest().scrollTop   iecompattest().clientHeight;
ftlObj.y  = (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbarleft");
stayTopLeft();
}


function staticbar() {
staticbar_left();
staticbar_right();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>

[kanokk]

ขอบคุณครับ
เด๊่ยวเอาไปลองก่อนครับ
ไม่ค่อยรู้เรื่อง java script เท่าไหร่นัก
ขอบคุณมากครับ

[Raffer7]

สามารถใช้ html+css ได้ครับ

โดยสั่งให้ position:fixed; และสั่ง left:0; หรือ right:0; ก็ได้ครับ

ผลจะออกมาประมาณนี้

http://www.b2bthai.com/Search/...p;Category=935&CateLevel=1

ลองกด Compare Product ดูนะครับ

[thaimakemoney]

JS ผมว่าง่ายดี

[bestzaa199]

javascript นะครับ

โค๊ด:

<script type="text/javascript">
var persistclose = 0
var startX = 15
var startY = 10
function iecompattest() {
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name   "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset  = search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
var verticalpos="fromtop"

function closebar_left() {
	if (persistclose){
		document.cookie="remainclosed=1";
	}
document.getElementById("topbarleft").style.visibility="hidden"
}
function closebar_right() {
	if (persistclose){
		document.cookie="remainclosed=1";
	}
document.getElementById("topbarright").style.visibility="hidden"
}

function staticbar_right() {
	var ns = (navigator.appName.indexOf("Netscape") != -1);
	var d = document;
	
	function ml(id) {
		var el=d.getElementById(id);
		if (!persistclose || persistclose && get_cookie("remainclosed")=="")
		el.style.visibility="visible"
		if(d.layers)el.style=el;
		el.sP=function(x,y){this.style.right=x "px";this.style.top=y "px";};
		el.x = startX;
		if (verticalpos=="fromtop")
		el.y = startY;
		else {
			el.y = ns ? pageYOffset   innerHeight : iecompattest().scrollTop   iecompattest().clientHeight;
			el.y -= startY;
		}
	return el;
	}
	window.stayTopright=function() {
		if (verticalpos=="fromtop") {
			var pY = ns ? pageYOffset : iecompattest().scrollTop;
			ftrObj.y  = (pY   startY - ftrObj.y)/8;
		}
		else {
			var pY = ns ? pageYOffset   innerHeight : iecompattest().scrollTop   iecompattest().clientHeight;
			ftrObj.y  = (pY - startY - ftrObj.y)/8;
		}
		ftrObj.sP(ftrObj.x, ftrObj.y);
		setTimeout("stayTopright()", 10);
	}
	ftrObj = ml("topbarright");
	stayTopright();
	}

function staticbar_left() {
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function ml(id) {
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.right=x "px";this.style.top=y "px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else {
el.y = ns ? pageYOffset   innerHeight : iecompattest().scrollTop   iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function() {
if (verticalpos=="fromtop") {
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y  = (pY   startY - ftlObj.y)/8;
}
else {
var pY = ns ? pageYOffset   innerHeight : iecompattest().scrollTop   iecompattest().clientHeight;
ftlObj.y  = (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbarleft");
stayTopLeft();
}


function staticbar() {
staticbar_left();
staticbar_right();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>

 

[pingenter]

แอบมาดู