게시판에서 자바스크립트로 팝업 띄울 때 값을 넘기려고 합니다.
본문
게시판에서 게시글을 클릭하면 jQuery를 통해 팝업을 띄우려고 합니다.
그런데 이 팝업에서 해당 게시글의 wr_id 를 보내서 팝업에 게시글의 내용을 띄워주려고 합니다.
<span class="movie_btn">
<p class="pic"><img src="http://i1.ytimg.com/vi/<?php echo $list[$i]['wr_2']; ?>/mqdefault.jpg" alt="썸네일" width="260px" height="260px" wr_id="<?php echo $list[$i]['wr_id']; ?>" w="640" h="480" /></p>
</span>
<p class="movie_pop">
<em><?php echo $list[$i]['wr_subject']; ?></em>
<a class="btn" href="#none">
<img src="../images/gallery_view_close.png" alt="" />
</a>
<span> </span>
</p>
다음과 같이 게시판 스킨의 저 movie_btn을 누르면,
다음 jQuery를 실행시킵니다.
/* Global Navigation */
$(document).ready(function() {
$(".movie_btn").click(function(){
$(".movie_pop").css({"display":"block"});
$(".movie_pop_bg").css({"display":"block"});
$(".movie_pop span").append("<embed src='http://www.youtube.com/v/?&autoplay=1&loop=1&version=2&hl=ko_KR' type='application/x-shockwave-flash' width='640' height='390' allowscriptaccess='always' allowfullscreen='true'></embed>");
});
$(".movie_pop .btn").click(function(){
$(".movie_pop").css({"display":"none"});
$(".movie_pop_bg").css({"display":"none"});
$(".movie_pop span").empty()
});
});
저 jQuery에서 wr_id값을 넘겨주려고 하는데
어떻게 해야 wr_id값을 받을 수 있을까요?
답변 2
게시판 스킨에서 php의 변수를 js로 넘기기 위해 아래와 같은 코드를 작성하세요
<script>
board_wr_id= '<?=$list[$i]['wr_id']?>';
</script>
게시판에서 저렇게 생성을 해주고 나서, jQuery는 외부 파일인데 저기서 board_wr_id에 관해 정의해줘야 될가요?
전역 변수로 선언했기때문에 문제없을것으로 보입니다.
외부js에서 못가져오면 global board_wr_id; 를 호출해주세요.
게시판 스킨에서는 값을 확인이 되는데, board_wr_id를 jQuery내에서 제대로 불러오지 못하는 거 같네요..쩝.
근데 생각해보니 movie_btn에 data-wrid="<?=$list[$i]['wr_id']?>" 값을 주고
$(this).attr("data-wrid") 로 받아오는게 훨씬 편하지 않나요?
아, 그러면 제가 하려는 게 값을 받아와서 유투브 코드의 값에 넣어주는 건데
var idx = $(this).attr("data-wrid");
이렇게 선언하고 나서,
$(".movie_pop span").append("<embed src='http://www.youtube.com/v/"idx 값"&autoplay=1&loop=1&version=2&hl=ko_KR' type='application/x-shockwave-flash' width='640' height='390' allowscriptaccess='always' allowfullscreen='true'></embed>");
이렇게 하려고 하는데, 이런 방법도 가능할까요?
+ 로 연결하시면 됩니다.
궁금한게 data-wrid는 wrid만 받아오는 거잖아요?
그럼 저기에 추가적으로 다른 값들을 받아오게 하려면 data-wrsubject하면, wr_subject값도
넘길 수 있는 건가요?
html element 안에 data-wrid라는 attribute에 php를 이용하여 $wr_id값을 집어 넣었기때문에 가져올 수 있는 부분입니다. wr_subject 값이 필요로 하시다면 똑같은 방법으로 가져오시면 되겠죠