i (am) Blogger and U?

from X-periment to X-perience

Profile / Portofolio Pro..

Aplikasi Profil / Portofolio Pro 2, software berbasis web untuk pengelolaan portofolio atau unt [...]

Online Shop Basic 2

Online Shop Basic 2 adalah paket minimalis aplikasi toko online instan yang dapat digunakan unt [...]

Aplikasi Web: Forum Miri..

Aplikasi ini merupakan aplikasi layaknya forum pada umumnya. Hal spesial dari aplikasi ini adal [...]

Web Profil / Portofolio ..

Web Profil/Portofolio Basic 2 memiliki fitur-fitur yang sama persis dengan Web Profil/Portofoli [...]

Aplikasi Web: Pre-Order ..

Pre-Order Online Shop adalah paket full-features aplikasi toko online yang dapat digunakan untu [...]

Template: ANIME-MAX

ANIME-MAX adalah HTML template (menggunakan Bootstrap 3.3.6) yang ditujukan untuk situs yang me [...]

2013
09Mar

Membuat Link Tidak Aktif dengan jQuery

Post category: Web Development

Ada beberapa kasus ketika sebuah link diklik maka halaman tidak berpindah sesuai dengan yang ada di atribut "href". Misalnya saja ketika ingin menampilkan "content" yang ada di link target di dalam "modal window" atau kasus lainnya misalnya link yang diklik adalah menu yang memiliki submenu atau untuk menu "<a href="http://iblogger.web.id/post/non-ajax-konfirmasi-delete-jquery/581/webq/">konfirmasi delete</a>".

Ada tips sederhana bagaimana "menonaktifkan" link ketika diklik dengan jQuery.

Berikut adalah javascript-nya:

$(function(){
$('a').click(function(){
return false;
});
});

Sedangkan html-nya:
<a href="http://iblogger.web.id/post/non-ajax-konfirmasi-delete-jquery/581/webq/">cek klik</a>

Kalau ada "hal lain" yang ingin dilakukan ketika "event click" terjadi, maka Anda bisa menambahkan skrip lain sebelum baris "return false;"
Berikut adalah contohnya (mengubah isi div dengan class coba):
$(function(){
$('a').click(function(){
$('.coba').text('ganti content');
return false;
});
});

Untuk html:
<a href="http://id.wikipedia.org/">cek klik</a>
<div class="coba">teks awal</div>


No comments...
>> Comments closed. <<