프리랜서 웹디자이너 RELATION RELATION.CO.KR

RELATION 로고

홈페이지 소스

[SCRIPT] 좌측메뉴 자동스크롤 기능 가운데 정렬

2010.04.26
1.주의 HTML버젼 정의에 따라 기능의 제한이 있음.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>페이지 타이틀</title>
<link href="/css_js/style.css" rel="stylesheet" type="text/css">
<SCRIPT language=javascript src="../css_js/auto_scroll_center.js"></SCRIPT>
</head>


2.자바스크립트 소스
<SCRIPT language=javascript src="../css_js/auto_scroll_center.js"></SCRIPT>

var scroll_time = 300;
var obj;

function set_top_line( mode )
{
if( !mode )
{
document.all["top_line1"].height = 1
document.all["top_line2"].height = 1
document.all["top_line3"].height = 1
}
}

function set_move_banner()
{
window.setTimeout( "set_move_banner()", scroll_time );

if( typeof( document ) != "object" || document == null )
{
return false;
}

if( typeof( document.body ) != "object" || document.body == null )
{
return false;
}

top_x = 0;
top_y = document.body.scrollTop;

if(typeof(document.all.r_scroll_area) == "object" || typeof(document.all.l_scroll_area) == "object")
{
if( typeof( document.all.r_scroll_area ) == "object" )
{
document.all.r_scroll_area.style.marginTop = top_y;
}
if( typeof( document.all.l_scroll_area ) == "object" )
{
document.all.l_scroll_area.style.marginTop = top_y;
}
} else {
is_banner_l = false;
is_banner_r = false;
//is_recent_p = false;

if( typeof( document.all.scroll_banner_l ) == "object" )
{
is_banner_l = true;
}
if( typeof( document.all.scroll_banner_r ) == "object" )
{
is_banner_r = true;
}
// if( typeof( document.all.scroll_recent_p ) == "object" && is_banner_l == false)
// {
// is_recent_p = true;
// }

move_banner();

if( is_banner_l )
{
document.all.scroll_banner_l.style.marginTop = top_y;
}

if( is_banner_r )
{
document.all.scroll_banner_r.style.marginTop = top_y;
}

// if( is_recent_p )
// {
// document.all.scroll_recent_p.style.marginTop = top_y;
// }
//scroll_time -= 1;
}
}

function move_banner()
{

/*
scroll_banner_top_y = document.all.scroll_banner.style.marginTop.split( "px", 1 )

height = top_y + 1000

for( i = 0; i < 200; i++ )
{
height--;
document.all.scroll_banner.style.marginTop = height
window.setTimeout( "", 3 );
}

if( document.all.scroll_banner.style.marginTop != ( top_y + "px" ) )
{
//alert( height )
//alert( document.all.scroll_banner.style.marginTop + " " + top_y )
}
*/

/*
height = top_y + 1000

for( i = 0; i < 1000; i++ )
{
document.all.scroll_banner.style.marginTop = height - 1
//window.setTimeout( "", 1 );
}
*/
}

// 최근본상품 스크립트 시작 jsyoon 05/11/21
var timerID = null;
var np_active;
var np_speed;
var dspcnt;

function ScrollUp(){
if(parseInt(obj[np_active].style.top) == 0){
alert('최근 본 첫상품입니다.');
return;
}
if(document.getElementById){
if(parseInt(obj[np_active].style.top) < 0){
obj[np_active].style.top = parseInt(obj[np_active].style.top) + np_speed + "px";
}
//timerID = setTimeout("ScrollUp("+np_speed+")",30);
}
}

function ScrollDown(){
if(document.getElementById){
var remain_height = parseInt(obj[np_active].style.height) + (parseInt(obj[np_active].style.top));
if(remain_height <= (dspcnt * np_speed)){
alert('최근 본 마지막상품입니다.');
return;
}
if(parseInt(obj[np_active].style.top) > document.getElementById('cont').offsetHeight - obj[np_active].offsetHeight){
obj[np_active].style.top = parseInt(obj[np_active].style.top) - np_speed + "px";
}
//timerID = setTimeout("ScrollDown("+np_speed+")",30);
}
}

