i (am) Blogger and U?

from X-periment to X-perience

Online Shop Basic 2

Online Shop Basic 2 adalah paket minimalis aplikasi toko online instan yang dapat digunakan untuk menjalankan bisnis secara online. Aplikasi ini adalah aplikasi toko online yang "sudah [...]

Web Profil / Portofolio Basic 1

Web Profil/Portofolio Basic 1, aplikasi/software untuk mengelola portofolio (atau bisa juga dijadikan sebagai photo/image gallery) atau untuk menampilkan profil perusahaan maupun perseo [...]

Aplikasi Web: Custom X

Aplikasi Web Custom X, software berbasis web dinamis dengan fitur utama adalah pembuatan SURVEY dan/atau POLLING dengan jumlah yang tidak dibatasi. Selain itu aplikasi ini juga memiliki [...]

Starter: Anime/Movie Sharing

Produk yang satu ini adalah aplikasi web yang dikhususkan bagi Anda yang ingin memiliki situs/web yang dengan fasilitas untuk menampilkan anime/movie dan dapat ditonton oleh para pengun [...]

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

Aplikasi Web: WebReview-Series 1

Web Review-Series 1 adalah paket aplikasi web yang memfasilitasi Anda yang ingin membuat situs yang berisi review dari berbagai hal. Review tentang suatu produk, Review tentang suatu te [...]

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