Back Button with Notification

Back Button with Notification

Membuat tombol kembali atau back button dan notifikasi pada sebuah web sangatlah mudah, teman-teman bisa mencoba tutorial berikut ini. Disini kita akan menggunakan dengan menggunakan versi javascript, yuk kita coba tutorialnya.

Untuk notifikasi implementasinya kita bisa lihat saat ingin posting atau membuat status di facebook, namun kita belum sempat mempublis, atau kita menekan tombol refresh pada browser biasanya akan muncul notifikasi, “Apakah anda ingin meninggalkan halaman ini?”.

Kalian bisa menempatkan source code berikut ini pada halaman web.

<!DOCTYPE html>
<html>
<head>
	<title>Back Button Javascript | YELLOWWEB.ID</title>
	
	<script type="text/javascript">
		window.onbeforeunload = function() {
		  return "Apakah anda akan meninggalkan halaman ini ?";
		};
	</script>
</head>
<body>

<input type="button" value="Go Back" onclick="history.back(-1)" />


</body>
</html>

Silahkan dicoba, untuk tutorial berikutnya mungkin masih seputar manipulasi window pada browser.

Comments are closed.