어려운 것입니다. 만만하지 않아요
본문
1.우측에 슬라이딩 패널기능을 넣었는데요
2.
<script>
function open_in_frame(url) {
$('.my_frame').prop('src', url);
}
</script>
<style>
.my_frame { width: 100%; height: 1000px;
-moz-transform: scale(0.85, 0.85); // 원래 크기의 85%로 축소
-webkit-transform: scale(0.85, 0.85);
-o-transform: scale(0.85, 0.85);
-ms-transform: scale(0.85, 0.85);
transform: scale(0.85, 0.85);
-moz-transform-origin: top left; //상단 좌측 정렬
-webkit-transform-origin: top left;
-o-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
</style>
3. <input name="button3" type='button' class="urlbtn cd-btn js-cd-panel-trigger" data-panel="main" onclick='open_in_frame("<?=$write[wr_85]?>")' value='003'> 이버튼을 누르면
슬라이드가 열리고 거기에
<?=$write[wr_85]?>에 들어있는 url이 아이프레임으로 페이지가 뜨도록 했습니다.
###################################
그런데 이상하게 특정사이트 페이지는 슬라이드 패널안에서 열리지 않고,
현재 페이지에서 말하자면 target="_self" 식으로 바꿔버리네요...
즉 현재 페이지를 <?=$write[wr_85]?>값의 url로
바꿔버리네요,,,
도무지 이해가 되지 않습니다,.
다음넷은 잘되구요,,
나에 짜집기 싸이트도 잘되구요,,,
네이버는 이게 안먹히는거 같아요,,막았는지 모르지만..
앞서 말한 특정사이트는 그런 현상이구요...
슬라이딩 관련은 이렇습니다.
<title>Slide In Panel</title>
<main class="cd-main-content">
<a href="#0" class="cd-btn js-cd-panel-trigger" data-panel="main">Fire Panel</a>
<!-- your content here -->
</main>
<div class="cd-panel cd-panel--from-right js-cd-panel-main">
<header class="cd-panel__header">
<h1>Title Goes Here</h1>
<a href="#0" class="cd-panel__close js-cd-close">Close</a>
</header>
<div class="cd-panel__container">
<div class="cd-panel__content">
<iframe class='my_frame'></iframe>
</div> <!-- cd-panel__content -->
</div> <!-- cd-panel__container -->
</div> <!-- cd-panel -->
<script src="<?php echo $board_skin_url?>/js/main.js"></script> <!-- Resource JavaScript -->
*슬라이딩 패널이 열리면서 그게에 아이프레임이 뜨는중에 현재페이지가 새로고침되어버리고 패널은 닫혀버리는 현상입니다.