Toast

by Yubraj Pokharel

HTML

<div class='error' style='display:none'>I did something!</div>
<button>Do something!</button>

<div id="result"></div>

CSS

body, html {
    height:100%;
    width:100%;
    min-height:100%;
    padding:0;
    margin:0;
}
.error {
    width:100%;
    height:20px;
    height:auto;
    position:absolute;
    bottom:10px;
    background-color: #383838;
    color: #F0F0F0;
    font-family: Calibri;
    font-size: 20px;
    padding:10px;
    text-align:center;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
}

JavaScript

$('button').click(function () {
    $('.error').stop().fadeIn(400).delay(3000).fadeOut(400); //fade out after 3 seconds
});


 
 var result = $('#result');
 
       //$.each(data, function(k,v){     
        //var res = "<div class='list'>"+v+"</div>";
        //result.html(res);
          //    });	 -->
   
   
   
   $(document).ready(function(e) {
        
        $.ajax({
          	url: 'https://www.collegeyatra.com/api/university/',
     				type: 'GET',   
      
            cache: false,
            success: function(data){                          
                 console.log(data);                   
            }           
        });    
        
    });