Hancurkan konfirmasi html. Peringatan, perintah, konfirmasi metode dalam JavaScript

Dalam pelajaran ini, kita akan belajar tentang metode alert(), prompt(), dan konfirmasi() pada objek window.

peringatan() metode

Metode alert() dirancang untuk menampilkan kotak dialog peringatan dengan pesan tertentu dan tombol "OK" di layar pengguna. Ini dapat digunakan untuk menyampaikan informasi penting kepada pengguna.

window.alert(Parameter_1);

Metode alert() memiliki satu parameter yang diperlukan - ini adalah teks pesan yang ditampilkan di kotak dialog. Metode ini tidak mengembalikan apa pun sebagai hasil eksekusinya.

Misalnya, mari kita tampilkan kotak dialog peringatan untuk pengunjung situs ketika mereka mengeklik tautan: Kunjungi situs web

Metode konfirmasi() Metode konfirmasi() dari objek jendela dirancang untuk menampilkan kotak dialog di layar pengguna dengan pesan tertentu dan tombol OK dan Batal. Jendela konfirmasi dapat digunakan untuk meminta izin pengguna untuk melakukan tindakan tertentu.

var hasilKonfirmasi = konfirmasi(Parameter_1);

Metode ini memiliki satu parameter - ini adalah teks pesan yang akan ditampilkan di kotak dialog.

Metode konfirmasi() mengembalikan salah satu dari dua nilai sebagai hasil eksekusinya:

  • benar jika pengguna mengklik "OK";
  • false jika pengguna mengklik Batal atau menutupnya.

Sebagai contoh, mari kita tampilkan di elemen p dengan id="resultConfirm" hasil dari pengguna mengklik tombol "OK" di kotak dialog:

var resultActionUser = konfirmasi("Pengguna, silakan klik tombol OK."); if (resultActionUser) ( document.getElementById("resultConfirm").innerHTML = "Pengguna, terima kasih telah mengklik tombol OK"; ) else ( document.getElementById("resultConfirm").innerHTML = "Pengguna, kami kecewa dengan Anda tanggapan "; )

metode cepat()

Metode prompt() dirancang untuk menampilkan kotak dialog di layar pengguna dengan pesan, kolom teks untuk memasukkan data, dan tombol "OK" dan "Batal". Ini dirancang untuk meminta data kepada pengguna.

var resultPrompt = cepat(Parameter_1, Parameter_2);

Metode ini memiliki dua parameter:

  • pesan yang akan ditampilkan di kotak dialog. Parameter ini diperlukan dan berisi pesan yang “memberi tahu” data apa yang harus dimasukkan pengguna di kolom teks;
  • parameter kedua bersifat opsional dan dapat digunakan untuk menentukan nilai awal yang akan dicetak di kolom input kotak dialog saat dibuka.

Bergantung pada tindakan pengguna, metode prompt() dapat mengembalikan data berikut:

  • nilai teks - jika kolom input berisi data dan pengguna mengklik "OK";
  • baris kosong - jika kolom input tidak berisi data dan pengguna mengklik "OK";
  • null - jika pengguna mengklik "Batal" atau menutup jendela ini, tidak masalah data apa yang dimasukkan ke dalam kolom teks.

Catatan: kotak dialog yang muncul sebagai hasil dari mengeksekusi salah satu metode alert() , konfirmasi() atau prompt() adalah modal, yaitu. itu memblokir akses pengguna ke aplikasi induk (browser) hingga pengguna menutup kotak dialog.

Sebagai contoh, mari kita tanyakan nama kepada pengguna dan, bergantung pada hasilnya, tampilkan teks dalam elemen dengan id="nameUser" :

var nameUser = prompt("Masukkan nama Anda?"); if (nameUser) ( document.getElementById("nameUser").innerHTML = nameUser +", selamat datang di situs ini!"; ) else ( document.getElementById("nameUser").innerHTML = "Tamu, selamat datang di situs ini!" ; )

Misalnya, minta pengguna menebak angka 8:

function tebakNumber() ( var findNumber = prompt ("Tebak angka dari 1 sampai 10?"); switch (findNumber) ( case "6": alert("Ini sudah lebih hangat!"); break; case "7": alert (" Panas sekali!"); break; case "8": alert("Anda menebak dengan benar! Itu angka 8."); break; case "9": alert("Ini sudah lebih hangat!"); break; default : alert("Dingin! "); break; ) ) ... Tebak nomornya

Saya berbicara tentang jendela modal "template". Itu. file templat terpisah yang dibuat. Dan kerumitan serta kecanggihan jendela ini tidak terbatas.

Namun seringkali, untuk berkomunikasi dengan pengguna, Anda memerlukan kotak dialog yang sangat sederhana - cukup tampilkan beberapa pesan dengan satu tombol "Oke", yang pasti akan dia sadari, atau minta dia untuk mengkonfirmasi beberapa tindakan.

Situs web sering kali menggunakan fungsi Sistem untuk tujuan tersebut.
Ada beberapa kelompok yang disebut fungsi “sistem” di mesin. File yang berisi fungsi-fungsi ini dimuat di awal mesin, bahkan sebelum file konfigurasi dimuat, dan fungsi itu sendiri tidak terikat pada modul apa pun dan dapat digunakan di mana saja, di komponen apa pun - dalam modul, tindakan, pembuat peta, dll." class="term">fungsi sistem alert() , konfirmasi() dan prompt() , kira-kira seperti ini:
Hapus semuanya!
Ini berfungsi di browser apa pun, tetapi jendela yang ditampilkan oleh fungsi tersebut terlihat jelek, primitif dan merusak semua keindahan yang kita buat di situs kita.

Untuk mengatasi masalah ini di mesin, sekarang Anda dapat (menurut saya perlu) menggunakan analog:

ls.modal.alert(options) - menampilkan jendela informasi dengan satu tombol "OK".
ls.modal.confirm(options) - menampilkan jendela dengan tombol "Batal" dan "Konfirmasi"
ls.modal.prompt(options) - jendela dengan kolom input

Di semua fungsi, parameter opsi dapat berupa string atau objek. Misalnya:
ls.modal.alert('Halo, dunia!');
Kode ini menampilkan jendela modal dengan teks “Halo, dunia!” dan tombol "Oke". Dan yang terpenting, jendela ini akan didesain sama persis dengan semua jendela modal lainnya di situs Anda.

Kita juga dapat menulis pengendali klik tombol:
ls.modal.alert((judul: "Saya katakan", teks: "Halo, dunia!", onConfirm: function())( // pengguna mengklik tombol Ok))); Judul jendela “Saya katakan” ditambahkan di sini dan ketika tombol ditekan, fungsi yang diteruskan dalam parameter onConfirm akan dijalankan.

Tapi itu belum semuanya! Kita dapat menampilkan kode HTML apa pun di badan jendela:
var htmlKode = " Ini avatar baru Anda"; ls.modal.alert((title: "Avatar", html: htmlCode)); Dan kami mendapatkan sesuatu seperti ini:

Perhatikan bahwa parameter html digunakan untuk menampilkan kode HTML, bukan parameter teks (jika Anda meneruskan kedua parameter, teks akan digunakan dan html akan diabaikan).

Fungsi ls.modal.confirm() dan ls.modal.prompt() digunakan dengan cara yang sama. Namun dalam fungsi ini parameter tambahan dimungkinkan. Misalnya, dalam parameter fungsi ls.modal.confirm() kita tidak bisa meneruskan hanya satu, tapi dua penangan - satu penangan untuk setiap tombol:
ls.modal.confirm((title: "Hapus", teks: "Hapus semuanya?", onConfirm: function())( // pengguna mengklik tombol "Konfirmasi"), onCancel: function())( // the pengguna mengklik tombol "Batal" ) )); Fungsi ls.modal.prompt() digunakan untuk meminta beberapa nilai kepada pengguna. Dan kita dapat mengatur ini sebagai default:
ls.modal. prompt ((judul: "Masukkan angka", teks: "Masukkan angka di sini", nilai: 123 onConfirm: function(value)( // Memasukkan nilai dalam variabel
Skema umum nama variabel adalah sebagai berikut: Prefix+AdditionalPrefix+VariableName+Suffix. Nama variabel mengandung huruf besar dan kecil dan dimulai dengan awalan huruf kecil yang menunjukkan tipe data nilai variabel. Daftar awalan yang direkomendasikan untuk digunakan diberikan di bawah ini. Awalan tambahan menentukan nilai variabel dan dipilih dari daftar awalan tambahan yang direkomendasikan di bawah. Nama variabel terdiri dari satu kata atau lebih yang menjelaskan arti semantik dari variabel tersebut, dan ditulis dalam huruf besar. Karena awalan mendeskripsikan tipe nilai suatu variabel, namanya mendeskripsikan instance tunggal dari tipe tersebut. Akhiran melengkapi nama variabel dan menentukan makna semantiknya. Daftar sufiks yang direkomendasikan untuk digunakan diberikan di bawah ini. Angka pada nama diperbolehkan, namun tidak disarankan. Garis bawah tidak digunakan pada nama.

Awalan
Daftar awalan berikut direkomendasikan untuk digunakan:
- a (array) - nilai array;
- b (bool) - nilai logika;
- e (entitas) - objek bertipe Entitas dan diwarisi darinya;
- i (bilangan bulat) - nilai bilangan bulat;
- f (float) - nilai tipe nyata;
- m (mapper) - objek bertipe Mapper dan diwarisi darinya;
- n (angka) - nilai tipe digital tidak terdefinisi yang dapat berupa bilangan bulat atau
nilai sesungguhnya. Memerlukan pemeriksaan nilai tipe saat digunakan.

- o (objek) - objek dengan tipe berbeda dari Mapper dan Entitas;
- s (string) - nilai string;
- x (campuran) - objek bertipe campuran. Memerlukan pemeriksaan nilai tipe saat digunakan.

Daftar awalan tambahan berikut direkomendasikan untuk digunakan:
- Min (minimum) - nilai minimum;
- Maks (maksimum) - nilai maksimum;
- Saat ini - nilai saat ini.

Sufiks
Tidak seperti Awalan Tambahan, sufiks menentukan arti semantik dari nama variabel, bukan namanya
arti. Daftar sufiks berikut direkomendasikan untuk digunakan:
- Pertama - nilai pertama dari daftar yang tersedia;
- Terakhir - nilai terakhir dari daftar yang tersedia;
- Batas - nilai batas dari daftar yang tersedia;
- Tmp - nilai sementara;
- Baru - nilai baru (ditetapkan);
- Lama - nilai lama (ditimpa);

Pengecualian
Ada nama variabel yang ditujukan untuk penggunaan khusus - pengecualian dari yang disebutkan
rekomendasi:
- i, j - iterator untuk loop kecil (sebuah loop dianggap kecil jika cocok seluruhnya
satu layar dan memungkinkan Anda melihat semua kemunculan iterator sekaligus);
- k, v - variabel loop foreach ($aData sebagai $k => $v);
- kunci, nilai - variabel loop foreach ($aData sebagai $kunci => $nilai);
- s - representasi data berseri;
- data - variabel dengan data di pembuat entitas, serta data yang dikembalikan dari metode pembuat peta;
- sql - di mappers, variabel yang berisi teks kueri - awalan “s” tidak digunakan." class="term">variable "value") )); Di sini nilai yang dimasukkan oleh pengguna diteruskan ke handler dan kita dapat menggunakannya untuk menentukan, apa yang harus dilakukan selanjutnya.

Sebagai penutup bagian ini, saya ingin menarik perhatian pada satu fitur yang tidak boleh dilupakan: ada perbedaan penting dalam perilaku fungsi sistem alert(), konfirmasi() dan prompt() dan analognya yang dimaksud - ls.modal.alert( pilihan) , ls.modal.confirm(pilihan) dan ls.modal.prompt(pilihan) . Yaitu - Fungsi sistem
Ada beberapa kelompok yang disebut fungsi “sistem” di mesin. File yang berisi fungsi-fungsi ini dimuat di awal mesin, bahkan sebelum file konfigurasi dimuat, dan fungsi itu sendiri tidak terikat pada modul apa pun dan dapat digunakan di mana saja, di komponen apa pun - dalam modul, tindakan, pembuat peta, dll." class="term">fungsi sistem menghentikan eksekusi kode javascript dan menunggu reaksi pengguna. Dan hanya setelah pengguna bereaksi, eksekusi kode dilanjutkan. Saat Anda menggunakan fungsi yang dijelaskan di sini, seluruh kode, di mana panggilan itu sendiri dibuat, dieksekusi terlebih dahulu, dan baru kemudian kotak dialog muncul.

Oleh karena itu, jika Anda mengambil kode yang diberikan di awal artikel dan cukup mengganti panggilan konfirmasi() dengan ls.modal.confirm() dan kode tersebut harus ditulis ulang seperti ini:
Hapus semuanya! $(function())( $("js-delete-all").click(ls.modal.confirm("Apakah Anda yakin?", function()( location.href="site.com/delete/all/ "; ));); )); Perlu diketahui bahwa fungsi handler diteruskan bukan dalam parameter onConfirm, namun sebagai argumen kedua dari fungsi tersebut; hal ini juga dapat diterima.

Ya, masih ada sedikit kode lagi. Tapi itu indah! Dan kecantikan, seperti yang Anda tahu, membutuhkan pengorbanan.

Melanjutkan rangkaian tutorial kami tentang cara mempercantik dan mengelola pengaturan browser default, hari ini kami mengundang Anda untuk mengembangkan dialog konfirmasi lintas-browser menggunakan plugin jQuery yang mudah digunakan. Anda dapat memilih teks, tombol, dan tindakan yang akan dilakukan setelah klik.

kode HTML

Meskipun pada awalnya kita harus fokus pada jendela konfirmasi, pertama-tama mari kita ceritakan sedikit tentang halaman yang akan kita gunakan. Jika Anda ingin melihat kode sumber plugin, Anda dapat melewati langkah ini dan gulir ke bawah ke bagian artikel jQuery.

Indeks.php


Penggantian Dialog Konfirmasi jQuery dengan CSS3 | Demo Tutorialzine

Di bagian atas dokumen kami telah menyertakan font Cuprum dari , jQuery.confirm.css (cascading style sheet untuk kotak dialog), dan style.css - cascading style sheet halaman kami.

Di bagian paling bawah badan dokumen kami telah menyertakan perpustakaan jQuery, jquery.confirm.js (file plugin utama), serta script.js, yang mendengarkan acara klik tombol dan menjalankan plugin. Pada langkah terakhir tutorial kami hari ini, kami akan memberi tahu Anda tentang kedua file ini.

Untuk menyertakan jendela konfirmasi di situs web Anda, Anda perlu menyalin folder jquery.confirm dari arsip yang diunduh, dan menyertakan jquery.confirm.css di bagian atas kode, serta file jquery.confirm.js sebelum tag yang mengakhiri badan dokumen + perpustakaan jQuery.

Dialognya sendiri tidak lebih dari beberapa baris kode HTML. Di bawah ini Anda dapat melihat kode yang disisipkan oleh plugin untuk menampilkan kotak dialog.

Contoh Kode Kotak Dialog

Kode ditambahkan ke badan dokumen. konfirmasiOverlay ditampilkan di atas sisa halaman, yang mencegah interaksi apa pun dengan elemen halaman saat kotak dialog ditampilkan. h1, p dan div konfirmasiTombol disusun sesuai dengan struktur yang ditentukan dalam pengaturan plugin. Nanti di artikel ini Anda akan mempelajari lebih lanjut tentang ini.

kode CSS

Desain kotak dialog terdapat pada file jquery.confirm.css. Hal ini membuatnya lebih mudah untuk diintegrasikan ke dalam proyek yang sudah selesai, dan penataan gaya dilakukan sedemikian rupa sehingga Anda dapat yakin bahwa gaya tersebut tidak akan tercampur dengan gaya yang sudah ada di halaman.

jquery.konfirmasi.css

#konfirmasiHamparan(
lebar:100%;
tinggi:100%;
posisi: tetap;
atas:0;
kiri:0;
latar belakang:url("ie.png");
latar belakang: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) ulangi-x rgba(11,11,11,0.2);
latar belakang:-webkit-gradient(linier, 0% 0%, 0% 100%, dari(rgba(11,11,11,0.1)), ke(rgba(11,11,11,0.6))) ulangi-x rgba(11,11,11,0.2);
indeks-z:100000;
}

#konfirmasiKotak(
background:url("body_bg.jpg") ulangi-x kiri bawah #e5e5e5;
lebar:460 piksel;
posisi: tetap;
kiri:50%;
atas:50%;
margin:-130 piksel 0 0 -230 piksel;
batas: 1px rgba padat(33, 33, 33, 0.6);

Bayangan-kotak-Moz: 0 0 2px rgba(255, 255, 255, 0.6) sisipan;
-webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) sisipan;
bayangan kotak: 0 0 2px rgba(255, 255, 255, 0.6) sisipan;
}

#konfirmasiKotak h1,
#konfirmasiKotak p(
font:26px/1 "Cuprum", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
background:url("header_bg.jpg") ulangi-x kiri bawah #f5f5f5;
bantalan: 18px 25px;
bayangan-teks: 1px 1px 0 rgba(255, 255, 255, 0.6);
warna:#666;
}

#konfirmasiKotak h1(
spasi huruf: 0,3 piksel;
warna:#888;
}

#konfirmasiKotak p(
latar belakang: tidak ada;
ukuran font:16px;
tinggi garis:1.4;
padding-atas: 35 piksel;
}

#konfirmasiTombol(
bantalan:15 piksel 0 25 piksel;
perataan teks:tengah;
}

#confirmBox.button(
tampilan: blok sebaris;
warna putih;
posisi:relatif;
tinggi: 33 piksel;

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

Margin-kanan: 15px;
bantalan: 0 35 piksel 0 40 piksel;
dekorasi teks: tidak ada;
perbatasan: tidak ada;
}

#confirmBox .button:anak terakhir(margin-kanan:0;)

#confirmBox .rentang tombol(
posisi:mutlak;
atas:0;
kanan:-5px;
background:url("buttons.png") tanpa pengulangan;
lebar:5 piksel;
tinggi:33px
}

#confirmBox .blue( posisi latar belakang:kiri atas;bayangan teks:1px 1px 0 #5889a2;)
#confirmBox .blue span( posisi latar belakang:-195px 0;)
#confirmBox .blue:hover( posisi latar belakang:kiri bawah;)
#confirmBox .blue:hover span( posisi latar belakang:-195px bawah;)

#confirmBox .gray( posisi latar belakang:-200px atas;bayangan teks:1px 1px 0 #707070;)
#confirmBox .grey span( posisi latar belakang:-395px 0;)
#confirmBox .gray:hover( posisi latar belakang:-200px bawah;)
#confirmBox .gray:hover span( posisi latar belakang:-395px bawah;)

Ini memanfaatkan CSS3 baru. Pada definisi #confirmOverlay, kami menggunakan gradasi CSS3 (yang hanya berfungsi di Firefox, Safari, dan Chrome) dengan fallback yang disediakan dalam bentuk PNG transparan.

Selanjutnya, pada tampilan #confirmBox di tengah, kami menambahkan bayangan kotak bagian dalam (mirip dengan cahaya bagian dalam di Photoshop). Kami juga menggunakan font Cuprum, yang ditambahkan dari direktori font Google.

Seiring dengan bayangan teks, Anda dapat melihat gaya tombol. Mereka diimplementasikan menggunakan pintu geser. Saat ini ada dua jenis desain yang tersedia – biru dan abu-abu. Anda dapat menambahkan warna tombol baru dengan menambahkan deklarasi baru ke kode.

jQuery

Sebelum kita beralih ke kode sumber plugin, mari kita lihat lebih jauh. Di script.js Anda dapat melihat plugin berjalan.

skrip.js

$(dokumen).siap(fungsi())(

$(".barang .hapus").klik(fungsi())(

Var elemen = $(ini).terdekat(".item");

$.konfirmasi((
"title" : "Hapus Konfirmasi",
"message" : "Anda akan menghapus item ini.
Itu tidak dapat dipulihkan di lain waktu! Melanjutkan?"
"tombol" :(
"Ya" :(
"kelas" : "biru",
"tindakan": fungsi())(
elemen.slideUp();
}
},
"TIDAK" :(
"kelas" : "abu-abu",
"action": function()() // Tidak ada yang perlu dilakukan dalam kasus ini. Anda juga dapat menghilangkan properti action.
}
}
});

Ketika div .deleted diklik dalam contoh kita, skrip menjalankan fungsi $.confirm yang ditentukan plugin. Berikut ini adalah judul, deskripsi, dan objek tombol kotak dialog. Setiap tombol memiliki nama kelas CSS serta parameter tindakan. Tindakan adalah fungsi yang dijalankan ketika tombol diklik.

Sekarang mari kita ke bagian yang menarik. Di jquery.confirm.js Anda dapat melihat kode sumber untuk dialog kita.

Jquery.konfirmasi.js

$.konfirmasi = fungsi(params)(

If($("#confirmOverlay").panjang)(
// Konfirmasi sudah ditampilkan di halaman:
kembali salah;
}

Tombol VarHTML = "";

// Menghasilkan markup untuk tombol:

If(!obj.action)(
obj.aksi = fungsi())();
}
});

Markup var = [
"

",params.judul,"",
"

",params.pesan,"

",
"

",
tombolHTML,
"

"
].bergabung("");

$(markup).hide().appendTo("body").fadeIn();

Tombol Var = $("#confirmBox .button"),
saya = 0;

$.each(params.buttons,function(nama,obj)(
tombol.eq(i++).klik(fungsi())(

// Memanggil atribut action ketika a
// klik terjadi, dan menyembunyikan konfirmasi.

Obj.aksi();
$.konfirmasi.sembunyikan();
kembali salah;
});
});
}

$.konfirmasi.sembunyikan = fungsi())(
$("#confirmOverlay").fadeOut(fungsi())(
$(ini).hapus();
});
}

Plugin kami mendefinisikan metode $.confirm(). Metode ini memproses data yang Anda masukkan, membuat markup, lalu menambahkan semuanya ke halaman. Karena div #confirmOverlay memiliki posisi tetap melalui deklarasi CSS, kita akan menyerahkan proses memusatkannya ke browser dan kemudian memindahkannya saat pengguna menggulir halaman.

Setelah menambahkan markup, skrip mendistribusikan tuas peristiwa untuk peristiwa klik tombol, melakukan tindakan yang sesuai dengan tombol yang ditekan.

Ini mengakhiri kotak dialog kita!

Mari kita rangkum

Anda dapat mengedit tampilan kotak dialog menggunakan file jquery.confirm.css. Karena atribut pesan pada kotak dialog menggunakan kode HTML, Anda dapat menambahkan gambar atau ikon di sana.

Anda bahkan dapat menggunakan plugin untuk mengimplementasikan kotak pesan kesalahan - Anda hanya perlu menambahkan satu tombol tanpa menetapkan atribut tindakan.

Perhatian! Anda tidak memiliki izin untuk melihat teks tersembunyi.

Dan sekali lagi, saya menyambut Anda di topik lain yang didedikasikan untuk bahasa JavaScript, di mana kami akan menganalisis metode peringatan, prompt, konfirmasi. Metode ini dibangun ke dalam bahasa Javascript dan membantu kami berinteraksi dengan pengguna.
Peringatan menampilkan jendela di layar browser dengan informasi tertentu, yang menghentikan sementara skrip hingga pengguna mengklik OK.
Prompt biasanya menampilkan jendela yang menanyakan pertanyaan kepada pengguna yang harus mereka jawab di kolom teks tertentu sebelum mengklik OK. Pengguna juga tidak dapat memasukkan apa pun dengan menekan tombol Batal.
Konfirmasi juga menampilkan jendela di mana pengguna tidak dapat lagi memasukkan apa pun ke dalam kolom teks, namun hanya dapat mengklik OK atau membatalkan.
Dan sekarang, setelah perkenalan singkat, mari kita beralih ke pertimbangan semua hal di atas dalam praktiknya.



waspada, cepat, konfirmasi



alert("Halo, pengguna yang terhormat!" );
var namaPengguna = prompt("Nama Anda?", "nama" );
var userAnswer = konfirmasi("Apakah Anda yakin ingin meninggalkan situs ini?" );



Hasilnya, saat kita me-refresh halaman browser, kita akan melihat jendela menyambut pengguna. Setelah mengklik OK, jendela berikut akan muncul menanyakan nama Anda. Metode ini memiliki dua parameter, yang pertama diperlukan dan bertanggung jawab atas judul yang akan ditampilkan, dalam kasus kami ini adalah pertanyaan nama pengguna. Dan parameter kedua bertanggung jawab atas nilai yang akan ditampilkan secara default di kolom teks. Jika Anda memasukkan nama Anda dan mengklik OK, nama Anda akan ditempatkan di variabel namaPengguna. Jika Anda mengklik tombol batal, null akan ditulis ke variabel.
Dan terakhir, sebuah jendela yang menanyakan pengguna apakah dia ingin meninggalkan situs kita atau tidak. Jika disetujui, nilai Boolean true akan ditempatkan dalam variabel, dan jika ditolak, nilai false akan ditempatkan. Itu saja yang perlu Anda ketahui tentang metode ini, sampai jumpa di pelajaran berikutnya!

HTML, XHTML dan CSS 100% Metode Kvint Igor konfirmasi()

konfirmasi() metode

Metode konfirmasi() menampilkan jendela konfirmasi, yang mirip dengan jendela peringatan yang dihasilkan oleh metode peringatan(), namun berisi dua tombol: OK dan Batal. Listing 11.3 menunjukkan pembuatan jendela konfirmasi, namun skrip ini tidak membedakan antara tombol OK dan Batal. Menekan salah satu tombol hanya akan menutup jendela (Gbr. 11.5).

Beras. 11.5. Bekerja dengan konfirmasi

Daftar 11.3. Bekerja dengan konfirmasi

Bekerja dengan konfirmasi

konfirmasi("Ini adalah konfirmasi saya");

Setelah membaca bab ini, Anda akan mempelajari cara menggunakan metode ini untuk membuat skrip Anda merespons secara berbeda ketika Anda mengklik tombol OK dan Batal.

Dari buku Windows Script Host untuk Windows 2000/XP oleh Andrey Vladimirovich Popov

Metode Jalankan Parameter intWindowStyle mengatur tipe jendela untuk aplikasi yang akan diluncurkan (Tabel 1.13).Tabel 1.13. Jenis jendela (intWindowStyle) Parameter Konstanta Visual Basic Deskripsi 0 vbHide Menyembunyikan jendela saat ini dan mengaktifkan jendela lain (menampilkannya dan memberinya fokus) 1 vbNormalFocus Mengaktifkan dan

Dari buku Pemrograman di Ruby [Ideologi Bahasa, Teori dan Praktik Penerapannya] oleh Fulton Hal

Metode Hapus Jika parameter force salah atau tidak ditentukan, maka menggunakan metode Delete tidak mungkin menghapus direktori dengan atribut read-only. Menyetel force ke true akan memungkinkan direktori tersebut segera dihapus. Saat menggunakan metode Hapus, tidak masalah apakah direktori tersebut ditentukan atau tidak.

Dari buku Pemrograman PDA dan Smartphone di .NET Compact Framework oleh Klimov Alexander P.

Metode pemindahan Parameter tujuan yang diperlukan menentukan direktori tempat perpindahan akan dilakukan; wildcard tidak diperbolehkan dalam nama direktori. Catatan Selain metode Pindah, Anda dapat menggunakan metode objek MoveFolder

Dari buku Linux dan UNIX: pemrograman shell. Panduan Pengembang. oleh Tainsley David

Metode penyalinan Parameter tujuan yang diperlukan menentukan file tujuan penyalinan; wildcard tidak diperbolehkan dalam nama file. Parameter overwrite adalah variabel Boolean yang menentukan apakah akan menimpa file yang sudah ada dengan nama tujuan (overwrite=true)

Dari buku Deskripsi bahasa PascalABC.NET oleh Tim RuBoard

Metode Hapus Jika parameter force salah atau tidak ditentukan, maka menggunakan metode Delete tidak mungkin menghapus file dengan atribut read-only. Menyetel force ke true akan memungkinkan file tersebut segera dihapus. Catatan Anda dapat menggunakan metode DeleteFile daripada metode Hapus.

Dari buku penulis

8.3.1. Metode inject Metode inject datang ke Ruby dari bahasa Smalltalk (pertama kali muncul di Ruby 1.8). Perilakunya menarik, meskipun tidak mudah untuk dipahami pertama kali. Ini mencerminkan fakta bahwa kita sering kali ingin melihat-lihat daftar dan “mengumpulkan” beberapa hasil di sepanjang jalan. Tentu saja paling banyak

Dari buku penulis

8.3.3. Metode partisi Seperti yang mereka katakan, “ada dua tipe orang di dunia: mereka yang membagi orang ke dalam tipe yang berbeda, dan mereka yang tidak.” Metode partisi tidak mengacu pada orang (walaupun kita dapat merepresentasikan mereka sebagai objek di Ruby), tetapi metode ini juga membagi himpunan menjadi dua bagian. Jika sebuah blok diberikan saat partisi dipanggil, maka blok tersebut akan dievaluasi

Dari buku penulis

11.1.10. metode inisialisasi_salin Saat menyalin objek menggunakan metode dup atau clone, konstruktor tidak dipanggil. Semua informasi negara bagian disalin, tetapi bagaimana jika Anda tidak memerlukan perilaku ini? Mari kita lihat contohnya: class Document attr_accessor:title, :text attr_reader:timestamp def inisialisasi(judul, teks) @title, @text = judul, teks @timestamp =

Dari buku penulis

11.1.11. Metode alokasi Jarang terjadi, tetapi kebetulan Anda perlu membuat objek tanpa memanggil konstruktornya (melewati metode inisialisasi). Misalnya, keadaan suatu objek mungkin ditentukan seluruhnya oleh metode aksesnya; maka tidak perlu memanggil metode baru (yang akan memanggil inisialisasi) kecuali Anda

Dari buku penulis

11.3.2. Metode const_get Metode const_get mendapatkan nilai konstanta dengan nama tertentu dari modul atau kelas tempatnya berada.str = "PI"Math.const_get(str) # Nilainya adalah Math::PI. Ini adalah cara untuk hindari memanggil metode eval, yang terkadang dianggap tidak elegan. Pendekatan ini lebih murah dari sudut pandang

Dari buku penulis

11.3.5. Metode Define_method Terlepas dari kata kunci def, satu-satunya cara normal untuk menambahkan metode ke kelas atau objek adalah dengan menggunakan metode Define_method, dan ini memungkinkan Anda melakukan ini pada saat run time. Tentu saja, di Ruby, hampir semuanya terjadi pada saat yang sama. waktu berjalan. Jika

Dari buku penulis

11.3.6. metode const_missing Metode const_missing mirip dengan metode method_missing. Saat mencoba mengakses konstanta yang tidak diketahui, metode ini dipanggil - jika ditentukan, tentu saja. Sebagai parameter, ia melewatkan simbol yang merujuk pada sebuah konstanta. Untuk mencegat panggilan ke

Dari buku penulis

Metode Lockbits .NET Compact Framework 2.0 memperkenalkan dukungan terbatas untuk metode LockBits, yang dapat digunakan untuk memanipulasi array piksel gambar. Pencacahan ImageLockMode dalam metode ini memungkinkan nilai ReadWrite, ReadOnly, dan WriteOnly. Dan enumerasi PixelFormat mendukung

Dari buku penulis Dari buku penulis

Metode Zip Deskripsi metode Metode diberikan untuk urutan urutan T. fungsi Zip(kedua: urutan TSecond; resultSelector: (T,TSecond)->Res): urutan Res; Menggabungkan dua urutan menggunakan fungsi yang ditentukan, yang mengambil satu elemen dari setiap urutan dan

Dari buku penulis

Metode Berisi Deskripsi metode Metode diberikan untuk urutan urutan T. fungsi Berisi (nilai: T): boolean; Menentukan apakah elemen tertentu terdapat dalam urutan, menggunakan pembanding kesetaraan default. fungsi Berisi(nilai: T; pembanding: IEqualityComparer): boolean;