nasıl bir sunulmasından sonra bir jquery kalıcı iletişim pop onay kutusunu yaratacak

1 Cevap php

ben şu anda bir düzenleme çalışma ve bir şirket veritabanı için sayfaları silmek duyuyorum.

edit.php

Şu anda ben bir formun başarıyla (kendisine mesaj bu) teslim edildiğini kontrol etmek php almak için çalışıyorum ve bu onay yapılır kez o formu başarıyla düzenlendi kullanıcıyı bilgilendiren bir jquery modal kutusu hale getirecektir.

delete.php

Bu sayfa gerçekten gerekli mi? i oldukça kolay dreamweaver prosedürlerini kullanarak kurmak olabilir ama basit bir kaydı silmek için yeni bir sayfa oluşturmak zorunda zahmetli görünüyor.

Üst gezinme çubuğunda bir bağlantı her kayıt için orada 'delete' etiketli sergiledi. i ideal kullanıcı gerçekten kaydını silmek isteyip istemediğine onaylamak için bu tıkladıktan sonra başka bir jquery modal kutusunu işlemek istiyorum.

EVET tıklandığında ise, başka bir mesaj kayıt silinmiş kullanıcı söylüyorum görünür. kullanıcı daha sonra başka bir sayfaya yönlendirildi.

NO tıklandığında ise, o zaman diyalog sadece yakın olur.

i anda kod yazmak bu mücadele ediyorum. i modal kutuları işlemek için facebox eklentisi kullanarak düşünüyordum ama başka nerede ben Facebox temel işlevleri üzerine inşa etmek için nasıl hakkında daha fazla bilgi bulmak için kazma başlayabilirsiniz. i acemi jquery programcı ama php / mysql oldukça ustadır duyuyorum.

zaman herkes için teşekkürler. Bu web sitesi gerçekten iyi!

1 Cevap

Ben bir iletişim kutusu uygulaması vardır jQuery UI hangi kullanarak öneririm. O sayfadaki kod düzenleme sayfası için para cezası çalışacak olanlar da dahil olmak üzere, çeşitli örnekler vardır

Sonra bir kaydı silmek için bir jquery iletişim kutusu ve kullanıcı Tamam basarsa, o zaman silme yürütmek hangi, delete.php için gerekli bilgileri göndermek için jQuery ajax fonksiyonlarını kullanabilirsiniz. JQuery tarafı gibi görünecektir:

$(function() {
	$("#dialog").dialog({
		bgiframe: true,
		resizable: false,
		height:140,
		modal: true,
		overlay: {
			backgroundColor: '#000',
			opacity: 0.5
		},
		buttons: {
			'Delete this item': function() {
                                    //ajax request here

				$(this).dialog('close');
			},
			Cancel: function() {
				$(this).dialog('close');
			}
		}
	});
});