18 ŞUBAT 2014, Salı

Özel Javascript Css Eğitimi Programlama Kutusunu Onaylayın

Biz gösterdi önceki egzersizde iyi günler bayanlar ve baylar özel oluşturmak için nasıl javascript ve css kullanarak uyarı iletişim kutuları Bu, ilgili egzersiz biz özel yaratmak göstermek için gidiyoruz Eğer kullanıcı vermek hangi iletişim kutularını onaylamak kutusunu onaylamak için fazla düğme demektir fazla seçenek sadece biraz gerektirir Daha fazla komut mantık program bazı gerçekleştirmek zorunda çünkü kullanıcı sonra eylem eylemi doğrular Size oluşturmak için öğrenme olacak bitiş ürünü göstermek Ne ben burada var simüle dinamik mesajlar da Şimdi bir sayfaya her mesaja bir sonraki silme dü

ğmesine bu yüzden bu eylemi onaylamak ilk tek bir tıklama ile Sil gidelim Filippos burada bizim özel iletişim kutusunu görmek, yeni bu teyit evet düğmeleri kullanıcıyı verir ya da hiçbir şey bilmiyorlar tıklatın hay

ır olur ama Evet'i tıklatın gerçekleşmesi halinde Bu mesaj aynı zamanda dinamik bir sonraki silebilirsiniz sayfadan silinir evet yayını silmek biz birlikte bıraktığımız aynı kesin kodla başlamak için

“Ders Kodu: http://www.developphp.com/video/JavaScript/Custom-Confirm-Box-Programming-Tutorial Özel oluşturmak çekirdek JavaScript ve CSS kullanarak kutuları onayl...”
Adam Khoury

gidiyoruz Geçen egzersiz sonunda tüm kodu anlamak gerekiyorsa böylece biz başlamak için gidiyoruz yapmanız gereken tüm amacımız şimdi önceki egzersiz anlaşma olduğunu önceki tatbikatlarda olduğu gibi tüm verecek bir yeniden kullanılabilir kutu yapmak için Program diyaloglar dinamik bu yüzden sadece o ikisi için çalışmasını sağlamak için bu Varolan kodu x10 için gidiyoruz Ayrıca onu düşmeye gidiş diyaloglar ve uyarı diyaloglar onaylamak compartmentalizing iç

Özel Javascript Css Eğitimi Programlama Kutusunu Onaylayın Resim 1 Özel Javascript Css Eğitimi Programlama Kutusunu Onaylayın Resim 2 Özel Javascript Css Eğitimi Programlama Kutusunu Onaylayın Resim 3 Özel Javascript Css Eğitimi Programlama Kutusunu Onaylayın Resim 4

inde dışsallaştırarak bu birincil dosya Bizim CSS ve güçler bizim özel iletişim kutuları JavaScript tüm bu açık CSS öncelikle CSS kodunu alacak Kontrol X o zaman kod editörü gitmek ne olursa olsun IDE yıl ve yeni bir CSS dosyası yapmak Farklı Kaydet Dosya gidin ve o zaman sadece kodunuzu pop CSS nokta diyalog yüzden şimdi diyalog o CSS var Benim birincil dosya ile aynı klasörde oturan böylece biz sadece bu tarz eleman çıkarmak ve onun yerine biz koymak için gidiyoruz Bağlantı elemanı o zaman bizim stil sayfasına

