Mengenali Sifat dari Link(Anchor)


a-tagUntuk seorang yang telah mengenal HTML pastinya tags Link atau Anchor sudah tidak asing lagi. Hanya ingin berbagi pengalaman mengenai html,php,jQuery & simpleModals plugin.

Beberapa hari ini saya sempat di buat bingung karena Link 🙂 karena ulahnya yg hypperactive,  harusnya hanya melakukan action menampilkan modal saja ketika di klik,… eeehhhh si Link malah jg menggulung scroll ke atas. Akibatnya tampilan aplikasi yg saya buat jd merepotkan user, karena setiap mengklik link harus menggulung scroll lagi ke bawah. Hebat bener si Link, ngerjai banyak orang dan jelas sukses juga mengerjai saya. 🙂

Sebenarnya hal ini tidak akan terjadi jika kita mengenail sifat dari Link atau Anchor. Dia menjadi hypperactive karena definisi yg dipanggil tidak jelas. Perhatikan ini:

<a href=”#” >Link</a>

Tanda kress( # ) ini adalah alamat yg akan di tuju oleh Link.  Sebenarnya jika bukan merupakan hasil eksekusi dari Looping data PHP tidak akan jadi masalah. Karena aplikasi yg saya buat memang harus menampikan sejumlah data dengan action tertentu maka jadilah Link lbh hypperactive dari biasanya. Setelah mengetahui sifat link, maka harusnya saya membuat sebuah alamat yg lebih spesifik agar si Link tidak kebingungan. Disini saya membuat sebuah link tanpa href kemudian saya beri nama link tersebut sebagai alamat yang akan di tuju oleh link setelahnya. Istilahnya sebagai parent dari link yang lain.
Perhatikan ini:
Ini Link parentnya.
<a name=”link$i” ></a>
Kemudian di panggil:
<a href=”#link$i” >Link</a>

Kesemuanya di definisikan di dalam proses Loopingny dan $i adalah inisial untuk tiap-tiap link karena pastinya penamaannya akan berbeda dalam looping itu sendiri.

Selamat mencoba…. ^__^ Happy Coding.