Membuat tombol kembali ke halaman sebelumnya php

Kita dapat menampilkan tombol kembali menggunakan kode html dalam halaman kita yang dapat mengambil jendela browser ke halaman sebelumnya. Halaman ini akan memiliki tombol atau link dan dengan mengklik browser akan kembali ke halaman sebelumnya. Hal ini dapat dilakukan dengan menggunakan html atau dengan menggunakan JavaScript di sisi klien.

HTML kode untuk tombol kembali dapat ditempatkan dimana saja di dalam halaman (atau di dalam tag body). Tombol ini akan bekerja sama dengan tombol back di tool bar browser kita. Disini juga kita dapat mengatur untuk pergi sebelumnya atau lebih dari satu langkah dari halaman. Berikut ini adalah tombol kita dan kode sederhana untuk tombol back di browser kita.

Berikut adalah kode tombol ” back”:

Kode ini akan menampilkan satu tombol dan Anda dapat mengubah nilai parameter untuk menampilkan teks pada tombol. Berikut adalah tombol untuk membawa Anda kembali ke halaman sebelumnya. Perhatikan bahwa acara onClick dapat diatur untuk history.go (-3); untuk mundur tiga langkah. Kita dapat menggunakan 2 juga untuk bergerak maju dua langkah.

Pada sebuah postingan atau halaman, terkadang ada sebuah huruf yang kita sematkan untuk mengarah pada halaman. Proses tersebut biasa disebut dengan hyperlink (wiki:In computing, a hyperlink, or simply a link, is a reference to data that the reader can directly follow either by clicking, tapping, or hovering.).

Terkadang pada sebuah halaman, kita ingin membuat sebuah link untuk menuju kepada halaman sebelumnya. Ini berfungsi ketika kita membuat sebuah page atau halaman dengan tema tertentu (semisalkan error page) diluar dari konten utama. Jadi ketika pengguna masuk kedalam halaman tersebut, kita bisa membuat sebuah link bantuan untuk kembali ke halaman terakhirnya, selain dari membuat link ke halaman utama.

Pada HTML, kita bisa menambahkan script javascript:window.history.go(-1); pada tag . Parameter -1 adalah nilai dari page yang akan dikembalikan, untuk contoh penggunaannya pada HTML adalah sebagai berikut.

Button back dengan menggunakan pemrograman php
href=“”>Go Back PHP

Setelah melihat dua metode pemrograman diatas. Akan ada beberapa kelemahan jika kita menggunakan metode pemrograman javascript. Yaitu jika browser yang kita gunakan tidak mendukung atau menonaktifkan fitur javascript maka button back yang sudah kita buat tidak akan berjalan dengan semestinya.

Okey, sekian dulu artikel dari saya untuk hari ini. Semoga sedikit bermanfaat bagi kalian yang membacanya. Amien….

Share this:

• Twitter
• Facebook

• WhatsApp

Menyukai ini:

Suka Memuat...

Terkait

Ditulis dalam Bahasa Pemrograman Javascript, Bahasa Pemrograman PHP dan HTML | Tag: Link back html, Link back javascript, Link back php, Membuat button link back kembali dengan 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. 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.

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

  Go Back

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.

  Go Back PHP

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.

Catatan yang direkomendasikan:

• Memanipulasi URL pada Status Bar Browser
• Validasi dan Sanitasi Form dengan PHP
• Dasar File Upload dengan PHP
• Menangani Browser dengan JavaScript Disable
• Autentikasi dan Mengambil Data Pengguna dengan Facebook SDK

About Sibudi

Ubuntu user | Loves books | Blogger | Web Developer | Learn PHP, JavaScript, Ruby & Python the hard way

02. February 2012 by Sibudi
Categories: JavaScript, PHP | Tags: HTML, JavaScript, PHP, Security, Snippet |

Comments (12)

1. Pingback: Menyingkat Kode PHP menggunakan Operator Ternary | Sibudi

2. Yudi Widiawan says

   Arigato gozaimasu!
   Sangat bermanfaat!

3. moexti says

   Makasih sobat.

4. paket internet murah says

   terima kasih tutorialnya. berhasil juga akhirnya nambah tombol kembali 😀

   /*ngerjain tgs

5. MP3 Search & Free MP3 Downloads says

   Sukses bang Tombolnya thanks 😀

6. Sayyid husein says

   Dengan fungsi ini sangat bermanfaat sekali. Terutama jika kita punya data query yang banyak misal lebih dari 100 halaman yng berbeda. Jadi gak pegel buat satu2 fungsi back nya. Tinggal masukan saja halaman apa di database, tempel saja fungsi back otomatis ini. Beres. Tq admin infonya sangt membantu.