i (am) Blogger and U?

from X-periment to X-perience

Belajar Online: E-learning - Kuis & Soal

"Belajar Online: E-learning - Kuis & Soal", Software/aplikasi e-learning berbasis web yang dapat digunakan oleh pengajar/guru/pembimbing atau perorangan untuk membuat soal/kuis atau per [...]

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

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

WP Plugins: RSS to Post

RtoP adalah WordPress Plugins yang memudahkan untuk membuat post yang content-nya berasal dari blog/web lain dalam hal ini dengan memanfaatkan RSS. RtoP dapat menyimpan banyak RSS da [...]

Aplikasi Web: Custom Form

Aplikasi Web Custom Form, software berbasis web dengan fitur utama adalah pembuatan DYNAMIC FORM (form web dinamis). Form ini terdiri dari berbagai jenis field, seperti field input text [...]

Aplikasi Web: Forum Mirip Twitter

Aplikasi ini merupakan aplikasi layaknya forum pada umumnya. Hal spesial dari aplikasi ini adalah adanya tambahan yang mirip dengan Twitter. Fitur-fitur yang dimiliki antara lain: foll [...]

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