function ScrollStop(){
if(document.getElementById){
clearTimeout(timerID);
}
}

function ScrollPageInit(rowcnt, rowlimit) {
var tbl_row = document.getElementById("tbl_row0");
var inner_width = 0;
var inner_height = 0;
var cont_obj;
var tmp_obj;
dspcnt = rowlimit;
np_active = 0;
if(tbl_row == undefined || rowcnt <= 0)
return;
else {
//inner_width = parseInt(tbl_row.width);
// 타이틀이미지의 크기를 불러와서 리스트 테이블 넓이로설정
var rview_timg = new Image();
rview_timg.src = document.getElementById("rviewpdt_img").src;
inner_width = rview_timg.width;
for(var i=0; i < rowcnt; i++){
tmp_obj = document.getElementById("tbl_row" + i);
tmp_obj.width = inner_width;
}
//리스트 테이블 높이설정
inner_height = parseInt(tbl_row.height);
if(inner_width <= 0 || inner_height <= 0)
return;
np_speed = inner_height;
cont_obj = document.getElementById("cont");
cont_obj.style.width = inner_width;
cont_obj.style.height = (rowcnt > rowlimit ? (inner_height * rowlimit + 1) : (inner_height * rowcnt + 1)) + 'px';
}
if(document.getElementById){
var obj = document.getElementById("cont").getElementsByTagName("DIV");
obj['inner_row'].style.visibility = "visible";
obj['inner_line'].style.visibility = "visible";
obj['inner_row'].style.height = (inner_height * rowcnt) + 'px';
obj['inner_row'].style.width = inner_width + 'px';
obj['inner_row'].style.top = 0;
}
if(document.addEventListener){
for(i=0;i<document.getElementsByTagName('a').length;i++){
document.getElementsByTagName('a')[i].style.position = "relative";
}
}
return obj;
}
// 최근본상품 끝

function check_gonggu()
{
alert('공동구매 기간이 아닙니다');
}

function poll_form_submit( form )
{

select_no_length = form.select_no.length
is_checked = false;

for( i = 0; i < select_no_length; i++ )
{
if( form.select_no[i].checked )
{
is_checked = true;
break;
}
}

if( !is_checked )
{
alert( '설문항목을 선택해주세요.' )
return false;
}

return true;
}

function sMmove( link )
{
document.location.href = 'http://' + link
oWin.close();
}

function getCookie(name) {
var nameOfCookie = name + "=";
var x = 0;

while (x <= document.cookie.length) {
var y = x + nameOfCookie.length;
if (document.cookie.substring(x, y) == nameOfCookie) {
if ((endOfCookie=document.cookie.indexOf(";", y)) == -1) {
endOfCookie = document.cookie.length;
}
return unescape(document.cookie.substring(y, endOfCookie));
}
x = document.cookie.indexOf(" ", x) + 1;
if (x == 0) {
break;
}
}
return "";
}

function notice_popup(is_popup_check, mp_width, mp_height, mp_left_p, mp_top_p, mp_scrollbars)
{
if (getCookie("mp_is_popup") == "") {
mp_option = 'status:false;';
mp_option += 'dialogWidth: ' + mp_width + 'px;';
mp_option += 'dialogHeight: ' + mp_height + 'px;';
mp_option += 'help:no; dialogLeft:' + mp_left_p + 'px;';
mp_option += 'dialogTop:' + mp_top_p + ';';
mp_option += 'status:no;scroll:' + mp_scrollbars + ';';

url = '/admin/php/d/popup_r.php';
url_name = 'echosting_shop_pop';

var oWin = showModelessDialog( url, window, mp_option );
}
}

function echosting_js_init()
{
// 좌,우측 움직이는 배너
set_move_banner();
//window.setInterval( "set_move_banner()", scroll_time );
//window.setTimeout( "set_move_banner()", scroll_time );
}

// 한글 크기를 체크하는 함수 by jsyoon
function str_size_check(str){
var strlen = str.length;
var bsize = 0;
for(i=0; i<strlen; i++){
chr = str.charAt(i);
// 한글이면 2를 더한다.
if (escape(chr).length > 4)
{
bsize += 2;
}
// 그밖의 경우는 1을 더한다.
else
{
bsize++;
}
}
return bsize;
}

function check_byte(frm, maxsize, msg){
var txtval = frm.value;
var bsize = 0;
bsize = str_size_check(txtval);
if(bsize > maxsize){
alert(msg);
return false;
} else {
return true;
}
}

// 입력폼의 문자가 숫자인지를 체크 by jsyoon
function checkDigit(inputval)
{
inputstr = inputval.toString();
for ( var i=0; i < inputstr.length; i++)
{
var onechar = inputstr.charAt(i);
if ((onechar < "0" || onechar > "9"))
{
return false
}
}
return true
}
// 자바스크립트 number_format jsyoon
function number_format(str)
{
str+='';

var objRegExp = new RegExp('(-?[0-9]+)([0-9]{3})');

while(objRegExp.test(str))
{
str = str.replace(objRegExp, '$1,$2');
}

return str;
}

var oldActionUrl = '';
// add 장정인
// date 2005.10.19
// login.simplexi.com을(ssl) 통하여 로그인 하기
function set_ssl_login( frm )
{
if (frm.is_ssl.checked) {
oldActionUrl = frm.action;
frm.action = 'https://login2.simplexi.com/echosting/shop19.php?predomain=' + login_host + '&sessionid=' + login_sessionid + '&mall_id=' + login_mallid;
} else {
frm.action = '/front/php/login/login_a.php';
}
} // end of set_ssl_login()

echosting_js_init()


// sujin
// object관련 script 파일

function set_Embed()
{
var obj = new String;
var parameter = new String;
var embed = new String;
var html = new String;
var allParameter = new String;
var clsid = new String;
var codebase = new String;
var pluginspace = new String;
var embedType = new String;
var src = new String;

var width = new String;
var height = new String;

var ServerIp = new String;
var UserId = new String;
var PassiveMode = new String;
var Port = new String;
var Status = new String;
var Banner = new String;
var ECHosting = new String;
var FilelinkService = new String;
var FilelinkServer = new String;

this.init = function( s ,w , h, getType ) {
getType = (getType != undefined)? getType :'flash';
if ( getType == "flash")
{
clsid = "D27CDB6E-AE6D-11cf-96B8-444553540000";
codebase = "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0";
pluginspage = "http://www.macromedia.com/go/getflashplayer";
embedType = "application/x-shockwave-flash";

parameter += "<param name='movie' value='"+ s + "'>n";
parameter += "<param name='quality' value='high'>n";
parameter += "<Param name='bgcolor' value=#FFFFFF>n";

}
else if ( getType == 'webftp')
{
clsid = "EF256D78-3982-4F12-900B-AD8B254A43BD";
codebase = "http://echosting.cafe24.com/ftpclient/Cafe24FtpCtl21.cab#version=1,0,2,7";
}
else if ( getType == 'filelinkftp')
{
clsid = "EF256D78-3982-4F12-900B-AD8B254A43BD";
codebase = "http://echosting.cafe24.com/ftpclient/Cafe24FtpCtl14.cab#version=1,0,2,4";
}



src = s;
width = w;
height = h;
}

this.parameter = function( parm , value ) {
parameter += "<param name='"+parm +"' value='"+ value + "'>n";
allParameter += " "+parm + "='"+ value+"'";
}

this.show = function(getType) {
if ( clsid)
{
obj = "<object classid="clsid:"+ clsid +"" codebase=""+ codebase +""";

if (width) {
obj += " width ='" + width + "' ";
}

if (height) {
obj += " height ='" + height + "' ";
}

obj += ">n";
}

if ( getType == "flash" || typeof(getType) == "undefined") {
embed = "<embed src='" + src + "' pluginspage='"+ pluginspage + "' type='"+ embedType + "'";

if (width) {
embed += " width ='" + width + "' ";
}

if (height) {
embed += " height ='" + height + "' ";
}

embed += allParameter + " ></embed>n";
}

if (getType == 'streaming') {
embed = "<embed src='" + src + "' type='"+ embedType + "'";

if (width) {
embed += " width ='" + width + "' ";
}

if (height) {
embed += " height ='" + height + "' ";
}

embed += allParameter + " ></embed>n";
}

if ( obj )
{
end_embed = "</object>n";
}

if(getType == 'streaming')
html = embed;
else
html = obj + parameter + embed + end_embed;

document.write( html );
}


}

//전자보증보험 증권 내용 연결 팝업스크립트
function usafe_print(asMallId, asOrderId)
{
var iXpos;
var iYpos;

iXPos = (screen.width - 700) / 2;
iYpos = (screen.height - 600) / 2;

url = "https://gateway.usafe.co.kr/esafe/InsuranceView.asp?mall_id="+asMallId+"&order_id="+asOrderId;
winname = "uclick_win" ;
//option = "toolbar=no location=no scrollbars=yes width=650 height=537 left="+iXpos+",top="+iYpos ;
option = "toolbar=no location=no scrollbars=yes width=650 height=537" ;
opener = window.open( url, winname, option ) ;
}
// 마우스 오른쪽클릭 사용금지
function disableMouseRightButton()
{
if ((event.button==2) || (event.button==3))
{
alert("무단도용방지를 위하여 마우스 오른쪽nn 버튼은 사용하실 수 없습니다.");
return false;
}
}
//컨트롤키 및 펑션키 금지
function disableKeys()
{
if((event.ctrlKey == true && (event.keyCode == 78 || event.keyCode == 82)) ||
(event.keyCode >= 112 && event.keyCode <= 123))
{
event.keyCode = 0;
event.cancelBubble = true;
event.returnValue = false;
}
}

/**
* 사용자 정의 함수
*
* @author 이경란<krlee2@simplexi.com>
* @date 2008-05-28
* sample
* getLog('/front/php/b/board_list.php','myshop','c_1','')
**/
function getLog(sURL,path1,path2,path3)
{

if (path1 == null) {
path1 = '';
}
if (path2 == null) {
path2 = '';
}
if (path3 == null) {
path3 = '';
}

if (sURL == '' && path1 == '' && path2 == '' && path3 == '' ){
alert('sURL또는 path1또는 path2또는 path3를 입력하셔야합니다');
}else if (sURL == ''){
alert('sURL을 입력하셔야합니다');
}else if (path1 == ''&& path2 == '' && path3 == ''){
alert('path1또는 path2를 입력하셔야합니다');
}else if (sURL != '' && ( path1 != '' || path2 != '' || path3 != '' ) ){
var path1_size = str_size_check(path1);
var path2_size = str_size_check(path2);
var path3_size = str_size_check(path3);
var sURL_size = str_size_check(sURL);
if(path1_size > 255) {
alert("첫번째 인자가 너무 깁니다.");
return;
}
if(path2_size > 255) {
alert("두번째 인자가 너무 깁니다.");
return;
}
if(path3_size > 255) {
alert("세번째 인자가 너무 깁니다.");
return;
}
if(sURL_size > 255) {
alert("전달 URL의 길이가 너무 깁니다.");
return;
}
location.href = "/front/php/get_log.php?sCliMode=Evnt&sURL="+sURL+"&path1="+path1+"&path2="+path2+"&path3="+path3;
}

}

// 2009-07-13 게시판 상세 글 보기 설정 추가 - 권혁천 (상품후기 게시판만 설정 가능:오정희)
var preViewTarget = null;
var preViewCloseImg = '';
function viewTarget(bbs_number,is_secret,address,prev_open_img,prev_close_img) {
if (is_secret=='F') {
if (preViewTarget==bbs_number) {
viewTargetDivControl(prev_open_img,'','none');
preViewTarget = null
} else {
try
{
if (preViewTarget != null) {
viewTargetDivControl(prev_open_img,'','none');
}

preViewTarget = bbs_number;
preViewCloseImg = prev_close_img;
parma_str = '&mode=read_preview&'+address.substring(address.indexOf('?')+1);
sendRequest(viewTargetContents, parma_str,'POST', address.substring(0,address.indexOf('?')), true, true);
} catch (e) {}
}
return;
} else if (is_secret=='M') {
alert('회원에게만 읽기 권한이 있습니다');
} else {
alert('비밀글은 미리보기가 불가 합니다.');
}
}

