Silme Yöntemi force parametresi yanlışsa veya belirtilmemişse, Sil yöntemi salt okunur bir dosyayı silemez. Force'u true olarak ayarlamak, bu tür dosyaların hemen silinmesine olanak tanır. Not Sil yöntemi yerine DeleteFile yöntemini kullanabilirsiniz.

8.3.1. Enjekte yöntemi Enjekte yöntemi Ruby'ye Smalltalk dilinden geldi (ilk olarak Ruby 1.8'de göründü). Davranışı ilginç, ancak ilk seferde anlaşılması kolay değil.Çoğu zaman listeyi geçmek ve yol boyunca bazı sonuçları "birikmek" istediğimiz gerçeğini yansıtıyor. tabii ki en

8.3.3. Bölme yöntemi Dedikleri gibi, "dünyada iki tür insan vardır: insanları türlerine göre ayıranlar ve ayırmayanlar." Bölme yöntemi insanlarla ilgili değildir (Ruby'de onları nesneler olarak düşünebiliriz), ancak aynı zamanda kümeyi ikiye böler.Bölüm çağrılırken bir blok belirtilirse, değerlendirilir.

11.1.10. Initialize_copy yöntemi Bir nesne dup veya klon yöntemi kullanılarak kopyalandığında, yapıcı çağrılmaz. Tüm durum bilgileri kopyalanır, peki ya bu davranışı istemiyorsanız? Bir örnek düşünün: class Document attr_accessor: title,: text attr_reader: timestamp def initialize (başlık, metin) @title, @text = title, text @timestamp =

11.1.11. tahsis yöntemi Nadiren, ancak yapıcısını çağırmadan (başlatma yöntemini atlayarak) bir nesne oluşturmanız gerekir. Örneğin, bir nesnenin durumu tamamen ona erişim yöntemleri tarafından belirlenebilir; o zaman, yeni yöntemi (başlatmayı çağıracak) çağırmanız gerekmez.

11.3.2. Const_get yöntemi const_get yöntemi, belirli bir ada sahip bir sabitin değerini ait olduğu modül veya sınıftan alır Str = "PI" Math.const_get (str) # Değer Math :: PI'dir. bazen uygunsuz olarak kabul edilen eval'i çağırmaktan kaçının ... Bu yaklaşım noktadan daha ucuz

11.3.5. define_method Metodu def anahtar sözcüğünün yanı sıra, bir sınıfa veya nesneye metod eklemenin tek normal yolu define_method metodunu kullanmaktır ve bunu runtime'da yapmanızı sağlar.Tabii ki Ruby'de hemen hemen her şey runtime'da olur. Eğer

11.3.6. const_missing yöntemi const_missing yöntemi, method_missing yöntemiyle aynıdır. Bilinmeyen bir sabite erişme girişiminde bulunulduğunda, bu yöntem çağrılır - tabii ki tanımlanmışsa. Bir sabite atıfta bulunan bir sembol, ona parametre olarak iletilir.

Lockbits Yöntemi NET Compact Framework 2.0'da, bir dizi görüntü pikselini işlemek için kullanılabilen LockBits yöntemi için sınırlı destek vardır. Bu yöntemdeki ImageLockMode numaralandırması ReadWrite, ReadOnly ve WriteOnly değerlerini kullanmanıza izin verir. Ve PixelFormat numaralandırma destekler

Zip yöntemi Yöntemlerin açıklaması Yöntemler, T. işlevi Zip dizisi için verilmiştir. (ikinci: TSecond dizisi; resultSelector: (T, TSecond) -> Res): Res dizisi; Belirtilen işlevi kullanarak iki diziyi birleştirir, her dizinin bir öğesini alır ve

Yöntem İçerir Yöntemlerin açıklaması Yöntemler, T dizisi için verilmiştir. işlevi İçerir (değer: T): boolean; Varsayılan eşitlik karşılaştırıcısını kullanarak belirtilen öğenin bir dizide içerilip içermediğini belirler. işlev İçerir (değer: T; karşılaştırıcı: IEqualityComparer ): boole;

Güzelliği hedefleme ve varsayılan tarayıcı ayarlarını yönetme konusundaki eğitim serimize devam ederek, bugün sizi kullanımı kolay bir jQuery eklentisi kullanarak bir tarayıcılar arası onay iletişim kutusu geliştirmeye davet ediyoruz. Tıkladıktan sonra gerçekleştirilecek metni, düğmeleri ve eylemleri seçebilirsiniz.

HTML Kodu

Öncelikle onay penceresine odaklanmamız gerekirken, öncelikle kullanacağımız sayfadan biraz bahsedelim. Eklenti kaynak kodunu görmek isterseniz, bu adımı atlayabilir ve makalenin jQuery kısmına inebilirsiniz.

index.php

CSS3 ile bir jQuery Onay İletişim Kutusunun Değiştirilmesi | Tutorialzine Demo

Belgenin üst bölümünde, jQuery.confirm.css'den (iletişim kutusu için basamaklı stil sayfaları) Cuprum yazı tipini ve sayfamız için basamaklı stil sayfaları olan style.css'yi ekledik.

Belgenin gövdesinin en altına, jQuery kitaplığını, jquery.confirm.js'yi (ana eklenti dosyası) ve ayrıca düğme tıklama olayını izleyen ve eklentiyi başlatan script.js'yi ekledik. Bugünkü eğitimimizin son adımında size bu iki dosyadan bahsedeceğiz.

Web sitenize bir onay penceresi eklemek için, indirilen arşivden jquery.confirm klasörünü kopyalamanız ve kodun başına jquery.confirm.css ile jquery.confirm.js dosyasını eklemeniz gerekir. belgenin gövdesini bitiren etiketten önce + jQuery kitaplığı.

İletişim kutusunun kendisi birkaç satır HTML kodundan başka bir şey değildir. Aşağıda, iletişim kutusunu görüntülemek için eklenti tarafından eklenen kodu görebilirsiniz.

İletişim kutusu kodu örneği

Kod, belgenin gövdesine eklendi. Sayfanın geri kalanının üstünde onayOverlay görüntülenir; bu, iletişim kutusu görüntülenirken sayfa öğeleriyle herhangi bir etkileşimi önler. h1, p ve div onay Düğmeleri, eklenti ayarlarında tanıtılan yapıya göre düzenlenir. Bu konuda daha sonra makalede daha fazla bilgi edineceksiniz.

CSS kodu

İletişim kutusunun tasarımı jquery.confirm.css dosyasında bulunur. Bu, halihazırda tamamlanmış bir projeye entegrasyon sürecini büyük ölçüde basitleştirir ve stiller, stillerin halihazırda sayfada bulunanlarla karışmadığından emin olabileceğiniz şekilde yapılır.

jquery.confirm.css

#confirmOverlay (
genişlik: %100;
yükseklik: %100;
pozisyon: sabit;
üst: 0;
sol: 0;
arka plan: url ("yani.png");
arka plan: -moz-doğrusal-gradyan (rgba (11,11,11,0.1), rgba (11,11,11,0.6)) tekrar-x rgba (11,11,11,0.2);
arka plan: -webkit-gradient (doğrusal, %0 %0, %0 %100, (rgba (11,11,11,0.1))'den (rgba (11,11,11,0.6))) tekrar-x rgba (11,11,11,0.2);
z-endeksi: 100000;
}

#confirmBox (
arka plan: url ("body_bg.jpg") tekrar-x sol alt # e5e5e5;
genişlik: 460 piksel;
pozisyon: sabit;
sol: %50;
üst: %50;
kenar boşluğu: -130 piksel 0 0 -230 piksel;
kenarlık: 1 piksel katı rgba (33, 33, 33, 0.6);

Moz-box-shadow: 0 0 2px rgba (255, 255, 255, 0.6) iç metin;
-webkit-box-shadow: 0 0 2px rgba (255, 255, 255, 0.6) iç metin;
kutu gölgesi: 0 0 2px rgba (255, 255, 255, 0.6) ek;
}

#confirmBox h1,
#confirmBox p (
yazı tipi: 26px / 1 "Cuprum", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
arkaplan: url ("header_bg.jpg") tekrar-x sol alt # f5f5f5;
dolgu: 18 piksel 25 piksel;
metin gölgesi: 1px 1px 0 rgba (255, 255, 255, 0.6);
renk: # 666;
}

#confirmBox h1 (
harf aralığı: 0,3 piksel;
renk: # 888;
}

#confirmBox p (
arka plan: yok;
yazı tipi boyutu: 16 piksel;
satır yüksekliği: 1.4;
üst dolgu: 35 piksel;
}

#confirmDüğmeleri (
dolgu: 15px 0 25px;
metin hizalama: merkez;
}

#confirmBox .düğmesi (
ekran: satır içi blok;
Beyaz renk;
pozisyon: göreceli;
yükseklik: 33 piksel;

Yazı Tipi: 17px / 33px "Cuprum", "Lucida Sans Unicode", "Lucida Grande", sans-serif;

Sağ kenar boşluğu: 15 piksel;
dolgu: 0 35px 0 40px;
metin-dekorasyon: yok;
sınır: yok;
}

#confirmBox .button: son alt öğe (sağ kenar boşluğu: 0;)

#confirmBox .düğme aralığı (
pozisyon: mutlak;
üst: 0;
sağ: -5 piksel;
arka plan: url ("buttons.png") tekrarsız;
genişlik: 5 piksel;
yükseklik: 33 piksel
}

#confirmBox .blue (arka plan konumu: sol üst; metin gölgesi: 1 piksel 1 piksel 0 # 5889a2;)
#confirmBox .blue yayılma alanı (arka plan konumu: -195px 0;)
#confirmBox .blue: üzerine gelin (arka plan konumu: sol alt;)
#confirmBox .blue: vurgulu yayılma alanı (arka plan konumu: -195 piksel alt;)

#confirmBox .gray (arka plan konumu: -200 piksel üst; metin gölgesi: 1 piksel 1 piksel 0 # 707070;)
#confirmBox .gray yayılma alanı (arka plan konumu: -395px 0;)
#confirmBox .gray: fareyle üzerine gelin (arka plan konumu: -200 piksel alt;)
#confirmBox .gray: vurgulu yayılma alanı (arka plan konumu: -395 piksel alt;)

Bu, yeni CSS3'ten yararlanır. #confirmOverlay tanımında, sağlanan şeffaf PNG yedeğiyle birlikte CSS3 derecelendirmelerini (yalnızca Firefox, Safari ve Chrome'da çalışır) kullanırız.

Ardından, ekranın ortalanmış #confirmBox'ına bir iç kutu gölgesi ekledik (Photoshop'taki iç ışımaya benzer bir şey). Ayrıca Google'ın font dizininden eklenen Cuprum fontunu da kullandık.

Metin gölgeleriyle birlikte düğmelerin stilini görebilirsiniz. Sürgülü kapılar ile gerçekleştirilirler. Şu anda iki tür tasarım mevcuttur - mavi ve gri. Koda yeni reklamlar ekleyerek yeni bir buton rengi ekleyebilirsiniz.

jQuery

Eklenti kaynak koduna girmeden önce, biraz daha ileriye bakalım. script.js'de eklentinin nasıl başlatıldığını görebilirsiniz.

Script.js

