«modal-dialog» 태그된 질문

부트 스트랩 모달과 관련하여 몇 가지 질문을 보았지만 정확히 이와 같은 것은 없었으므로 계속하겠습니다. 나는 onclick이라고 부르는 모달을 가지고 있습니다 ... $(".modal-link").click(function(event){ $("#modal-content").modal('show'); }); 이것은 잘 작동하지만 모달을 표시 할 때 첫 번째 입력 요소에 집중하고 싶습니다 ... 경우에 따라 첫 번째 입력 요소의 ID는 #photo_name입니다. 그래서 나는 시도했다 $(".modal-link").click(function(event){ …

182 javascript  twitter-bootstrap  modal-dialog 

나는 JQuery UI의 대화 상자를 사용 open했고 대화 상자가 열리면 실행할 JavaScript 코드를 지정할 수 있는 옵션 이있었습니다 . 내가 가진 기능을 사용하여 대화 상자 내에서 텍스트를 선택하기 위해 해당 옵션을 사용했을 것입니다. 이제 부트 스트랩의 모달을 사용하여 그렇게하고 싶습니다. 아래는 HTMl 코드입니다. <div id="code" class="modal hide fade"> <div class="modal-header"> …

179 javascript  jquery  jquery-ui  twitter-bootstrap  modal-dialog 

JavaScript에서 순전히 OAuth 인증 흐름을 개발 중이며 팝업에서 사용자에게 "grant access"창을 보여주고 싶지만 차단됩니다. 어떻게에 의해 하나 생성 창 팝업 방지 할 수 있습니다 window.open또는 window.showModalDialog다른 브라우저 '팝업 차단에 의해 차단되는가?

172 javascript  popup  modal-dialog  popup-blocker 

JQuery UI 대화 상자를 사용하여 못생긴 javascript:alert()상자 를 바꾸려고합니다 . 내 시나리오에는 항목 목록이 있으며 각 항목 옆에 각 항목에 대해 "삭제"버튼이 있습니다. psuedo html 설정은 다음과 같습니다. <ul> <li>ITEM <a href="url/to/remove"> <span>$itemId</span> <li>ITEM <a href="url/to/remove"><span>$itemId</span> <li>ITEM <a href="url/to/remove"><span>$itemId</span> </ul> <div id="confirmDialog">Are you sure?</div> JQ 부분에서는 문서 준비가 완료되면 먼저 …

148 jquery  jquery-ui  dialog  modal-dialog 

최근에 wpf 앱에 대한 추가 및 편집 대화 상자를 만드는 데 문제가있었습니다. 내 코드에서하고 싶은 것은 이것과 같습니다. (주로 mvvm과 함께 viewmodel 첫 번째 접근 방식을 사용합니다) 대화창을 호출하는 ViewModel : var result = this.uiDialogService.ShowDialog("Dialogwindow Title", dialogwindowVM); // Do anything with the dialog result 어떻게 작동합니까? 먼저 대화 서비스를 만들었습니다. …

148 c#  .net  wpf  mvvm  modal-dialog 

WPF에서 첫 번째 응용 프로그램을 작성 중이며 사용자가 모달 대화 상자 창에 일부 데이터를 입력하도록하고 싶습니다. 부모 창은 완전히 활성화되어 있고 새 자식 창을 만든 메서드가 중지되지 않고 자식 창이 Close ()를 호출 할 때까지 기다리기 때문에 WPF에서는이 작업이 간단하지 않습니다. 대신 계속 진행됩니다. 이것은 내가 원하는 것이 아닙니다. 자식 …

133 .net  wpf  dialog  modal-dialog 

Angular 2.0에서 Confirmation 모달 대화 상자를 수행하는 방법에 대한 몇 가지 예를 찾으려고합니다. Angular 1.0에 Bootstrap 대화 상자를 사용하고 있으며 웹에서 Angular 2.0에 대한 예제를 찾을 수 없습니다. 또한 운없이 앵귤러 2.0 문서를 확인했습니다. Angular 2.0에서 Bootstrap 대화 상자를 사용하는 방법이 있습니까?

