Sayfa Yüklenince Toast yada Butona Tıklayınca Toast Örnekleri

Öncelikle jQuery toast plugin yazarı by Kamran Ahmede emeğinden dolayı teşekkür ederiz. Genel olarak başarılı bir eklenti olmuş kolaylıkla projelerine adapte edebilirsiniz projeyi arkadaş sadece butonlara tıklanma ile beraber tetiklenecek şekilde ayarlamış ama ben vereceğim örnekle sayfa yüklenince de toast mesajı görüntülenebilecek şekilde ayarladım.

Örneğin bir site içi mesajlaşma uygulamanız var yeni mesaj geldiğinde ekrana toast basmak için ilgili if yapısının içerisine hazırladığım 2. demodaki çalışmanın kaynak kodunu kullanabilirsiniz.

Projenin Kaynağı: https://kamranahmed.info/toast

DEMO1 – VARSAYILAN HALİYLE TÜM ÖRNEKLER

DEMO2 – SADECE SAYFA YÜKLENİNCE ÇALIŞACAK TOAST ÖRNEĞİ

2. DEMODA toast görünmesini sağlayan kod:

    <script type="text/javascript">
        $(document).ready(function() {
 
$.toast({
    heading: 'Information',
    text: 'Yeni Mesajınız var lütfen mesaj kutunuzu kontrol ediniz. <a href="#">tıklayın</a>',
	position: 'mid-center',
	icon: 'info',
    stack: false
})
 
    });
    </script>

burada dikkat edilecek nokta bu kod blogunun hemen yukarısında mutlaka ilgili jquery dosyaları include edilmiş olması gerekir aksi halde çalışmayacaktır.

ilgili jquery kod blogu:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.toast.js"></script>

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir