Tergelitik dengan komentar mas Ali dalam salah satu postingan saya tentang Javascript, yaitu bagaimana cara membuat script untuk menampilkan link otomatis dalam postingan artikel bila terdapat URL. Sebagai contoh misalkan saya menuliskan string berikut ini pada form:
“Hallo.. selalu kunjungi https://blog.rosihanari.net ya untuk mendapatkan info programming yang OK punya.”
Nah.. setelah disubmit, maka secara otomatis URL ‘https://blog.rosihanari.net’ yang terdapat dalam string di atas akan menjadi link secara otomatis tanpa kita memberikan tag html untuk link <a href=”…”>…</a> pada URL tersebut. Untuk memudahkan dalam menyebutkan, mungkin lebih enak kalau saya sebut hal ini dengan istilah ‘auto hyperlink’ saja ya.
Bila Anda menggunakan WordPress, maka auto hyperlink ini secara otomatis terjadi yaitu pada bagian comment. Namun, bagaimana bila kita ingin membuat sendiri auto hyperlink ini? So.. simak artikel ini baik-baik ya, mudah kok membuatnya 🙂
Kita dapat membuat script auto hyperlink di atas dengan menggunakan PHP. Bagaimana dengan idenya? Idenya adalah langkah pertama kita pisah atau split terlebih dahulu string aslinya ke dalam substring berdasarkan karakter spasinya.
Sebagai contoh, misalkan ada string berikut ini:
“Situs https://blog.rosihanari.net dan http://rosihanari.net benar-benar OK punya.”
Bila kita split string tersebut ke dalam substring berdasarkan karakter spasi, maka akan kita dapatkan substring sbb:
Substring ke-0 : Situs
Substring ke-1 : https://blog.rosihanari.net
Substring ke-2 : dan
Substring ke-3 : http://rosihanari.net
Substring ke-4 : benar-benar
Substring ke-5 : OK
Substring ke-6 : punya.
Dengan demikian totalnya ada 7 buah substring. Kemudian untuk setiap substring tersebut kita cek apakah diawali dengan ‘http://’. Bila ada substring yang diawali dengan ‘http://’ maka substring tersebut nantinya akan direplace dengan
<a href="substring">substring</a>.
Sehingga hasil string setelah proses replacing selesai semua menjadi
Situs <a href="https://blog.rosihanari.net">https://blog.rosihanari.net</a> dan <a href="http://rosihanari.net">http://rosihanari.net</a> benar-benar OK punya.
Mudah-bukan idenya? 🙂 Tapi.. eh tunggu dulu, bagaimana bila ada substring yang hanya terdiri dari ‘http://’ saja? Misalkan string berikut ini.
“Contoh beberapa situs https://blog.rosihanari.net dan http://rosihanari dan http://”
Apa yang terjadi bila kita terapkan ide di atas? Ya… hasilnya akan rusak karena semua teks ‘http://’ dalam string aslinya nantinya akan dibuat link sehingga hasilnya adalah sbb:
Contoh beberapa situs <a href='<a href='http://'>http://</a>blog.rosihanari.net'><a href='http://'>http://</a>blog.rosihanari.net</a> dan <a href='<a href='http://'>http://</a>rosihanari'><a href='http://'>http://</a>rosihanari</a> dan <a href='http://'>http://</a>
Oleh karena itu, proses replacing tidak boleh diberlakukan pada substring hasil pecahan yang hanya terdiri dari ‘http://’ saja.
OK sudah paham ya? Nah.. sekarang kita buat script PHP sebagai implementasi ide di atas. Ini dia script nya
<?php
// string asli
$string = "Contoh beberapa situs https://blog.rosihanari.net dan http://rosihanari dan http://";
// proses splitting ke dalam substring
$pecah = explode(" ", $string);
// proses replacing
for ($i=0; $i<=sizeof($pecah)-1; $i++)
{
if ((substr($pecah[$i], 0, 7) == 'http://') && ($pecah[$i] != 'http://'))
$string = str_replace($pecah[$i], "<a href='".$pecah[$i]."'>".$pecah[$i]."</a>", $string);
}
echo $string;
?>
Hasil dari script di atas tampak seperti di bawah ini.
Mudah bukan membuatnya? Script di atas hanya script sample dan simple saja dimana input stringnya bukan dari form. Nah.. Anda bisa memodifikasi script di atas bila input string berasal dari form. Anda dapat pula memodifikasinya bila ingin menyimpan string hasil auto hyperlink nya ke dalam database.
Selamat mencoba ya !!
