닝뇽냥뇽
251
2020-11-25 11:07:49
2
131

DB에 저장된 html 태그를 변수에 담고 자바 스크립트로 넘기는데 문제가 생깁니다.


DB에서 content 컬럼에 이렇게 되어있는데

<iframe width="560" height="315" 
src="https://www.youtube.com/embed/cejliVjyxaY" frameborder="0" 
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; 
picture-in-picture" allowfullscreen></iframe>

이거를 asp로 불러오는 것까지는 했거든요.


근데 이제 여기서 변수에 담고 그거를 자바 스크립트로 넘기는 부분에서 오류가 납니다.

변수에 담을 때 큰따옴표 때문에 문제가 생기는데 어케 해결해야할지 모르겠습니다 ㅠㅠ


content에 저 유튜브 iframe값을 담고

content = Rs("content")

클릭 시 fn_movie로 저 값을 넘기고

<li class="list01" onClick='fn_movie(<%=content%>);'>

class="video_play"가 있는 태그에 contnet값을 넣으려고 합니다.

function fn_movie(content) {
			$(".video_play").append(content);
            popOpen();
        }


보안상으로 걸리는 부분 제외하고 전체적인 소스입니다 ㅠㅠ

<div class="relative">
        <ul class="photo_list">
		<%
		if rs.BOF or rs.EOF then
		%> 
			<p>등록된 글이 없습니다.</p>
		<%
			Else 
				i=1
				do until rs.eof or i > rs.PageSize
					title = Rs("title")
					name = Rs("name")
					content = Rs("content")
					maxlen = 60
					
					If len(title)>=maxlen Then
						title=left(title,maxlen)&"..."
					End If																						
		%>
            <li class="list01" onClick='fn_movie(<%=content%>);'>
                <a href="#n">
                    <div class="imgArea"><img src="/images/content/gallery0<%=i%>.jpg" alt=""></div>
                    <p class="ellipsis1"><%=title%></p>
                    <span><%=replace(left(rs("regdate"),10),"","")%></span>
                    <span><%=name%></span>
                </a>
            </li>
		<%
				rs.MoveNext
				i=i+1
				loop
			End If
			rs.close
			Set rs = Nothing
			Conn.Close
			Set Conn = Nothing
		%>
        </ul>
    </div>

    <div id="video_pop" class="video_view">
        <div class="inner">
            <div class="video_play">
                <img src="" alt="" /><!--임시로 이미지 넣음-->
                <iframe src=""></iframe>
            </div>
            <button class="video_close" onclick="movie_close();">닫기</button>
        </div>
        <div class="video_blank"></div>
    </div>

    <script type="text/javascript">

        function fn_movie(content) {
			$(".video_play").append(content);
            popOpen();
        }
        var scrollHeight = 0; //초기화

        function popOpen(){
            $("#video_pop").show();

            scrollHeight = $('body').scrollTop(); //현재 스크롤 위치
            $('body').addClass('layer-open'); //해제는 클래스 제거
        }

	    function movie_close(){
            $("#video_pop").hide();
            scrollHeight = $('body').scrollTop(); //현재 스크롤 위치
            $('body').removeClass('layer-open'); //해제는 클래스 제거
        }
    </script>






0
  • 답변 2

  • 초보자1212
    2k
    2020-11-25 23:10:05

    코드 설명도 이해하기가 힘든데

    적어도 오류가 뭔지는 알려주셔야 도움을 드리죠..;

  • 닝뇽냥뇽
    251
    2021-01-21 18:43:15

    초보자1212 어엌 지금봤네유.

    알아서 잘 해결했습니다 ㅎㅎ

  • 로그인을 하시면 답변을 등록할 수 있습니다.