«modal-dialog» etiketlenmiş sorular

Bootstrap modals ile ilgili birkaç soru gördüm, ama hiçbiri tam olarak böyle değil, bu yüzden devam edeceğim. Dediğim bir modal var. $(".modal-link").click(function(event){ $("#modal-content").modal('show'); }); Bu iyi çalışıyor, ancak mod gösterildiğinde ilk giriş öğesine odaklanmak istiyorum ... Bu durumda ilk giriş öğesinin #photo_name kimliği vardır. Ben de denedim $(".modal-link").click(function(event){ $("#modal-content").modal('show'); $("input#photo_name").focus(); …

182 javascript  twitter-bootstrap  modal-dialog 

JQuery UI iletişim kutusunu kullandım openve iletişim kutusu açıldıktan sonra yürütmek için bazı Javascript kodunu belirtebileceğiniz bir seçenek vardı . Sahip olduğum bir işlevi kullanarak iletişim kutusundaki metni seçmek için bu seçeneği kullanırdım. Şimdi bunu bootstrap modelini kullanarak yapmak istiyorum. HTMl kodu aşağıdadır: <div id="code" class="modal hide fade"> <div class="modal-header"> …

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

Tamamen JavaScript'te bir OAuth kimlik doğrulama akışı geliştiriyorum ve kullanıcıya bir açılır pencerede "erişim izni ver" penceresini göstermek istiyorum, ancak engelleniyor. Nasıl yoluyla oluşturulan pencereler açılır önleyebilir window.openveya window.showModalDialogfarklı tarayıcılarda Pop-up engelleyicileri tarafından bloke edilmesinin?

172 javascript  popup  modal-dialog  popup-blocker 

Son zamanlarda wpf uygulamam için ekleme ve düzenleme iletişim kutuları oluşturma konusunda sorun yaşadım. Kodumda tek yapmak istediğim bunun gibi bir şeydi. (Mvvm ​​ile çoğunlukla viewmodel ilk yaklaşımını kullanıyorum) Bir iletişim penceresi çağıran ViewModel: var result = this.uiDialogService.ShowDialog("Dialogwindow Title", dialogwindowVM); // Do anything with the dialog result O nasıl çalışır? …

149 c#  .net  wpf  mvvm  modal-dialog 

Çirkin javascript:alert()kutusunu değiştirmek için JQuery UI iletişim kutusunu kullanmaya çalışıyorum. Benim senaryomda, bir öğeler listesi var ve her birinin yanında, her biri için bir "sil" düğmesi olurdu. psuedo html kurulumu aşağıdaki gibi bir şey olacaktır: <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 …

148 jquery  jquery-ui  dialog  modal-dialog 

İlk uygulamamı WPF'de yazıyorum ve kullanıcının kalıcı bir iletişim penceresinde bazı verileri girmesini istiyorum. Görünüşe göre, bu WPF'de yapmak kolay değildir, çünkü ana pencere tam olarak etkin kalır ve yeni alt pencereyi oluşturan yöntem durmaz ve alt pencerenin Close () 'u çağırmasını beklemez. Bunun yerine ilerlemeye devam ediyor. İstediğim bu …

133 .net  wpf  dialog  modal-dialog 

Angular 2.0'da Confirmation modal dialogun nasıl yapılacağına dair bazı örnekler bulmaya çalışıyorum. Angular 1.0 için Bootstrap iletişim kutusunu kullanıyorum ve Angular 2.0 için web'de herhangi bir örnek bulamıyorum. Ayrıca açısal 2.0 dokümanları da şanssız olarak kontrol ettim. Angular 2.0 ile Bootstrap iletişim kutusunu kullanmanın bir yolu var mı?

128 modal-dialog  angular 

ViewController sınıfının içinde modal görünüm denetleyicisi olarak sunulduğunu kontrol etmek mümkün müdür?

117 iphone  ios  view  controller  modal-dialog 

ModalKesinlikle konumlandırılmış, ebeveyninin üzerinde z-endeksli ve JQuery ile güzel bir şekilde konumlandırılmış bir CSS sınıfım var . Kalıcı kutunun üstüne bir düzeltme resmi (^) eklemek istiyorum ve :beforebunu temiz bir şekilde yapmak için CSS sözde seçiciyi kullanmaya bakıyordum . Görüntünün kesinlikle modal üzerinde konumlandırılması ve z-endekslenmesi gerekiyor, ancak contentöznitelikteki görüntüye …

116 css  modal-dialog  pseudo-element 

Şu anda bir Angular 4 projesinin şifre sıfırlama sayfası üzerinde çalışıyorum. İletişim kutusunu oluşturmak için Açısal Malzeme kullanıyoruz, ancak müşteri iletişim kutusunun dışına tıkladığında otomatik olarak kapanacaktır. Kod tarafımız "kapat" işlevini çağırana kadar iletişim kutusunun kapanmasını önlemenin bir yolu var mı? Veya kapatılamaz bir model nasıl oluşturmalıyım ?

114 angular  dialog  modal-dialog  angular-material 

Sadece bir mod açıksa doğrulama yapmam gerekiyor, çünkü eğer onu açarsam ve sonra kapatırsam ve modu açan düğmeye basarsam çalışmaz çünkü jquery doğrulamasını yapıyor, ama değil gösteriliyor çünkü modal reddedildi. Bu yüzden, eğer mod açıksa bir jquery eklemek istiyorum, böylece doğrulayacağım, bu mümkün mü? <script> $(document).ready(function(){ var validator =$('#form1').validate( { …

111 jquery  validation  twitter-bootstrap  modal-dialog 

İçinde bir form bulunan bir önyükleme modeli kurdum, sadece Enter tuşuna bastığımda modun iptal edildiğini fark ettim. Enter tuşuna basarken kapatmamanın bir yolu var mı? Kipi klavye ile etkinleştirmeyi denedim: yanlış, ancak bu yalnızca ESC tuşuyla kapatmayı engelliyor.

108 forms  twitter-bootstrap  modal-dialog 

Jquery UI iletişim kutusunu kullandığınızda, bir şey dışında her şey iyi çalışır. Tarayıcı yeniden boyutlandırıldığında, iletişim kutusu başlangıç ​​konumunda kalır ve bu gerçekten can sıkıcı olabilir. Şurada test edebilirsiniz: http://jqueryui.com/demos/dialog/ "Kalıcı iletişim kutusu" örneğini tıklayın ve tarayıcınızı yeniden boyutlandırın. Tarayıcı yeniden boyutlandırıldığında diyalogların otomatik olarak ortalanmasına izin vermeyi çok isterim. …

101 jquery  jquery-ui  modal-dialog 

Bootstrap Modal penceresini uygulamaya çalışırken bu hatayı almaya devam ediyorum. Nedeni ne olabilir? Http://angular-ui.github.io/bootstrap/#/modal adresinden her şeyi buraya kopyaladım / yapıştırdım .

97 javascript  angularjs  modal-dialog 

Bu nedenle, şu anda açık olan bir kalıcı pencerede başka bir kalıcı pencere açmak için bu kodu kullanıyorum: <a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a> 500 ms gibi bir süre için kaydırma çubuğunun kopyalanmasıdır. Sanırım şu anki model hala kayboluyor. Ancak çok düzgün ve kekemeli görünüyor. Bu sorunu çözmek için her türlü öneriyi takdir …

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