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