아래 소스는 이미지를 좌우로 이동하는 스크립트 입니다.
하지만 익스플로러에서는 잘 되지만 파이어폭스에서는 잘 안됩니다.
어디가 잘 못 되었는지 고수님들께서 확인 해주세요. 급합니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>Test</title>
<script type="text/javascript">
<!--
var main_xpos_min = 130;
var main_ypos_min = 0;
var main_xpos_max = 540;
var main_ypos_max = 0;
var dragThis="";
var oldX,oldY,newX,newY;
document.onmousemove = dragIt;
document.onmousedown = beginDrag;
document.onmouseup = endDrag;
oldX=oldY=newX=newY=0, dragThis=null;
function beginDrag()
{
dragThis = event.srcElement;
dragThis = dragThis.parentElement;
if (dragThis.id.indexOf("item") != -1)
{
oldX = event.clientX;
oldY = event.clientY;
}
if (dragThis.id == "")
{
dragThis = dragThis.parentElement;
if (dragThis == null) { return }
}
}
function dragIt()
{
if (dragThis == null)
{
return;
}
newX = (event.clientX + document.body.scrollLeft);
newY = (event.clientY + document.body.scrollTop);
var distanceX = (newX - oldX);
var distanceY = (newY - oldY);
oldX = newX;
oldY = newY;
if (dragThis.id.indexOf("item_01") != -1)
{
var point_num = parseInt((dragThis.style.pixelLeft)/4.3);
if(point_num < 0)
{
point_num =1;
}
if(point_num > 100)
{
point_num =100;
}
form2.q18.value=point_num;
}
if (dragThis.style.pixelLeft >= main_xpos_min && dragThis.style.pixelLeft <= main_xpos_max - dragThis.style.pixelwidth)
{
dragThis.style.pixelLeft += distanceX;
}
else
{
if (dragThis.style.pixelLeft < main_xpos_min )
{
dragThis.style.pixelLeft = main_xpos_min + 1;
}
else if (dragThis.style.pixelLeft > main_xpos_max - dragThis.style.pixelwidth)
{
dragThis.style.pixelLeft = main_xpos_max - dragThis.style.pixelwidth - 1;
}
}
event.returnValue = false;
}
function endDrag()
{
if (dragThis!=null)
{
if (dragThis.style.pixelLeft < main_xpos_min )
{
dragThis.style.pixelLeft = main_xpos_min + 1;
}
else if (dragThis.style.pixelLeft > main_xpos_max - dragThis.style.pixelwidth)
{
dragThis.style.pixelLeft = main_xpos_max - dragThis.style.pixelwidth - 1;
}
}
dragThis = null;
}
//-->
</SCRIPT>
</HEAD>
<BODY oncontextmenu="return false;" onselectstart="return false;" ondragstart="return false;">
<FORM name=form2 onSubmit="return check_it()" method="post">
<table width="816" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="32" background="img/B_TOP.jpg"><table width="810" border="0" align="center" cellpadding="1" cellspacing="1">
<tr>
<td width="402" align="center" class="QueBold12px">No</td>
<td width="401" align="center" class="QueBold12px">Yes</td>
</tr>
</table></td>
</tr>
<tr>
<td background="img/B_CENTER.jpg"><table width="810" border="0" align="center" cellpadding="1" cellspacing="1">
<tr>
<td>
<div id="item_01" style="LEFT: 130px; POSITION: relative; TOP: 0px; pixelwidth: 0; pixelheight: 0; align: middle; valign: center;">
<IMG src="img/test.jpg" width="143" height="125" style="CURSOR: pointer"></div>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="img/B_BOTTOM.jpg" width="816" height="4"></td>
</tr>
</table>
</td>
</tr>
</table>
<INPUT type="hidden" name="q18" value="">
</FORM>
</BODY>
</HTML>
꼭 부탁 드릴께요
파이어폭스에서 이미지 좌우 이동
-
Seeker
- 서포터즈
- Posts: 80
- Joined: 2008 06 13 16:16 14
- Contact:
Re: 파이어폭스에서 이미지 좌우 이동
IE와 여타 브라우저는 이벤트를 다루는 방식이 다릅니다.
아래는 이벤트에 대한 기본적인 문서이니 참고하세요.
https://developer.mozilla.org/en/DOM/event
영어가 익숙치 않으면
https://developer.mozilla.org/ko/DOM/event
아래는 이벤트에 대한 기본적인 문서이니 참고하세요.
https://developer.mozilla.org/en/DOM/event
영어가 익숙치 않으면
https://developer.mozilla.org/ko/DOM/event
Who is online
Users browsing this forum: Semrush [Bot] and 0 guests