i (am) Blogger and U?

from X-periment to X-perience

Aplikasi Web: WebReview-Series 2

Web Review-Series 2 memiliki fitur-fitur yang sama persis dengan Web Review-Series 1 tapi dengan theme/template yang berbeda (theme yang dipakai pada versi ini adalah theme yang respons [...]

Anime/Movie Community Sharing (FullCustom)

Produk ini adalah aplikasi web full-custom yang diperuntukkan bagi Anda yang ingin membuat situs/web yang dapat menampilkan anime/movie dan dapat ditonton oleh para pengunjung. Video an [...]

One-Page Portofolio / Gallery 1

One-Page Portofolio/Gallery adalah paket aplikasi web yang memfasilitasi Anda baik perseorangan maupun korporat yang ingin menampilkan/memajang portofolio/hasil karya/gallery kegiatan/p [...]

Template Toko Online: Shopper

SHOPPER adalah HTML template (menggunakan Bootstrap 3.3.6) yang ditujukan untuk toko online. Template ini terdiri dari 6 halaman siap pakai yaitu home, product lists, shopping cart, det [...]

Template Toko Online: Shopper Variant

SHOPPER-Variant adalah HTML template (menggunakan Bootstrap 3.3.6) yang ditujukan untuk toko online. Template ini terdiri dari 6 halaman siap pakai yaitu home, product lists, shopping c [...]

Aplikasi Web: Online Shop PRO 2

Toko Online Pro 2 memiliki fitur-fitur yang sama persis dengan Toko Online Pro 1 tapi dengan theme/template yang berbeda.

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. <<