128 modal-dialog  angular 

ViewController 클래스 내부에서 모달 뷰 컨트롤러로 표시되는지 확인할 수 있습니까?

117 iphone  ios  view  controller  modal-dialog 

Modal절대 위치에 있고 부모 위에 Z- 인덱싱되고 JQuery로 멋지게 배치 된 CSS 클래스 가 있습니다. 모달 상자 상단에 캐럿 이미지 (^)를 추가하고 :beforeCSS 의사 선택기를 사용하여 깔끔하게 수행하는 방법을 살펴 보았습니다. 이미지는 절대 위치에 있어야하고 모달 위에 Z- 인덱싱되어야하지만 content속성 의 이미지에 적절한 클래스를 추가 할 방법을 찾지 못했습니다 . …

116 css  modal-dialog  pseudo-element 

모달이 열려있는 경우에만 유효성 검사를 수행해야합니다. 왜냐하면 모달을 연 다음 닫으면 모달을 여는 버튼을 누르면 jquery 유효성 검사를 수행하기 때문에 작동하지 않기 때문입니다. 모달이 해제 되었기 때문에 표시됩니다. 그래서 모달이 열려 있으면 jquery를 광고하여 유효성을 검사하고 싶습니다. 가능합니까? <script> $(document).ready(function(){ var validator =$('#form1').validate( { ignore: "", rules: { usu_login: { …

111 jquery  validation  twitter-bootstrap  modal-dialog 

내부에 폼이있는 부트 스트랩 모달을 설정했는데 Enter 키를 누르면 모달이 해제되는 것을 알았습니다. Enter 키를 누를 때 해제하지 않는 방법이 있습니까? keyboard : false로 모달 활성화를 시도했지만 ESC 키로 만 해제 할 수 없습니다.

107 forms  twitter-bootstrap  modal-dialog 

현재 Angular 4 프로젝트의 비밀번호 재설정 페이지에서 작업 중입니다. Angular Material을 사용하여 대화 상자를 만들지 만 클라이언트가 대화 상자를 클릭하면 자동으로 닫힙니다. 코드 측에서 "close"함수를 호출 할 때까지 대화 상자 닫기를 피하는 방법이 있습니까? 아니면 닫을 수없는 모달을 어떻게 만들어야 합니까?

103 angular  dialog  modal-dialog  angular-material 

jquery UI 대화 상자를 사용하면 한 가지를 제외하고 모두 잘 작동합니다. 브라우저의 크기가 조정되면 대화 상자가 초기 위치에 그대로 유지되므로 정말 짜증이 날 수 있습니다. http://jqueryui.com/demos/dialog/ 에서 테스트 할 수 있습니다. "모달 대화 상자"예제를 클릭하고 브라우저 크기를 조정하십시오. 브라우저 크기가 조정될 때 대화 상자가 자동 ​​중앙에 오도록 할 수 있기를 …

100 jquery  jquery-ui  modal-dialog 

부트 스트랩 모달 창을 구현하려고 할 때이 오류가 계속 발생합니다. 그 원인은 무엇일까요? http://angular-ui.github.io/bootstrap/#/modal의 모든 내용을 여기에 복사 / 붙여 넣기 했습니다.

97 javascript  angularjs  modal-dialog 

따라서이 코드를 사용하여 현재 열린 모달 창에서 다른 모달 창을 엽니 다. <a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a> 무슨 일이 일어나면 500ms 동안 스크롤바가 복제됩니다. 현재 모달이 여전히 희미 해지기 때문인 것 같습니다. 그러나 그것은 매우 부드럽 지 않고 말 더듬어 보입니다. 이 문제를 해결하기위한 제안에 감사드립니다. 또한 onclick-event에서 이것을 만드는 방법이 비전문가입니까? …

95 javascript  jquery  twitter-bootstrap  modal-dialog  twitter-bootstrap-3