ThaiSEOBoard.com

พัฒนาเว็บไซต์ => Programming => ข้อความที่เริ่มโดย: kanokk ที่ 15 เมษายน 2012, 18:12:27



หัวข้อ: [ถาม] PopUp ที่แสดงทุกครั้งที่เปิดหน้าเว็บ แบบเลื่อนตามคนดูได้
เริ่มหัวข้อโดย: kanokk ที่ 15 เมษายน 2012, 18:12:27
PopUp ที่แสดงทุกครั้งที่เปิดหน้าเว็บ แบบเลื่อนตามคนดูได้
ที่มันเป็นหน้าต่างเล็กๆ อยู่ทางด้านข้างของจอ และเลื่อนตามคนดูตลอด ไม่ว่าเค้าจะเลื่อนขึ้นหรือลง
ต้องใช้ code อะไรครับ
วันนี้นั่งหาอยู่ครึ่งวัน ไม่เจอสักที

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


ตัวอย่าง ที่อยู่ตรงด้านข้างซ้ายขวาของจออ่ะครับ
โค๊ด:
http://series.in.th


หัวข้อ: Re: [ถาม] PopUp ที่แสดงทุกครั้งที่เปิดหน้าเว็บ แบบเลื่อนตามคนดูได้
เริ่มหัวข้อโดย: Joomlais.com ที่ 15 เมษายน 2012, 19:11:39
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>


หัวข้อ: Re: [ถาม] PopUp ที่แสดงทุกครั้งที่เปิดหน้าเว็บ แบบเลื่อนตามคนดูได้
เริ่มหัวข้อโดย: kanokk ที่ 15 เมษายน 2012, 19:20:00
ขอบคุณครับ
เด๊่ยวเอาไปลองก่อนครับ
ไม่ค่อยรู้เรื่อง java script เท่าไหร่นัก
ขอบคุณมากครับ


หัวข้อ: Re: [ถาม] PopUp ที่แสดงทุกครั้งที่เปิดหน้าเว็บ แบบเลื่อนตามคนดูได้
เริ่มหัวข้อโดย: Raffer7 ที่ 16 เมษายน 2012, 16:45:41
สามารถใช้ html+css ได้ครับ

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

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

http://www.b2bthai.com/Search/Product/List?txtSearch=&Category=935&CateLevel=1

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


หัวข้อ: Re: [ถาม] PopUp ที่แสดงทุกครั้งที่เปิดหน้าเว็บ แบบเลื่อนตามคนดูได้
เริ่มหัวข้อโดย: thaimakemoney ที่ 16 เมษายน 2012, 16:48:09
JS ผมว่าง่ายดี


หัวข้อ: Re: [ถาม] PopUp ที่แสดงทุกครั้งที่เปิดหน้าเว็บ แบบเลื่อนตามคนดูได้
เริ่มหัวข้อโดย: bestzaa199 ที่ 17 เมษายน 2012, 09:00:49
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>

 :wanwan017:


หัวข้อ: Re: [ถาม] PopUp ที่แสดงทุกครั้งที่เปิดหน้าเว็บ แบบเลื่อนตามคนดูได้
เริ่มหัวข้อโดย: pingenter ที่ 17 เมษายน 2012, 09:14:31
แอบมาดู  :wanwan011: