개발 Q&A

제목 Modal page를 url을 통해 불러 오고싶습니다.
글쓴이 trace 작성시각 2016/09/21 23:51:38
댓글 : 4 추천 : 0 스크랩 : 0 조회수 : 15723   RSS
//Main page//

<a id="feelBtn" data-toggle="modal" href="<?php echo html_escape(element('feel_write_url', element('list', $view)));?>" data-target="#myModal">Click me</a>
			
			

             <script type="text/javascript">
            
            $('a#feelBtn').click(function() {
                $('#myModal').modal();
                
               
            }); 
                


            
<div class="modal fade hide" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…</p>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>

//Modal page//

<div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
        <h4 class="modal-title">Modal title</h4>
      </div>
      <div class="modal-body">
        <p>One fine body…</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>

 

url 

<?php echo html_escape(element('feel_write_url', element('list', $view)));?> 을 웹 주소에다 치면 모달 창으로 안뜨고 모달 안 내용만 뜨는 것은 확인 하였습니다.

bootstrap을 이용중인데 modal 이 링크를 통해서 안불러지는것 같은데, 제가 뭘 잘못하고 있는건지 모르겠습니다. ㅠㅠ

 

 다음글 php 버튼 ? 골떄리는 버그!! (3)
 이전글 ajax pending 처리 어떻게 하나요? (4)

댓글

/ 2016/09/22 15:24:45 / 추천 0

 

<!-- Modal -->
<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog w_850">
		<div class="modal-content">
			<div class="po_rel groupWrap">
				<div class="loading2"></div>
				<div class="group"></div>
			</div>
		</div>
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

 

function createGroupForm (no) {
    	$(".groupWrap .group").empty();
		var action = '/' + mgf + '/bus/group';
		
		var data = new Array();
		data.push({ name: csrf_name, value: csrf_hash });
		if (no !== undefined){
			data.push({ name: 'no', value: no });
		}
		ajaxJson(action,data,$(".groupWrap .group"),function(){
			
		},$(".groupWrap .loading2"));
            
		$('#modal')
		.removeData()
		.modal({
			show:true
		});
		return false;
    }

 

/ 2016/09/22 15:28:29 / 추천 0

제가 사용하는 부트스트랩 모달 소스인데요~ 

data.push({ name: csrf_name, value: csrf_hash });

이부분이 csrf를 추가해서 비동기 호출하는 소스인데요~~ 으용하셔서 소스보시면서 하시면 될듯해요~~

var csrf_name    = '<?php echo $this->security->get_csrf_token_name(); ?>';
var csrf_hash    = '<?php echo $this->security->get_csrf_hash(); ?>';

trace / 2016/09/22 21:16:19 / 추천 0
@닉 좋은 정보 감사합니다 !! 한번 해보겠습니다
trace / 2016/09/22 23:01:09 / 추천 0
<button type="button" id="feelBtn" class="btn btn-primary" data-remote="<?php echo html_escape(element('feel_write_url', element('list', $view)));?>" data-target="#feelModal" data-toggle="modal" data-backdrop="true" >
            button </button>

<div class="modal" id="feelModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
  <div class="modal-dialog">
        <div class="modal-content">
                <div class="modal-body">
                </div>
         </div>
   </div>             
</div>

다음과 같이 작성하여 해결하였습니다.