테스트 사이트 - 개발 중인 베타 버전입니다

레이어 팝엄 관련 질문 드립니다. 채택완료

꿈의세계 2년 전 조회 1,965

안녕하세요 현제 레이어 팝업은 만들었는데요 문제는

기존 코드가 좀 어렵게 되어 있다 보니 제가 분석도 어렵고 응용하기가 좀 어려워서요

작업 하고 있는 사이트는 https://yscl.homweb.co.kr/page/page02_01_03.php 여기 인데요

맵 지도 옆에 이름을 클릭 하면 레이어 팝업으로 나오게 하고 싶은서요

아래 코드가 팝업이 뜨는 코드 인데요 이것을 적용을 했더니 뜨지 않아서 

</strong></p>

<p><a href="/source/korean/profile/profile.php?daesu=<?=$row['f_daesu']?>&f_code=<?=$row['f_code']?>" id="btn_profile_272" onclick="window.open(this.href,'profile','width=430,height=530,scrollbars=yes'); return false;" title="<?=$name?> 의원 프로필(새창)">의원 프로필</a></p>

<p><strong>

위 코드는 그냥 위 경로에서 불러와서 팝업으로 띄우게 되어 있는 것이고

아래 코드는 뭐 여러가지가 있다 보니 제가 적용 하기가 좀 어렵네요 

위 코드로 적용을 하기 위래서는 어떻게 해야 하는지 궁금 합니다.

https://yscl.homweb.co.kr/page/page02_01_02.php 여기서 의원 프로픽을 클릭 하면 팝업이 뜨는데

수정 할 페이지에서는 https://yscl.homweb.co.kr/page/page02_01_03.php 말 그대로 레이어 팝업으로 떠서 이것을 그냥 팝업을 뜨게 하고 싶은 거에요 죄송합니다 제가 말 주변이 없다 보니 좀 설명하기가 어렵네요

 

다시 핵심은 레이어 팝업을 그냥 팝업으로 나오게 하고 싶은 것입니다. 

</strong></p>

<p><a href="#eaa0689a095d4394a05fb51b84b0175a47f68221261377e4829444cbfcae23ca"

   onclick="profile_show( this);"

   id="btn_profileeaa0689a095d4394a05fb51b84b0175a47f68221261377e4829444cbfcae23ca"

   data-key="eaa0689a095d4394a05fb51b84b0175a47f68221261377e4829444cbfcae23ca"

   data-name2="<?=$name2?>"

   data-party="<?=$row2['f_party']?>"

   data-district="<?=$row2['f_district']?> <?=$dist?>"

   data-phone2="<?=$row2['f_phone2']?>"

   data-email="<?=$row2['f_email']?>"

   data-pic="<?php echo $img; ?>"

   data-career="<?=htmlspecialchars( trim( $row2['f_career']))?>"

   title="의원 프로필"

   class="btn_profile start" ><?=$row2['f_name']?>

</a></p>

<p><strong>

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
2년 전

다음은 window.open 형태로 동작하도록 하는 임시코드 입니다.

</p>

<p><script>

    var fn_profile_show = profile_show;

    profile_show = function (e){

        $(e).removeClass('btn_profile');

        fn_profile_show(e);

        $('#pop_profile_img').attr( 'src', location.origin + $(e).data('pic') );

        

        var wo = window.open('about:blank','profile','width=430,height=530,scrollbars=yes');

        var styles = '';</p>

<p>        for (var i = 0, i_len = document.getElementsByTagName('link').length; i < i_len; i++) {

            styles += document.getElementsByTagName('link')[i].outerHTML;

        }

        for (var i = 0, i_len = document.getElementsByTagName('style').length; i < i_len; i++) {

            styles += document.getElementsByTagName('style')[i].outerHTML;

        }</p>

<p>        wo.document.write('<html><head></head><body></body></html>');</p>

<p>        wo.document.getElementsByTagName('head')[0].innerHTML = document.getElementsByTagName('head')[0].innerHTML;

        var tags = $('#' + $(e).data('key')).prop('outerHTML');

        tags = tags.replace('pop_profile', 'pop_profile on');

        tags = tags.replace(/void\('close'\)/g, 'void(close())');

        wo.document.body.innerHTML = styles + tags;

    }

</script></p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

꿈의세계
2년 전
답변 정말 감사드립니다
그러나 이게 의원 프로필 보기 클릭을 하면 팝업창이 뜨는데요 문제는 닫고 나서 원래 눌렀던 현 위치로 포커스가가야 하는데 가지 않아서요 혹시이건 어떻게 처리를해야 할까요

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인