i (am) Blogger and U?

from X-periment to X-perience

Badge/Watermark Image Generator

Badge/Watermark Image Generator adalah aplikasi web yang digunakan untuk membuat badge/watermark atau penanda pada foto/gambar yang biasanya digunakan misalnya pada penanda foto produk [...]

Aplikasi Web: URL Shortener Complete 2

URL Shortener Complete 2 adalah aplikasi yang membantu Anda untuk menjalankan situs/web yang memiliki fasilitas URL shortener. Pemendek URL sesuai namanya berfungsi untuk memangkas alam [...]

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: Pre-Order Online Shop

Pre-Order Online Shop adalah paket full-features aplikasi toko online yang dapat digunakan untuk menjalankan bisnis Anda secara online. Fasilitas unggulan yang terdapat pada aplikasi in [...]

Aplikasi Web: URL Shortener Complete 1

URL Shortener Complete 1 adalah aplikasi yang membantu Anda untuk menjalankan situs/web yang memiliki fasilitas URL shortener. Pemendek URL sesuai namanya berfungsi untuk memangkas alam [...]

Profile / Portofolio Pro 1

Aplikasi Profil / Portofolio Pro 1, software berbasis web untuk pengelolaan portofolio atau untuk menampilkan profil baik perusahaan maupun perseorangan. Selain itu software ini dapat p [...]

Membuat Link Tidak Aktif dengan jQuery

Category: Web DevelopmentDate:
Saturday, 09 Mar 2013

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