열기 A 버튼의 클릭 이벤트 팝업창에서 폼을 엽니 다.

Question

버튼의 클릭 이벤트에 대해 팝업 창에 폼을 열려고합니다. 아무도 이것에 대해 나를 도울 수 있습니까 ??

Answer 1

php는 서버 측 스크립팅 언어입니다. 당신은 jquery로 할 수 있습니다. 여기 데모 jsfiddle은 모달 팝업을 보여줍니다. 그것을 통해 가십시오.

<!-- Button trigger modal --> 
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> 
    Launch demo modal 
</button> 

<!-- Modal --> 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> 
     <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
     ... 
     </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> 
    </div> 
    </div> 
</div> 

Answer 2

PHP는 서버 측 언어이며 브라우저에서 실행되지 않습니다. 당신은 자바 스크립트를 조사하고 싶을 것이다. 자바 스크립트를 처음 사용하는 경우 기본 기능을 신속하게 사용하려면 jQuery 가야합니다.

$('button').on('click', function() { 
    alert('hello world'); 
}); 

일부 유용한 자원

https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript http://learn.jquery.com/about-jquery/how-jquery-works/

Answer 3

페소를 열 수 없습니다 팝업 ... 당신이 CSS 프레임 워크의를 사용하는 경우가 HTML이나 자바 스크립트

을 사용할 필요가에 대한 더 쉽게 (부트 스트랩처럼)

http://getbootstrap.com/javascript/#modals

Answer 4

대신 jQuery 대화 상자를 사용할 수 있습니다.

<script> 
<!-- Call jQuery Class --> 

$('#opener').click(function() { 
     $('#dialog').dialog('open'); 
     return false; 
}); 
</script> 

<div id = "dialog" title = "Search"> 
    <form action = "" method = "post" id = "form" name = "form"> 
     <!-- Contents --> 
     </form> 
</div> 

<input type = "button" name = "opener" value = "Open Me" id = "opener"> 

Answer 5

PHP를 사용하여 팝업을 열 수 없습니다. colorbox 및 fancybox로이 작업을 수행 할 수 있습니다.