// 2009-07-13 게시판 상세 글 보기 설정 추가 - 권혁천 (상품후기 게시판만 설정 가능:오정희)
function viewTargetDivControl(img,contents,type) {
try {
document.getElementById('prevImg'+preViewTarget).src = img;
document.getElementById('view'+preViewTarget).innerHTML = contents;
document.getElementById('view'+preViewTarget).style.display = type;
}
catch (e) {}

}
// 2009-07-13 게시판 상세 글 보기 설정 추가 - 권혁천 (상품후기 게시판만 설정 가능:오정희)
function viewTargetContents(oj) {
viewTargetDivControl(preViewCloseImg,oj.responseText,'block');
}

// 2009-07-18 팝업창 생성 함수 - 권혁천
function OpenWindow(StrPage, StrName, w, h,scrolls)
{
var win = null;
var winl = (screen.width-w)/2;
var wint = (screen.height-h)/3;
settings = 'height='+h+',';
settings += 'width='+w+',';
settings += 'top='+wint+',';
settings += 'left='+winl+',';
settings += 'scrollbars='+scrolls+',';
settings += 'resizable=no,';
settings += 'status=no';
win = window.open(StrPage, StrName, settings);
if (parseInt(navigator.appVersion)>=4) {
win.window.focus();
}
}

// 상품요약정보 (툴팀제공) : 이경란(2009-11-30)
var config12 = {'className':'jsTooltip'};
var config3 = {'className':'jsTooltip2'};

var jsTooltip = function(evt,target,str,configSetting){

//==체크
if(str==null || str==''){return false;}
var config = {'gapLeft':5 ,'gapTop':5 , 'className':'jsTooltip','style':{} };
if(configSetting){
for(x in configSetting){
if(config[x] != undefined){
config[x] = configSetting[x];
}
}
}
//== 변수값 설정
this.target = target
this.str = str
this.gapLeft = config['gapLeft'];
this.gapTop = config['gapTop'];
divTooltip = document.createElement('div');
divTooltip.className = config['className'];
divTooltip.innerHTML = this.str;
//divTooltip.appendChild(document.createTextNode(this.str));
this.target.divTooltip = divTooltip;
//== 스타일 설정
if(config['style'] != null){
for(x in config['style']){
divTooltip.style[x] = config['style'][x];
}
}
divTooltip.style.display = 'none';
divTooltip.style.left = 0;
divTooltip.style.right = 0;
divTooltip.style.position = 'absolute';

if (divTooltip.className == 'jsTooltip') {
divTooltipImg = document.getElementById('tooltip_basic').cloneNode();
divTooltipImg.style.display = 'none';
divTooltipImg.style.left = 0;
divTooltipImg.style.right = 0;
divTooltipImg.style.position = 'absolute';
document.body.appendChild(divTooltipImg);
this.target.divTooltipImg = divTooltipImg;
}

document.body.appendChild(divTooltip);
var thisC = this;
this.target.onmouseover = function(evt){ thisC.show(evt,thisC.target); }
this.target.onmousemove = function(evt){ thisC.show(evt,thisC.target); }
this.target.onmouseout = function(evt){ thisC.hide(evt,thisC.target); }
if(evt && evt.type == 'mouseover'){
thisC.show(evt,thisC.target);
}
}

jsTooltip.prototype.show = function(evt,target){
if(window.event){ evt = window.event ;}
if(target.divTooltip){
var scrollLeft = Math.max(document.documentElement.scrollLeft,document.body.scrollLeft);
var scrollTop = Math.max(document.documentElement.scrollTop,document.body.scrollTop);
var scrollWdith = Math.max(document.documentElement.scrollWidth,document.body.scrollWidth);
var scrollHeight = Math.max(document.documentElement.scrollHeight,document.body.scrollHeight);

target.divTooltip.style.display = 'block';
var divRight = evt.clientX + target.divTooltip.offsetWidth;
var divBottom = target.divTooltip.offsetTop+target.divTooltip.offsetHeight;
var x = evt.clientX+this.gapLeft+scrollLeft;
if (divTooltip.className == 'jsTooltip') {
var y = evt.clientY+this.gapTop+scrollTop-203;
}else {
var y = evt.clientY+this.gapTop+scrollTop;
}
//var y = evt.clientY+this.gapTop+scrollTop-203;

if(divRight + scrollLeft + this.gapLeft + 20 >= scrollWdith){
x = (scrollWdith - target.divTooltip.offsetWidth - 10 );

}

target.divTooltip.style.left = x+'px';
target.divTooltip.style.top = y+'px';

if (divTooltip.className == 'jsTooltip') {
target.divTooltipImg.style.left = x+'px';
target.divTooltipImg.style.top = y+'px';
target.divTooltipImg.style.display = 'block';
}
}
}
jsTooltip.prototype.hide = function(evt,target){
if(target.divTooltip){
target.divTooltip.style.display = 'none';
if (divTooltip.className == 'jsTooltip') {
target.divTooltipImg.style.display = 'none';
}
}
}

function getPosition(e)
{
var mouseX = e.pageX ? e.pageX : document.documentElement.scrollLeft + event.clientX;
var mouseY = e.pageX ? e.pageX : document.documentElement.scrollLeft + event.clientY;

return {x: mouseX, y: mouseY};
}

//상품목록내에서 direct 장바구니 담기창
function category_add_basket(productNO, cateNO, disGroup, dMode)
{
try {
var dMode;
var Obj = document.getElementById('category_basketLayer');
var ObjOptPreview = document.getElementById('cate_opt_previewLayer');
var ObjBasketConfirm = document.getElementById('cate_basket_confirmLayer');
var XY = getPosition(event);

if (ObjOptPreview) {
ObjOptPreview.style.display = 'none';
}
if (ObjBasketConfirm) {
ObjBasketConfirm.style.display = 'none';
}

if(Obj)
{
var basket_layer = Obj;
var basket_iframe = document.getElementById('category_basket');
}else{
var create_iframe = true;

//레이어 생성
var basket_layer = document.createElement('div');
basket_layer.setAttribute('id', 'category_basketLayer');
basket_layer.style.position = 'absolute';
basket_layer.style.zindex = '1000';
basket_layer.style.width = '1px';
if(dMode == 1)
{
basket_layer.style.display = 'none';
}

//iframe 생성
var basket_iframe = document.createElement('iframe');
basket_iframe.setAttribute('id', 'category_basket');
basket_iframe.setAttribute('frameBorder', '0');
basket_iframe.setAttribute('border', '0');
basket_iframe.setAttribute('scrolling', 'no');
basket_iframe.style.width = '1px';
}

basket_layer.style.height = '0px';
basket_iframe.style.height = '0px';
basket_iframe.src = '/front/php/category_add_basket_f.php?product_no='+productNO+'&main_cate_no='+cateNO+'&display_group='+disGroup;
if(dMode != 1)
{
basket_layer.style.display = 'block';
basket_layer.style.left = document.body.scrollLeft + XY.x - 250;
basket_layer.style.top = document.body.scrollTop + XY.y;
}

if(create_iframe == true)
{
document.getElementsByTagName("body")[0].appendChild(basket_layer);
basket_layer.appendChild(basket_iframe);
}
} catch(e) {
}
}


