Breaking News: Grepper is joining You.com. Read the official announcement!

toast not showing

MD RAZZAK answered on February 14, 2022 Popularity 9/10 Helpfulness 1/10

answer toast not showing

toast not showing

Comment

// toast show with javascript
<script>
		document.getElementById("liveToastBtn").onclick = function () {
			var myToast = document.getElementById('liveToast');//select id of toast
			var toastShow = new bootstrap.Toast(myToast);//inizialize it
			toastShow.show();//show it
		};
	</script>

// toast with bootstrap exmaple on instance method
<script>
		var toastElList = [].slice.call(document.querySelectorAll('.toast'))
		var toastList = toastElList.map(function (toastEl) {
			return new bootstrap.Toast(toastEl)
		})

		var myToastBtn = document.getElementById('liveToastBtn')//target toast btn
		var toast = document.getElementById('liveToast')// target toast
		var myToast = bootstrap.Toast.getInstance(toast) // Returns a Bootstrap toast instance

		myToastBtn.addEventListener('click', function () {
			myToast.show();
		})// btn click function 

	</script>

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript show toast

Link to this answer
Share Copy Link

Contributed on Feb 14 2022

MD RAZZAK

0 Answers Avg Quality 2/10

toast not showing

Contents

More Related Answers

toast not showing

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.