팝업창이 절울리네요.....ㅠㅠ 정보
팝업창이 절울리네요.....ㅠㅠ
본문
DTD 빌더 마무리 작업 중인데....
레이어 팝업창이 드래그가 안되어서 머뭇거라고 있습니다.
혹 이런경우 어디가 문제인지 아시는분 알려주시면 감사.....ㅎㅎ
여러가지 템플릿도 같이 만들고 있는데 이거 해결해야 배포가 가능 할텐데.....ㅠㅠ
핸폰으로는 도저히 수정을 못하겠고 이따 퇴근후에 확인 해 봐야 겠습니다.
혹 시간되신는 분 테스트 부탁드립니다.
추천
0
0
댓글 3개
아파치님 안녕하세요.
접속하자 말자,,아파치님 글이 보여서..
해당 사이트 접속해서,,,소스 한번 봤습니다.
혹,,아래와 같이 함 해보세요.
달라진건 없구요.
전체 감싸는 div에서
cursor:move;" onmouseover="dragObj=layer_2; drag=1;move=0" onmouseout="drag=0"
위 코드만 떼어내어서 속 div에 넣은겁니다.
전에 저도 한번 부닺힌 경험이 있어서 혹시나 해서 해 봤는데 되네요.^^
================================
<div id="layer_2" style="position:absolute; border:3px solid black; left:300px; top:300px; width:300px; height:430px; z-index:1002;filter:revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5);background-color:#fff">
<div style="text-align:left;color:#fff;height:25px;background:black;padding:7px 0 0 10px;cursor:move;" onmouseover="dragObj=layer_2; drag=1;move=0" onmouseout="drag=0">팝업 레이어 테스트</div>
<div style="margin:0 auto;padding-bottom:30px;">레이어 팝업창 테스트 입니다.
<div><br /></div>
<div>드래그가 안되는 버그가 있어 테스트 중 입니다. </div>
<div><br /></div>
<div>아이폰에서는 이미지를 못 올리네요.....ㅠㅠ</div>
<div><br /></div>
<div><br /></div></div>
<div style="position:absolute;bottom:0;height:30px;background:black;width:300px;">
<div style="padding:10px 0 0 10px;font-size:11px;color:#fff;">
<input type='checkbox' name="gigan" value="1" onclick="set_cookie('cookie_2','Y', 24,'/'); document.getElementById('layer_2').style.display='none';" align="absmiddle">
<span style="padding-left:10px;">1일동안 열지 않습니다.</span>
<span onclick="document.getElementById('layer_2').style.display='none';" style='position:absolute;cursor:pointer; right:5px; bottom:5px;'>
<img src='./img/img_close_x.gif' border='0' align='absmiddle'></span>
</div>
</div>
</div>
<script type="text/javascript">
//<![CDATA[
var x =0
var y=0
drag = 0
move = 0
window.document.onmousemove = mouseMove
window.document.onmousedown = mouseDown
window.document.onmouseup = mouseUp
window.document.ondragstart = mouseStop
function mouseUp() {
move = 0
}
function mouseDown() {
if (drag) {
clickleft = window.event.x - parseInt(dragObj.style.left)
clicktop = window.event.y - parseInt(dragObj.style.top)
dragObj.style.zIndex += 1
move = 1
}
}
function mouseMove() {
if (move) {
dragObj.style.left = window.event.x - clickleft
dragObj.style.top = window.event.y - clicktop
}
}
function mouseStop() {
window.event.returnValue = false
}
function Show(divid)
{
divid.filters.blendTrans.apply();
divid.style.visibility = "visible";
divid.filters.blendTrans.play();
}
function Hide(divid) {
divid.filters.blendTrans.apply();
divid.style.visibility = "hidden";
divid.filters.blendTrans.play();
}
//]]>
</script>
접속하자 말자,,아파치님 글이 보여서..
해당 사이트 접속해서,,,소스 한번 봤습니다.
혹,,아래와 같이 함 해보세요.
달라진건 없구요.
전체 감싸는 div에서
cursor:move;" onmouseover="dragObj=layer_2; drag=1;move=0" onmouseout="drag=0"
위 코드만 떼어내어서 속 div에 넣은겁니다.
전에 저도 한번 부닺힌 경험이 있어서 혹시나 해서 해 봤는데 되네요.^^
================================
<div id="layer_2" style="position:absolute; border:3px solid black; left:300px; top:300px; width:300px; height:430px; z-index:1002;filter:revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5);background-color:#fff">
<div style="text-align:left;color:#fff;height:25px;background:black;padding:7px 0 0 10px;cursor:move;" onmouseover="dragObj=layer_2; drag=1;move=0" onmouseout="drag=0">팝업 레이어 테스트</div>
<div style="margin:0 auto;padding-bottom:30px;">레이어 팝업창 테스트 입니다.
<div><br /></div>
<div>드래그가 안되는 버그가 있어 테스트 중 입니다. </div>
<div><br /></div>
<div>아이폰에서는 이미지를 못 올리네요.....ㅠㅠ</div>
<div><br /></div>
<div><br /></div></div>
<div style="position:absolute;bottom:0;height:30px;background:black;width:300px;">
<div style="padding:10px 0 0 10px;font-size:11px;color:#fff;">
<input type='checkbox' name="gigan" value="1" onclick="set_cookie('cookie_2','Y', 24,'/'); document.getElementById('layer_2').style.display='none';" align="absmiddle">
<span style="padding-left:10px;">1일동안 열지 않습니다.</span>
<span onclick="document.getElementById('layer_2').style.display='none';" style='position:absolute;cursor:pointer; right:5px; bottom:5px;'>
<img src='./img/img_close_x.gif' border='0' align='absmiddle'></span>
</div>
</div>
</div>
<script type="text/javascript">
//<![CDATA[
var x =0
var y=0
drag = 0
move = 0
window.document.onmousemove = mouseMove
window.document.onmousedown = mouseDown
window.document.onmouseup = mouseUp
window.document.ondragstart = mouseStop
function mouseUp() {
move = 0
}
function mouseDown() {
if (drag) {
clickleft = window.event.x - parseInt(dragObj.style.left)
clicktop = window.event.y - parseInt(dragObj.style.top)
dragObj.style.zIndex += 1
move = 1
}
}
function mouseMove() {
if (move) {
dragObj.style.left = window.event.x - clickleft
dragObj.style.top = window.event.y - clicktop
}
}
function mouseStop() {
window.event.returnValue = false
}
function Show(divid)
{
divid.filters.blendTrans.apply();
divid.style.visibility = "visible";
divid.filters.blendTrans.play();
}
function Hide(divid) {
divid.filters.blendTrans.apply();
divid.style.visibility = "hidden";
divid.filters.blendTrans.play();
}
//]]>
</script>
감사합니다. 불량감자님!!!
퇴근후에 적용 해 보겠습니다.
퇴근후에 적용 해 보겠습니다.
불량감자님! 덕분에 잠깐이지만 즐거움을 느꼈습니다.
근데 집에 와서 적용해보니 똑같은 현상이네요...ㅠㅠ
처음부터 뭐가 잘못된것인지 차근차근 살펴봐야 겠습니다.
신경 써 주셔서 감사합니다.....^^
근데 집에 와서 적용해보니 똑같은 현상이네요...ㅠㅠ
처음부터 뭐가 잘못된것인지 차근차근 살펴봐야 겠습니다.
신경 써 주셔서 감사합니다.....^^