$ (belge) .ready (işlev () (

$ (". öğe .delete"). (işlev () öğesine tıklayın (

Var öğe = $ (bu) .closest (". Öğe");

$ .onayla ((
"title": "Silme Onayı",
"message": "Bu öğeyi silmek üzeresiniz.
Daha sonra geri yüklenemez! Devam et? ",
"düğmeler": (
"Evet": (
"sınıf": "mavi",
"eylem": işlev () (
elem.slideUp();
}
},
"Numara": (
"sınıf": "gri",
"action": function () () // Bu durumda yapılacak bir şey yok. Action özelliğini de atlayabilirsiniz.
}
}
});

Örneğimizde .deleted div tıklandığında, script eklenti tanımlı $ .confirm fonksiyonunu çalıştırır. Aşağıda iletişim kutusunun başlığı, bir açıklama ve düğmeleri olan bir nesne bulunmaktadır. Her düğmenin bir CSS sınıf adı ve bir eylem parametresi vardır. Eylem, bir düğmeye basıldığında tetiklenen bir işlevdir.

Şimdi eğlenceli kısma geçelim. jquery.confirm.js'de iletişim kutumuzun kaynak kodunu görebilirsiniz.

jquery.confirm.js

$ .confirm = fonksiyon (paramlar) (

If ($ ("# onay Bindirme"). Uzunluk) (
// Sayfada zaten bir onay gösteriliyor:
yanlış döndür;
}

Var buttonHTML = "";

// Düğmeler için işaretleme oluşturuluyor:

Eğer (! Obj.eylem) (
nesne.eylem = işlev () ();
}
});

Var işaretleme = [
"

", params.title,"

", params.message,"

",
düğmeHTML,
"

$ (işaretleme) .hide ().addTo ("gövde").fadeIn ();

Var düğmeleri = $ ("# onay kutusu .düğmesi"),
ben = 0;

$ .each (params.buttons, işlev (isim, nesne) (
button.eq (i ++) tıklayın (işlev () (

// Bir eylem özniteliği çağrıldığında
// tıklama gerçekleşir ve onaylama gizlenir.

Nesne.eylem ();
$ .onayla.gizle();
yanlış döndür;
});
});
}

$ .confirm.hide = fonksiyon () (
$ ("# onayOverlay"). fadeOut (işlev () (
$ (bu) .remove();
});
}

Eklentimiz $ .confirm() yöntemini tanımlar. Bu yöntem girdiğiniz verileri işler, işaretlemeyi oluşturur ve ardından hepsini sayfaya ekler. #confirmOverlay div, CSS bildirimi boyunca sabit bir konuma sahip olduğundan, ortalama işlemini tarayıcıya bırakacağız ve ardından kullanıcı sayfayı kaydırdığında onu taşıyacağız.

İşaretlemeyi ekledikten sonra, komut dosyası, düğmelere basıldığında olaylar için olay kolları gönderir ve basılan düğmeye karşılık gelen eylemi gerçekleştirir.

Bu, iletişim kutumuzu tamamlar!

özetleyelim

jquery.confirm.css dosyasını kullanarak iletişim kutusunun görünümünü düzenleyebilirsiniz. İletişim kutusundaki mesaj özelliği HTML kullandığından, oraya resim veya simgeler ekleyebilirsiniz.

Hata mesajı kutularını uygulamak için bir eklenti bile kullanabilirsiniz - sadece eylem özniteliği ayarlanmadan oraya bir düğme eklemeniz yeterlidir.

Dikkat! Gizli metni görüntüleme izniniz yok.

Merhaba, acemi web geliştiricileri ve web ustaları için mütevazı blogumun sevgili ziyaretçileri. Bu benim bir sütundaki ilk yayınım. Mütevazı kaynağımın kapsamlı olduğunu iddia etmediğini, iddia etmediğini ve kapsamlı olduğunu iddia etmeyeceğini ve yazarın kendisinin hiçbir zaman bir web gurusu olmadığını ve olmayacağını söylemek istiyorum. Blogumun sayfalarında, insanların çeşitli web teknolojilerinin temellerini anlatması için basit ve anlaşılır bir dille girişimde bulunuyorum. Ve bu başlık nesne yönelimli JavaScript özelliklerine sahip yorumlanmış bir programlama dili.

Yukarıdakilere ek olarak, JavaScript algoritmik bir dildir(yani, JavaScript kullanarak, tarayıcıya belirli kullanıcı eylemlerine nasıl tepki vereceğini söyleriz). Notes on HTML başlığında ve özellikle ilgili makalede, sayfalarımızın oluşturduğu üç temel öğeden zaten bahsetmiştik: HTML, HEAD ve BODY.

Ancak basit statik HTML sayfaları çok sıkıcı ve ilgi çekici değil ve biraz dinamik eklemek ve ziyaretçilerimizle etkileşime geçme yollarının sayısını artırmak istiyoruz.

JavaScript'te, komut dosyalarında daha fazla işlem için kullanıcıdan veri almanıza izin veren üç temel işlem vardır. Bunlar uyarı, istem ve onaydır. Ne için kullanıldıkları, nasıl kullanılacağı ve diğer nüanslar bu makalenin ilerleyen bölümlerinde tartışılacaktır.

Alarm

Tarayıcı ekranında kalıcı bir pencere görüntülemek için kullanılır (bu, kullanıcının bu pencereyi kapatana kadar sayfada hiçbir şeye tıklayamayacağı anlamına gelir. Bu örnekte, pencerede "Tamam"ı tıklayana kadar).

Uyarıda bulunan mesajı görüntüledikten sonra, komut dosyası yürütmesi duraklatılır ve kalıcı pencere kapatıldıktan sonra devam ettirilir.

Doldurma durumunda alanları ve OK düğmesine basıldığında, kullanıcı tarafından girilen bilgiler komut dosyasına döndürülecektir.

Bu komutun sözdizimiöncekinden biraz daha karmaşık, çünkü kullanıcıya itiraz metnini ve varsayılan olarak görüntülenecek olan bilgi girmek için alanın içeriğini ayarlamanıza izin verir: sonuç = komut istemi (başlık, varsayılan);, nerede

• Başlık- kalıcı bir pencerede kullanıcıya gösterilecek bir mesaj. Argüman gereklidir.
• varsayılan- varsayılan olarak metin giriş alanında ne gösterileceği. Ayrıca doldurmanız gerekir, çünkü belirtmezseniz bazı tarayıcılarda hatalara yol açabilir. Bilgi giriş alanını boş bırakmak istiyorsanız, aşağıdaki gibi bilgi istemi belirtmeniz yeterlidir:

  var myTest = komut istemi ("Herhangi bir bilgi", "" ");

Küçük komut istemi kullanma örneği:

var yıl = komut ( "Üniversiteden hangi yıl mezun oldun?", 2008); uyarı ("Yılın" + yılı + "yılın mezunusunuz!");

Tipik olarak, bu komut, komut dosyasının daha fazla çalışmaya devam etmesi için kullanıcılardan veri toplamak için kullanılır.

onaylamak

Ayrıca kalıcı bir pencereyi temsil eder. Adından da tahmin edebileceğiniz gibi, genellikle kullanıcı ile bir konuda anlaşmak için kullanılır.

Bu yüzden keskinleştirilmiştir - etkileşim için kullanıcıya, komut dosyasına sırasıyla true ve false Boole değerlerini döndüren Tamam ve İPTAL düğmeleri sağlar.

JavaScript'in, kullanıcının iletişim kutularını görüntülemesine izin veren 3 yöntemi vardır: uyarı, onay, istem.

Uyarı, onay, istem yöntemlerinin özellikleri: Modun görüntülendiği belirli konum genellikle tarayıcının merkezidir ve tarayıcı pencerenin görünümünü seçer. Geliştirici bunu etkileyemez. Bir pencereyi kendi, özellikle de güzel tasarımınızda görüntüleyemezsiniz. Ancak bu, bir mesajı görüntülemenin veya bir ziyaretçiden bilgi almanın en kolay yoludur. Bu nedenle, sadeliğin önemli olduğu durumlarda kullanılırlar ve her türlü "güzellik" özel bir rol oynamaz.

Kısa özet:

Alarm- bir mesaj görüntüler.

çabuk- bir mesaj görüntüler ve kullanıcının metin girmesini bekler ve ardından giriş iptal edilirse (İPTAL / Esc) girilen değeri veya null değerini döndürür.

onaylamak- bir mesaj görüntüler ve kullanıcı "Tamam" veya "İPTAL" i tıklayana kadar bekler ve doğru/yanlış döndürür.

İletişim uyarısı yöntemi

Uyarı yöntemi, mesaj metnini ve tek bir "Tamam" düğmesini içeren basit bir iletişim kutusunu görüntülemek için kullanılır. Bu işlevi çağırma biçimi:

Uyarı ("Mesaj metni");

İletişim kutusu onay yöntemi

Onaylama işlevi, kullanıcının mesaj metnini ve "Tamam" ve "İptal" düğmelerini içeren bir iletişim kutusu görüntülemesini sağlar. Kullanıcının bir seçim yapması gerektiğinde kullanılır. Bu işlevi çağırma biçimi:

Var sonuç = onayla ("Soru metni"); // sonucu kontrol etmek için koşullu yapı if (sonuç) (/ * eylemler * /) else (/ * eylemler * /)

Onay işlevi, kullanıcının bastığı düğmeye bağlı olarak bir boole değeri döndürür: "Tamam" doğru değere, "İptal" - yanlış değerine karşılık gelir. Kural olarak, fonksiyonun sonucu, yukarıdaki örnekte gösterildiği gibi, daha fazla analiz için bir değişkene atanır.

İletişim istemi yöntemi

Bilgi istemi işlevi, kullanıcının giriş istemek için bir iletişim kutusu görüntülemesini sağlar. Kullanıcının bir metin satırı girmesi gerektiğinde kullanılır. Bu işlevi çağırma biçimi:

Var str = komut istemi ("Veri girişi talebi", default_value);

İstem işlevinin bir dize türü sonucu döndürdüğünü unutmayın. Bu nedenle, aritmetik ifadelerde kullanmadan önce, sayısala bir tür dönüşümü gerçekleştirmelisiniz. Bu, aşağıdaki işlevler kullanılarak yapılabilir:

ParseInt ("dize") - bir dizeyi bir tamsayıya dönüştürür; parseFloat ("string") - Bir dizeyi kayan noktalı sayıya dönüştürür.

Ancak, dizeden sayıya dönüştürme her durumda mümkün değildir. Bu nedenle olası bir hatadan kendinizi kurtarmak için öncelikle böyle bir dönüşümün yapılıp yapılamayacağını kontrol etmelisiniz. isNaN (string) işlevi bu amaçlar için kullanılır. Bu işlev, dize bir sayıya dönüştürülemezse true, aksi takdirde false döndürür.