레이어팝업 문의드립니다. 정보
레이어팝업 문의드립니다.본문
head.sub.php의 <head>와 </head>사이에
<script language="Javascript">
function setVisible(v) { // 버튼을 클릭하면 레이가 보이게 하는 소스
var t=document.getElementById("Layer1");
if (v)
t.style.visibility="visible";
}
</script>
보여지는 페이지에 index.php 파일에
<div id="layer1" style="position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; visibility:hidden;">
<? include_once("a.php"); ?> // 버튼 누르면 나올 레이어 내용(클릭전에는 레이어 안보임)
</div>
a.php 파일에 창닫기 클릭시 레이어 닫기 어떻게 만들어야 하나요.
<a onclick="visibility='hidden';" href="javascript:;">창닫기</a> 이런식으로 했는데 안되네요 ㅠㅠ
<script language="Javascript">
function setVisible(v) { // 버튼을 클릭하면 레이가 보이게 하는 소스
var t=document.getElementById("Layer1");
if (v)
t.style.visibility="visible";
}
</script>
보여지는 페이지에 index.php 파일에
<div id="layer1" style="position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; visibility:hidden;">
<? include_once("a.php"); ?> // 버튼 누르면 나올 레이어 내용(클릭전에는 레이어 안보임)
</div>
a.php 파일에 창닫기 클릭시 레이어 닫기 어떻게 만들어야 하나요.
<a onclick="visibility='hidden';" href="javascript:;">창닫기</a> 이런식으로 했는데 안되네요 ㅠㅠ
댓글 전체
<span style='cursor:pointer;' onclick="document.getElementById('layer1').style.visibility='hidden';">창 닫기</span>
참고로 visibility 보다 display를 선호합니다.
visibility 는 정확히 확인은 해보지 않았지만. hidden으로 처리해도 공간은 차지하는 문제가 있더군요.
참고로 visibility 보다 display를 선호합니다.
visibility 는 정확히 확인은 해보지 않았지만. hidden으로 처리해도 공간은 차지하는 문제가 있더군요.
div 대신에 table 로 하면 공간을 차지 않았던듯 하구요??
흠 그런게 있었군요 시간날때 한번 테스트를 >.<
답변감사드립니다. 잘닫히는데요 그런데 a.php의 팝업내용이 플래시이고 음성이 나옵니다.
닫기는 잘되는데 플래시 음성이 계속나오고 또 열기버튼을 클릭하면 처음부터 플래시가 나오는게아니고 이어서 나오네요 후 아이고 어렵네요 ㅋ
닫기는 잘되는데 플래시 음성이 계속나오고 또 열기버튼을 클릭하면 처음부터 플래시가 나오는게아니고 이어서 나오네요 후 아이고 어렵네요 ㅋ
흠 저도 레이어팝업 부분에 플래시 or 미디어 플레이어 삽입시 꽤나 고생했던 부분이죠.
방법은.. div 내를 싹 비워버리고 열기할
방법은.. div 내를 싹 비워버리고 열기할
타이핑님 답변감사드립니다. 마지막에 해결방안 글 짤렸네요 ㅎ 마저좀 부탁드려요
짤렸네요;;; 창닫기시 div 내용을 싹 비우시고 (innerHTML = "") 그누보드에 탑재되어있는 jquery를 이용해서. ( ajax ) 새롭게 가져오시는게 좋을거 같네요..
$("#아이디값").open() <-- 이 함수 찾아보시면 쉽게 사용가능하실겁니다.
( 파일를 하나더 생성해야 합니다. )
$("#아이디값").open() <-- 이 함수 찾아보시면 쉽게 사용가능하실겁니다.
( 파일를 하나더 생성해야 합니다. )
<div id="layer1" style="position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;"></div>
<span style="cursor:pointer;" onClick="toggleView();">열기/닫기</span>
<script type="text/javascript">
function toggleView() {
if ($("#layer1").text() == "")
$("#layer1").load("a.php"); // a.php는 수정이 필요할겁니다
else
$("#layer1").empty();
}
</script>
<span style="cursor:pointer;" onClick="toggleView();">열기/닫기</span>
<script type="text/javascript">
function toggleView() {
if ($("#layer1").text() == "")
$("#layer1").load("a.php"); // a.php는 수정이 필요할겁니다
else
$("#layer1").empty();
}
</script>