//상품목록내에서 옵션미리보기
function cate_opt_preview(productNO,e)
{
try {
var dMode;
var ObjBasket = document.getElementById('category_basketLayer');
var Obj = document.getElementById('cate_opt_previewLayer');
var XY = getAbsPosition(e);
if (ObjBasket) {
ObjBasket.style.display = 'none';
}

if(Obj)
{
var opt_preview_layer = Obj;
var basket_iframe = document.getElementById('cate_opt_preview');
}else{
var create_iframe = true;

//레이어 생성
var opt_preview_layer = document.createElement('div');
opt_preview_layer.setAttribute('id', 'cate_opt_previewLayer');
opt_preview_layer.style.position = 'absolute';
opt_preview_layer.style.zindex = '1000';
//opt_preview_layer.style.width = '250px';
opt_preview_layer.style.border = '1px solid #ccc';


//iframe 생성
var basket_iframe = document.createElement('iframe');
basket_iframe.setAttribute('id', 'cate_opt_preview');
basket_iframe.setAttribute('frameBorder', '0');
basket_iframe.setAttribute('border', '0');
basket_iframe.setAttribute('scrolling', 'no');
basket_iframe.style.width = '100px';
}
basket_iframe.src = '/front/php/cate_opt_preview.php?product_no='+productNO;

opt_preview_layer.style.display = 'block';
opt_preview_layer.style.left = document.body.scrollLeft + XY.x;
opt_preview_layer.style.top = document.body.scrollTop + XY.y + 17;


if(create_iframe == true)
{
document.getElementsByTagName("body")[0].appendChild(opt_preview_layer);
opt_preview_layer.appendChild(basket_iframe);
}
} catch(e) {
}
}

//상품목록내에서 장바구니 담기 확인창
function cate_basket_confirm()
{
//try {
var Obj = document.getElementById('cate_basket_confirmLayer');

if(Obj)
{
var opt_preview_layer = Obj;
var basket_iframe = document.getElementById('cate_basket_confirm');
}else{
var create_iframe = true;

//레이어 생성
var opt_preview_layer = document.createElement('div');
opt_preview_layer.setAttribute('id', 'cate_basket_confirmLayer');
opt_preview_layer.style.position = 'absolute';
opt_preview_layer.style.zindex = '1000';
//opt_preview_layer.style.width = '250px';

//iframe 생성
var basket_iframe = document.createElement('iframe');
basket_iframe.setAttribute('id', 'cate_basket_confirm');
basket_iframe.setAttribute('frameBorder', '0');
basket_iframe.setAttribute('border', '0');
basket_iframe.setAttribute('scrolling', 'no');
basket_iframe.style.width = '300px';
basket_iframe.style.height = '104px';
}
basket_iframe.src = '/front/php/basket_confirm.php';

opt_preview_layer.style.display = 'block';
opt_preview_layer.style.left = document.body.scrollLeft+300;
opt_preview_layer.style.top = document.body.scrollTop+300;


if(create_iframe == true)
{
document.getElementsByTagName("body")[0].appendChild(opt_preview_layer);
opt_preview_layer.appendChild(basket_iframe);
}
//} catch(e) {
//}
}



function resizeFrame() {
try
{
window.resizeTo(document.body.scrollWidth, document.body.scrollHeight);
}
catch (e)
{
errCnt++;
if(errCnt > 10) return;
setTimeout("resizeFrame();", 500);}
}

/**
* 절대위치값 리턴
*/
function getAbsPosition(e)
{
var top = 0, left = 0;
if (!e) { e = window.event; }
var myTarget = e.currentTarget;
if (!myTarget) {
myTarget = e.srcElement;
}
else if (myTarget == "undefined") {
myTarget = e.srcElement;
}
while(myTarget!= document.body) {
top += myTarget.offsetTop;
left += myTarget.offsetLeft;
myTarget = myTarget.offsetParent;
}
return {x: left-document.body.scrollLeft, y: top-document.body.scrollTop};
}

//PG사 전표 출력: hckim 2010-02-26
function pgReceiptPrint(sReqData)
{
if(!sReqData)
{
alert('요청정보가 비었습니다');
return false;
}

OpenWindow('/common/PgReceiptPrint.php?req=' + sReqData , 'pgReceipt', 400, 300, 'no');
}


3.실제 보여지는 페이지 <DIV>~</DIV>
<div id='scroll_banner_l'>
<table width="87" cellpadding="0" cellspacing="0" border="0">
<tr>
<td><img src="../images/default/right_menu_top.jpg"></td>
</tr>
<tr>
<td background="../images/default/right_menu_bg.jpg" align="center">

