etişim penceresi bu yüzden web sayfası ile etkileşim kadar bu içeriği Ernie olamaz senin iletişim penceresi ile etkileşim ve biz başlamak için gidiyoruz Mevcut web sayfasını olacak ve ben sadece sayfadaki bir düğmeye tokatladı ne değil click olayı üzerinde click olayı ve sahip olduğu Ben sadece bir uyarı varsayılan JavaScript uyarı ve ateş ediyorum Hadi onlar varsayılan bir JavaScript tarayıcı penceresinde bunu vermek görelim uyanık tamam şimdi özel bir uyarı da çok yeniden kullanılabilir hale isteyebilirs

iniz yapmak istiyorum Bu şekilde biz bir demet sayfasında farklı bir özel uyarı kutuları gerekmez biz sadece sayfada bir iletişim kutusu koymak ve kullanabilirsiniz uyarılar Doğrulama istemi ve diğer pek çok özel şeyler için elimizden istediğiniz Aynı kutusunu kullanın ve üzerinde birçok birçok farklı türde bir diyalog için bu yüzden HTML başlar ve daha ekleyeceğiz iletişim kutusu bindirme ve iletişim kutusu kendisi Gördüğünüz Ben bu iki element yaptım eklendi Kimlik diyalog kaplamasıyla ve başlar ve biter Oradaki hat 13 ve ardından iletişim kutusunda kendisi iletişim kutusu bir çocuk içeriyor Çocuk yaşadığı içeriden üç çocuk hayatını var İlki olan diyalog kutusu ikincisi de diyalog kutusu organıdır kafa üçüncüsü diyalog kutusu bu şeyler ne hayal edebiliyorum koymak iletişim kutusu içinde dinamik olarak edeceksin Bu kutusunu bir işlev içinde bu iletişim kutusunu bu şekilde böyle şeyler doldurmak ve bu bindirme tekrar tekrar kullanılabilir ve gibi birçok farklı diyaloglar için biz uygulamak için gidiyoruz şimdi yeni bir sayfa ihtiyaç olarak CSS Bu diyalog bindirme div ve iletişim kutusu için yanı sıra diğer üç içinde kimlikleri ile hak ettiği yerinde bu CSS koyalım ve ben gerçek hızlı açıklayacağım bu bir anlaşma bindirme etkiler bu bir iletişim kutusu bu etkiler Bu faks iletişim kutusu gövdesini başlığı iletişim kutusu etkiler ve bu bu alanları istediğiniz herhangi bir stil yüzden koymak iletişim kutusu etkiler Bir iletişim kutusunda var Bu, bu hepsi sadece temelde kozmetik olduğunu, onları etkileyen nerede Ben tüm CSS özelliklerini açıklamak için gitmiyorum ama ben açıklayacağım önemli olanları Diyalog bindirme varsayılan hiçbiri görüntülemek için ayarlanmış Her iki set 9 görüntülemek ve böylece iletişim kutusunu kendisi oldu diyalog bindirme bir donukluk 8 tayin etti Bu şekilde kullanıcı tür o ve diyalog bindirmeleri ile görebilirsiniz vardı kullanıcıya sırasında web sayfasını devre dışı bırakır senin iletişim penceresi ile etkileşim ve bu gerisi olduğu iletişim kutusu, temel konumlandırma ve kozmetik malzeme Bir arka plan ve siyah sahiptir ve sabit bir konuma sahiptir Biz JavaScript ile konumlandırma için gidiyoruz çünkü olursa olsun ne sayfanın ortasında doğrudan iniş yapabilecek bu şekilde Kullanıcılar ile ekran ya da her yerde bu ile tarayıcı penceresi dinamik şimdi biz gidiyoruz javascript kullanarak merkezine koymak hangi JavaScript uygulamak ve bu durumda biraz özel nesnesi oluşturmak için gidiyorum bu yüzden biz burada bizim komut elemanı içine gidersiniz ve özel nesne koyacağız ve ben bunu biz koymak için gidiyoruz özel uyarı almıştır bar uyarısı Yeni özel uyarılar eşittir bu yüzden bu özel uyarı nesne instanceof yeni yapıyoruz ve uyarı adlı yeni örneklerini artık bu özel uyarı iki tane istiyorum yöntemleri içindeki ilk olacak ikinci birinde işlenecekleri tamam bu yüzden bu nokta onun tip eşit hale küme ayracı açılış işlevi açık yakın parantez ve kapanış kaşlı ayraç şimdi istediğim bir sonraki yöntem eşit olacak tamam bu nokta küme ayracı açılış işlevi açık yakın parantez Şimdi benim özel uyarılar nesne böylece küme ayracı kapatma Onlar çalıştırmak için çağrılabilir içindeki iki yöntem vardır işlemek ve özel onaylamak kutusuyla şimdi tamam veya özel bir istemi kutu durum burada farklı yöntemler olurdu iş yerinde ve ben de bir gösteri kulüpler iki aşağıdaki o video eğitimlerini şimdi bu yöntemi hale olacak bazı değişkenleri ilk iki değişken kurmak pencere olmak istiyorum ve pencere yüksekliği ben sırayla bu değerleri ihtiyaç olarak Doğrudan merkezde benim iletişim kutusunu yerleştirmek sonra diyalog kaplaması için nesne başvurularını almak istiyorum ve bu iletişim kutusu bu unsurlar burada diyalog aşırı iletişim kutusu şimdi olanlar için nesne başvurularını var benim Burada javascript Biz diyalog tarzı kaplanmış söylerim şimdi yapacağız kaplamayı uygulamak olduğunu görüntüler engellemek için eşit olduğunu böylece o değil stil ekran demektir: dokuz artık onun tarzı display: block gösteren demektir ve sonra bindirmeleri yükseklik, Windows yüksekliğine eşit olacak Aslında biz şimdi bu hakkı çalıştırabilir ve biz bindirme görebilirsiniz sayfa biz eğer devre dışı bırakma sayfanın üstünde konuyor uyarılar L en go ahead ve yerine bizim özel uyarı etsinler koymak biz hala bizim işlevini sürme yaparken biz yazabilirsiniz Bizim uyarı değişken burada sadece koyacağız nokta uyarmak ve biz yöntemini hale gelmiş görebilirsiniz ve şimdi elimizde tamam yöntem yüzden tıklayın edeceğiz işlemek ve size varsa var ve IDE veya kod editörü size gösterir yöntemleri kullanılabilir olan benim kod editörü göstermek olur nesneleri hangi beni Ben sadece bir nesne sonra bir nokta koymak beni gösterir hangi yöntemleri I çalıştırabilirsiniz hangi fonksiyonlar mevcuttur o nesne için bu yüzden uyarı nokta yazın yöntemi işlemek ve sonra ben kazandı argüman koymak bu yüzden burada argümanı kepçe var ve ben bir anda bunu yapacağım ama şu anda biz sadece bindirme gelmek görmek istiyorum bunu yapmak zorunda değilsiniz yer ve bu konuda bu değişiklik diyelim özel uyarılar diyor bu yüzden biz ihtiyacımız yok başlatmak kaldır var Varsayılan uyarı ve özel Miller şimdi benim lehine bu çalıştırmak için gidiyorum için Tarayıcı ve tıklama özel uyarı şimdi bindirmeyi görebilirsiniz Ben web sayfasındaki herhangi bir şeyle etkileşime olamaz yerine geldi Biz zaten burada bir iletişim kutusu başvuru var çünkü o bindirme kaldırılana kadar nesne başvurusu biz önde gitmek ve bazı sınırları stil özelliklerini ayarlayabilirsiniz sol bir iletişim kutusu stili kaynak ile pencerelerin eşittir iletişim kutusunu penceresi ile ne olursa olsun, iki eksi bölü temelde iki Alsop bölünür zaman 0,5 Pencereyi alarak iki şehir bölü 550 ikiye bölünür eksi ikiye bölünür ile ne olursa olsun iletişim kutusunu Geriye kalan pozisyon olduğunu olacak kaç piksel var O orta kullanıcının penceresi doğrudan iki iletişim kutusunu göndereceğiz ve sonra üst özelliğini ayarlayabilirsiniz ve bu da dinamik olabilir sen ben hissediyorum Bunu kullanabilir edebilirsiniz Pencere nokta H değeri dinamik ayarlamak için üst konumda ama sadece pencere 100 piksel üst kapalı itin istedi Bu benim ihtiyaçları için gayet ve sonra biz nihayet gösteren bu yüzden engellemek için ekran ayarlamak şimdi biz bu özel uyarıları çalıştırmak şimdi bir iletişim kutusu görürsünüz ama onun kafasında bir şey vardır beden ve böylece en düzeltmek edelim henüz onu koymak Biz yaşayanları hedef iletişim kutusu kafa vücudu konum ve koyun Ben kendi iç HTML özelliklerini etkileyecek ediyorum Dize kendi şarkı yazma biz istersen koymak Bu mesajı kabul biz HTML koymak görebilirsiniz Biz de istedikleri dize veri ve sonra iletişim kutusu gövdesi veya dinamik bir diyalog almak zorunda Bu argüman, çünkü o burada ayarlanır şimdi istediğiniz diyalog yoluyla gerçek mesaj olduğunu geçiyoruz sipariş onların bu değişken olarak adlandırılan dinamik olarak bu olsun diyalog biz işlemek yöntemine argüman bu kadar kepçe için gidiyoruz Biz uyanık hale gelmiş buraya CC aşağı ve biz bana burada bu argümanı kaldırsanız bir argüman geçiyoruz Bu işlev içinde diyalog gibi bazı diyalog Söylemek istediklerini her mesaj eşit olacak böylece iletişim kutusu gövdesi içinde koymak dize babam ve sonra iletişim kutusunda tıklama olay içinde bir düğme koymak koymak Bu uyarı nokta tamam yöntem ateşlemesi için gidiyor Şimdi burada tamam yönteminde size kaldırarak emin olmak istiyorum iletişim kutusu ve iletişim kutusu kaplaması ya da web sayfası bindirme 9'a eşit görüntülemek onların tarzı yapmak şimdi her şey bir kutu içinde doldurulması gerekmektedir yüzden bunu kontrol edelim özel uyarılar ve elimizdeki her şeyi bilir biz OK tuşuna basın kutusunda istediğiniz tüm bu veriler ve iyi yöntemin tamam fonksiyon yangınları Bizim özel uyarı nesnesi içinde bunu kullanabilirsiniz tekrar tekrar dinamik başka uyarı koymak olabilir Bu diyecekler ve özel uyarılar ve Ayrıca çok güzel kokuyorsun şimdi ben farklı mesajlarla iki farklı özel uyarılar olacak T ve aynı zamanda bu diyor çok güzel kokuyorsun Bugün çok güzel görünüyorsun ve bu önümüzdeki iki öğreticiler şimdi nasıl çalıştığını arkasında tüm mantık var Nasıl özel bir onayla kutu yapmak için size gösteren olacağım hangi alıyorum en popüler istek ve özel olduğunu istemi kutu üçüncü öğretici istemi kutu yapacak Şimdi özel onayla kutusu bu aynı kesin kullanabilirsiniz Diyalog bindirme ve doldurmak için gidiyor iletişim kutusu Farklı dinamikleri olan merkez gövde ve ayak içerik ve onaylama kutusu biraz daha mantık yüzünden alır Kullanıcı evet birini seçin icar veya bazı kritik eylemi onaylamak için Onlar silmek istiyorsanız bu örnek için programa oluyor bir şey ve bir sosyal ağ adı istediğin kullanıcı silmek izin diyelim var bir şey o sizi diyor bir diyalog koymak istiyorum bazen düğmeye silmek incelir emin misin silmek istediğiniz belki onlar vurmak silme şey silmek niyetinde değilim çünkü kazara düğmeye onayla penceresi kullanışlı geliyor orası size istediğinizden emin olduğunu söylüyor En silme sonraki olacak bu yüzden ve daha sonra onları biraz evet ya da hayır düğmeye vermek Öğretici.