ve biz burada bizim stil sayfasına yolunu koymak Şimdi her şeyi emin olmak için CSS dışa edelim testi hala olduğunu var Bağlı ve çalışma bu yüzden benim özel uyarıları vurdu ve tüm CSS hala her şey gayet takılır Şimdi en JavaScript için aynı şeyi yapalım bütün bu JavaScript çünkü dışa edilebilir Bunu kullanmak olsaydı ve daha yeniden kullanılabilir bu şekilde yapılan Birçok farklı dosyalarda yüzden JavaScript rağmen alayım Kontrol X File gitmek istiyorum Yeni JavaScript dosyası hepimiz barkod poppin Kontrollü sonra biz CSS dosyasını yaptığımız gibi bu dosyayı kaydetmek yapıştırmak için olacak bu yüzden şimdi diyalog JS şimdi benim birincil dosyasına gitmek yapmak zorunda olacak öldü ve orada benim komut elemanı ile ben sadece Senaryoyu koymak Kaynak ve diyalog doc JS Şimdi JavaScript hala bağlı çalışıyor olduğundan emin olmak için test edelim ve her şey gayet güzel çalışıyor şimdi birincil dosyalarınızı-de dağınıklığı için iyi bir yoldur ve ayrıca sadece diyalog içinde arayabileceğiniz CSS ve diyalog olduğunu JS Eğer yeni bir program ile bir çok farklı birincil dosya içine tamam şimdi Şimdi bu özel onayla kutusu oluşturmak izin içinde tüm mevcut HTML alacak bizim özel uyarı kutusu ile birlikte gitmek için dosya biz yerde iletişim kutusunda bizim diyalog kaplamayı tutmak emin Ben taklit ne ben burada yapıyorum Aşağıdaki HTML koymak için gidiyorum dinamik içinde işlenen olurdu mesajlar senin Gerçekten herhangi bir içerik olabilir ama yazılım yüzden paragraf elemanlarına sahip Her paragrafta eleman bu mesaja birine sahip benzersiz bir kimliği vardır Bu bir ID sonrası metni olacaktır Burada fikir yazısı vardır ve daha sonra post yere biz bir silme düğmesi var uh Dove doğruladı% bir özel çalıştırmak yapmak daha olacak Bu i iletişim kutusu açılır yapacak hale Ben o yöntemi diyalog için olacak geçerler üç argüman değilim İstediğimiz kullanıcı pencere operasyonda görmek için Biz gerçekleştirmek ve kimlik istediğiniz böylece her iki düğme olduğunu ayarlanır görebilirsiniz silmek istediğiniz eleman yol Her iki yazılar için yapmamız gereken tüm diyalog içine gitmek olduğunu JS şimdi ve bunun yerine sadece bir özel sahip uyarı nesne bir özel yerleştirmek için gidiyoruz Bizim onayla nesne artık bir nesne teyit benzer bir yapıya sahip oluyor bazı hafif varyasyon ile uyarı nesneye yüzden yapacağım çöküşü sağ altındaki tüm özel uyarı kodu Ben özel onayla kod olacak pop kulüpler Eğer özel uyarıları çok benzer bir yapıya sahiptir görebilirsiniz ancak bunun yerine sahip ve iyi bir yöntem şimdi bir Hayır vardır ve evet yöntem onaylama kutusu henüz Kullanıcı vermek için evet ya da hayır ya da Tamam ve iptal arasında bir seçim ne onlar bu kodu çalıştırmak teyit eğer öyleyse düğmeleri isim istiyorum İşte Onlar yeni bir basın iptal edersem Tekrar ayrılmış 38 yaşında o kadar getirmek Ben çizgi getirmek lazım burada bu kodu çalıştırın bu yüzden özel uyarı kutusu doğrultusunda 36 tek bir satırda tüm olmak üzere tüm biz did was çalışan olduğunu burada bir düğme koymak uyarı nokta tamam yöntem ama şimdi biz iki düğme tedarik zorunda kullanıcı bir Evet düğmesi ve hiçbir düğmeye ilk düğme için çok biz evet oturuyor görebilirsiniz yöntemi onaylamak nokta çalıştırmak için gidiyoruz tam burada O onaylayın olacak geçiş iki argüman değilim yöntem operasyonu ve sonrası kimliği evet: ve biz başlangıçta geçirerek bu argümanları olsun işlemek bu üç burada kılmak yöntemi ile argümanlar onaylamak üç argüman geçiyordu bu üç argüman karıştırıyordu edildi Burada biz bu argümanları iletebilirsiniz içinde herhangi bir diğer yöntemler için gerektiği kadar eden Ayrıca bu özellikler amacıdır yapabilir nesne ama ben sadece yöntemi ile dinamik onları geçmek için karar ve yapmanız gereken tüm çalıştırılan hiçbir düğme yok doğruladı bir tıklama yöntem ve sadece sadece iletişim penceresi ve bindirme kaldırmak evet tıklarsanız biz aslında eylemi gerçekleştirmek istediğinizde ama bu Onlar bir yazı silme gibi başlatmak üzere olduğunu Şimdi evet yöntemi neden oldu vermedi İstediğimiz hangi operasyon görmek için bir değerlendirme koymak operasyon silme yazı olur dışarı sonra çalıştırmak için gidiyoruz Bir işlev silme yazı denilen ve kimliği geçmesi biz bu işlev silmek istediğiniz mesaja kadar böylece yukarıda sağda serin bizim özel onaylamak nesne ve silme sonrası olarak adlandırılan yeni bir fonksiyon koymak Okulda kim ancak kimlik diğer poster biz silmeniz gerekir Şimdi bir argüman bu hat ı koymak nedeni olarak orada olduğu bu yazı için veritabanı kimliği Yapmanız gereken biliyorum yazı ve çizgi kaldırmak olduğunu Bu işleme Örneğin için dinamik geliyor olurdu olurdu TV veritabanında ne olursa olsun yazı için için id1 kimliği yapmanız gereken tüm ön olduğu alınır Posten çizgi ve bu ideal bir plaj olabilir elemanı göreve ve ne zaman javascript o bunu silmek ayrıştırma kaldırabilir yapmanız gereken tüm postayı bir çizgi değiştirin ve sol olacak hangi sol olacağını sadece biridir olduğu Eğer ajax isteği koşuyor ki şekilde Bu silme sonrası yönteminde tam burada ajax isteği runnin ne bu hat öyle sayfasından o öğeyi kaldırır aslında bu tüm bu dosyaları kaydederek nasıl çalıştığını sana göstereyim ve gördüğünüz olurdu bizim iyilik tarayıcıda bu çalışır, biz poz zorunda olduğunu Eğer benim özel onaylayın kutusu görebilirsiniz ilki kurşun aday evet diyorum ki eylem silme yazı teyit diyor ya hayır hayır sonrası kalıntıları dersen Ben yeniden basın ve diyorum evet sonrası silinir Ben de evet dinamik bir sonraki silebilirsiniz bu yüzden eleman aldım yol sayfasından kaldırılması sayfa yenileme olmadan ben sadece beden bu belge çalıştırılır Çocuk yöntemini kaldırmak ve ben istiyorum çocuk için nesne başvurusu koymak Kaldır Ben bir yerde bu satırı koymak neden burada şimdi neden Şimdi bu hat bile alt öğe kaldırmak için gerekli değildir Bu veritabanı kimliği olduğu için bu hat sadece size Annexure olarak koymak ne olursa olsun yazılan Bu tür sadece bir ya da sadece iki olarak bir sayı temsil edecek Kimlik mesajını sıyırma oldu olabilir olurdu ve gelen substring çizgi sonrası id: yani bu değişkeni kullanabilirsiniz senin ajax istek Ben sadece bir Hayır'ı koymak ve söylerim Burada Ajax isteği çalıştırmak Mesajları ve veritabanını silmek için ve biz veritabanından yayını kaldırırız ne Eğer Ajax kullanarak veritabanından yazınızı kaldırmak kadar sen ne zaman ve bir PHP dosyası ajax isteği size geri yanıt verir sadece Akılda tutulması gereken önemli değil sayfasından bu öğe kaldırmak olduğunu Eğer onaylayın kutusuna hale yöntemini veren yaparken Eğer burada istediğiniz değişkenleri koyabilirsiniz ve daha sonra Avrupa'da evet yöntem yapabilirsiniz Yaptığın o hangi operasyon görmek için kontrol Bu yüzden sadece silme mesajların fazla kullanılabilir için onaylamak gerekir sayfada başka şeyler var Farklı işlemleri çalıştırabilir ve bu içinde ele olacaktır senin evet kurulabilir, bu nedenle bu nokta evet yöntem alımı ve işletme değişken ve kimliğine operasyon silme sonrası ise ve daha sonra sadece görmek için kontrol edebilirsiniz Bir mesajı silmek bazı özel fonksiyon kaçamam hangi biz zaten yerleştirilmiş görünür ve o hemen hemen tüm mantığı var Şimdi son tasarı özel bir istemi nesne ekleyerek olacaktır JavaScript iletişim kutularını üç türlerini vardı çünkü var uyarı onaylamak ve biz özel uyarı oluşturarak kazanılan istemi ve onaylamak kutusu artık son kutu istemi kutu olduğunu Şimdi istemi kutu verir kullanıcı bir Giriş alanı onlar size biraz değer vermek, böylece üzgünüm size ihtiyacınız yeni bir program ile bir durum varsa bir şey oluşabilir önce kullanıcıdan bir değer elde etmek için böylece bizim son video olacak istemi kutu mükemmel özel iletişim kutuları oluşturmak için nasıl göstermede.

Açıklama

Ders Kodu: http://www.developphp.com/video/JavaScript/Custom-Confirm-Box-Programming-Tutorial Özel oluşturmak çekirdek JavaScript ve CSS kullanarak kutuları onaylamak için öğrenin. Biz Ajax ile belirli işlemleri gerçekleştirmek için özel onaylamak kutusunu kullanarak için kullanışlı ipuçları veriyoruz. Biz de gelişmiş modülerlik ve bölümlendirme için JS ve CSS dışa nasıl gösterir. Bu eğitimde tam bu yazının uygulanan kod anlamak istiyorsanız bireyler görmek gerekir özel uyarı kutusu programlama öğretici, izler.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



10/10

  • 96
    Olumlu
  • 0
    Olumsuz
  • 26
    Yorum
  • 16490
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • grickle

    grickle

    22 AĞUSTOS 2006
  • NPR

    NPR

    22 NİSAN 2006
  • TheDigiCraft

    TheDigiCraft

    25 NİSAN 2011

ANKET



Bu sayfa işinize yaradı mı?