<table width="71" cellpadding="0" cellspacing="0" border="0">
<tr>
<td><a href="<?=$url_sub6_1?>"><img src="../images/default/right_menu_01.jpg" border="0"></a></td>
</tr>
<tr>
<td><a href="#"><img src="../images/default/right_menu_02.jpg" border="0"></a></td>
</tr>
<tr>
<td><a href="#"><img src="../images/default/right_menu_03.jpg" border="0"></a></td>
</tr>
<tr>
<td><a href="#"><img src="../images/default/right_menu_04.jpg" border="0"></a></td>
</tr>
</table>

</td>
</tr>
<tr>
<td><img src="../images/default/right_menu_bottom.jpg"></td>
</tr>
</table>
</div>


이 포스트 공유하기

글수정  글삭제 전체목록
<
 
1
           
검색    글쓰기
번호 제 목 작성자 작성일 조회수
중요 [소스] 기존 a 태그 href를 이용하여 부드럽게 스크롤 이동하기 작성글은 비공개로 설정 되었습니다. 꿘쓰 2017.02.10 73
중요 [기타] 구글맵 플랫폼 꿘쓰 2019.01.22 3517
중요 [소스] 구글맵 반경 검색 작성글은 비공개로 설정 되었습니다. 꿘쓰 2018.01.08 17
중요 [소스] 구글맵 이동 경로 표시 꿘쓰 2018.01.18 3524
중요 [소스] 구글맵 좌표값 구하기 꿘쓰 2019.01.08 2173
중요 [소스] 구글맵 웹사이트 띄우기  이미지 파일이 첨부되어 있습니다. 꿘쓰 2013.01.02 20769
227 [소스] 마우스 롤오버 효과 작성글은 비공개로 설정 되었습니다. 꿘쓰 2020.06.30 2
226 [기타] 퍼센트 계산, 백분율 계산 방식 꿘쓰 2020.06.22 59
225 [소스] Window.scroll() 꿘쓰 2020.06.22 63
224 [소스] scrollLeft(), scrollTop() 작성글은 비공개로 설정 되었습니다. 꿘쓰 2020.06.15 0
223 [소스] 숫자 카운트 1 작성글은 비공개로 설정 되었습니다. 꿘쓰 2020.06.03 1
222 [CSS] 그라데이션 자동 생성 사이트 꿘쓰 2020.05.29 95
221 [CSS] flex-wrap:wrap 작성글은 비공개로 설정 되었습니다. 꿘쓰 2020.05.29 0
220 [SCRIPT] 자바스크립트 number_format 숫자 콤마 제이쿼리 꿘쓰 2019.12.03 172
219 [소스] 구글 로그인 API 자바스크립트 꿘쓰 2019.08.16 327
218 [JQUERY] 체크박스 체크 유무 jquery 꿘쓰 2019.07.23 353
217 [CSS] css webkit, moz, ms, o 의미 꿘쓰 2019.04.16 519
216 [HTML] HTML5 Canvers 태그 꿘쓰 2019.03.22 618
215 [기타] 카카오 상담톡 비즈니스 메신져 꿘쓰 2019.03.21 589
214 [기타] a태그 onclick 클릭 이벤트 차이점 꿘쓰 2019.03.13 582
213 [소스] 카카오 로그인 작성글은 비공개로 설정 되었습니다. 꿘쓰 2019.03.08 1
212 [소스] 별점주기 꿘쓰 2019.02.21 689
211 [소스] Select option를 버튼(div) 방식으로 변경하기 꿘쓰 2019.02.21 674
210 [소스] 코멘트 게시판 디자인 이미지 테두리 둥글게 하기 (border-radius) 꿘쓰 2019.02.13 877
209 [소스] 아이폰 갤러리 이미지 저장 방지 꿘쓰 2019.01.09 630
208 [CSS] 줄바꿈, URL 줄바꿈을 위한 CSS 꿘쓰 2019.01.04 669