구름과 바람 그리고 나그네 :: [javascript] 팝업레이어 - 화면크기에 따라서...

<SCRIPT LANGUAGE="JavaScript">
<!--
function GetObjectTop(obj) {
if (obj.offsetParent ==  document.body)
return obj.offsetTop;
else
return obj.offsetTop + GetObjectTop(obj.offsetParent);
}

function GetObjectLeft(obj) {
if (obj.offsetParent ==  document.body)
return obj.offsetLeft;
else
return obj.offsetLeft + GetObjectLeft(obj.offsetParent);
}
//-->
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript">
<!--
//(처리할 내용이 있을때..) 처리후 ...
function handleQmAuth(){
var pop =  document.getElementById("winQMAuthInp");
pop.style.display='';
pop.style.position = "absolute";
pop.style.border = "solid black 1px";

var obj;
obj =  document.getElementById("txtAuthNum")
pop_top = GetObjectTop(obj);
pop_left = GetObjectLeft(obj);

pop.style.top = (pop_top) + 'px';
pop.style.left = pop_left + 'px';

 document.body.style.filter = "alpha(opacity=100)";
 document.getElementById("winQMAuthInp").style.display = "";
 document.getElementById("...").focus();
}
//-->
</SCRIPT>


HTML

<input type='text' name='txtAuthNum' ID="txtAuthNum" MaxLength="10" Width="165" Height="20" class='boxline3' ReadOnly="true" />
<img src="*.gif" name='ibtnGetAuth' ID="ibtnGetAuth" Width="88" Height="18" align="AbsMiddle" style="cursor:hand;">


<div style="width: 280px; height: 80px; display: none; position: absolute; left:552px; top: 380px;" id="winQMAuthInp">
내용....
</div>

Posted by pressrain
,