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.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s