Membuat tombol kembali ke halaman sebelumnya html

Question

Saat menggunakan browser internet, banyak orang membuka berbagai macam situs web untuk mengakses informasi yang dibutuhkan. Terkadang mereka ingin melihat dan membaca ulang informasi dihalam sebelumnya pada situs tertentu, atau ingin pindah ke halaman berikutnya untuk membaca informasi selanjutnya.

Table of Contents Show

Cara berpindah ke halaman sebelumnya atau sesudahnya di browser internet menggunakan keyboard
Artikel Rekomendasi
Artikel Terkait Menghapus Multiple Data di Mysql dengan PHP JavascriptMencegah Exploit URL dengan enkripsi Method Get PHPMembuat tabel Mysql dan Mysqli dengan PHPGammu Error 1053 ?Penyebab dan Solusinya Cara Input Data di Mysql dengan PHPCara Membuat Random/Acak Angka di PHPMenampilkan data Gambar Secara Horizontal di PHPCara Menghitung Nilai Rata-Rata di PHPMembuat Koneksi di Mysql dan MysqliFree Aplikasi Penjualan Sepeda Motor PHP MYSQL
About Sibudi

Biasanya orang-orang akan melakukan klik anak panah ke kiri dan kanan untuk beralih ke halaman sebelumnya atau sesudahnya, yang ada disebelah kiri Adress bar browser internet.

Selain dengan cara tersebut di atas, pengguna bisa melakukannya menggunakan tombol pada keyboards seperti di bawah ini.

Cara berpindah ke halaman sebelumnya atau sesudahnya di browser internet menggunakan keyboard

Berikut ini cara simpel yang bisa digunakan untuk beralih ke halaman sebelumnya atau sesudahnya di browser internet menggunakan keyboards.

Untuk beralih ke halaman sebelumnya pada browser internet dari halaman saat ini, Anda bisa menggunakan tombol [Alt] + [anak panah kiri] pada keyboard komputer Anda.
Sedangkan untuk beralih ke halaman selanjutnya pada browser internet dari halaman saat ini, Anda bisa menggunakan tombol [Alt] + [anak panah kanan] pada keyboard komputer Anda.

Catatan: Anda tidak bisa beralih ke halaman selanjutnya jika halaman tersebut belum pernah dibuka atau diakses sebelumnya.

Home
PHP MYSQLi
Membuat Tombol Back

Tombol Back atau Tombol Kembali merupakan hal yang cukup penting dalam membuat sebuah aplikasi berbasis website , Misalnya disini kita membuat Sistem Informasi Perpustakaan , Pada bagian tertentu tentunya kita memerlukan suatu aksi Back / Kembali yang di implementasikan pada sebuah button / tombol sehingga hal ini tentunya akan memudahkan user yang menggunakan atau menjalankan aplikasi yang sudah kita buat, Sehingga aplikasi yang kita buat lebih user friendly, dan memanjakan pengguna, meskipun didalam membuat sebuah aplikasi, pasti akan ada kekurangan, dikarenakan kesempurnaan hanya milik allah semata.

OK.. How to create Back Button in PHP or Javascript.. ?

Pada umumnya browser sudah memiliki tombol “back” yang berfungsi untuk kembali ke halaman sebelumnya. Seorang web developer harus mempunyai alasan yang bagus untuk memasangnya pada website, misal karena adanya permintaan khusus dari klien.

Ada 2 cara yang bisa dipakai, yaitu dengan JavaScript dan PHP. Untuk mencoba kode-kode di bawah ini, dibutuhkan sebuah halaman lain yang berisi link menuju ke halaman yang berisi tombol “back” ini.

1. Membuat Tombol Back dengan Menggunakan Javascript

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

Silahkan anda copy code diatas, dan implementasikan di halaman Web Anda, Namun pada kasus tertentu cara membuat tombol back dengan javascript ini memiliki kelemahan bila user tidak mengaktifkan fitur javascript di browser yang digunakannya.

2.Membuat Tombol Back dengan Menggunakan PHP

<?php 
$url = isset($_SERVER['HTTP_REFERER']) ? htmlspecialchars($_SERVER['HTTP_REFERER']) : ''; 
?>
<a href="<?=$url?>">Go Back PHP</a>

Silahkan anda copy script di atas, dan mulailah untuk mengimplementasikannya , agar anda lebih memahaminya. Cara Membuat Tombol Back / kembali dengan phpini merupakan salah satu cara yang dapat kita lakukan jika kita tidak menggunakan dengan javascript

Artikel Rekomendasi

Artikel Terkait Menghapus Multiple Data di Mysql dengan PHP JavascriptMencegah Exploit URL dengan enkripsi Method Get PHPMembuat tabel Mysql dan Mysqli dengan PHPGammu Error 1053 ?Penyebab dan Solusinya Cara Input Data di Mysql dengan PHPCara Membuat Random/Acak Angka di PHPMenampilkan data Gambar Secara Horizontal di PHPCara Menghitung Nilai Rata-Rata di PHPMembuat Koneksi di Mysql dan MysqliFree Aplikasi Penjualan Sepeda Motor PHP MYSQL

Diskusi

Pada umumnya browser sudah memiliki tombol “back” yang berfungsi untuk kembali ke halaman sebelumnya. Seorang web developer harus mempunyai alasan yang bagus untuk memasangnya pada website, misal karena adanya permintaan khusus dari klien. Namun, artikel ini ditulis bukan demi klien, melainkan demi ilmu pengetahuan 🙂

Ada 2 cara yang bisa dipakai, yaitu dengan JavaScript dan PHP. Untuk mencoba kode-kode di bawah ini, dibutuhkan sebuah halaman lain yang berisi link menuju ke halaman yang berisi tombol “back” ini.

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

Tentunya implementasi menggunakan JavaScript masih kurang, karena ada kemungkinan user mematikan JavaScript di browser-nya. Berikut ini adalah implementasi dengan PHP.

<?php
  $url = htmlspecialchars($_SERVER['HTTP_REFERER']);
?>
  <a href="<?=$url?>">Go Back</a>

Pada snippet di atas digunakan fungsi PHP htmlspecialchars untuk mensanitasi input dari client. Meskipun secara fisik tidak ada input yang bisa disusupi oleh user, namun harus tetap berpegang pada prinsip dasar pengembangan website, yaitu jangan pernah percaya apa yang dikirimkan oleh client.

Jika kode PHP di atas langsung dieksekusi tanpa melalui halaman lain, maka akan muncul pesan peringatan:

Notice: Undefined index: HTTP_REFERER in /var/www/index.php on line 2

Itu adalah pesan peringatan karena ada yang salah pada kode PHP. Untuk memperbaiki kesalahan itu bisa dipelajari di sini.

<?php
  $url = isset($_SERVER['HTTP_REFERER']) ? htmlspecialchars($_SERVER['HTTP_REFERER']) : '';
?>
  <a href="<?=$url?>">Go Back PHP</a>

Dalam artikel singkat ini selain dipelajari cara membuat tombol “back” namun juga pentingnya menulis kode yang baik dan berkualitas. Kode yang baik dan berkualitas akan membuat website yang dibuat menjadi lebih aman. Mulailah menulis kode yang berkualitas dari kasus yang paling sederhana.