Category Archives: Jquery

Redirect Halaman dengan Jquery

Jika suatu saat Anda perlu mengalihkan pengunjung web Anda ke suatu halaman ketika pengunjung telah melakukan suatu aksi (kegiatan), misal setelah user login atau setelah melakukan pencarian atau yang lain, Anda bisa memanfaatkan fasilitas dari Jquery dan menerapkannya dengan mudah. Contoh penggunaannya adalah sebagai berikut :

<script type="text/javascript">
   var url = 'http://blog.spesial.info';
   $(location).attr('href',url);
</script>

Sesuaikan sendiri dengan kebutuhan Anda.

Demikian, Semoga Bermanfaat.

Mengubah Judul Halaman (Document’s Title) dengan Jquery

Kadang kita perlu mengubah judul halaman atau document’s title sesuai dengan halaman yang sedang diakses, hal ini bermanfaat untuk meningkatkan nilai SEO website kita. Untuk dapat melakukannya, Anda bisa memanfaatkan jquery untuk mengubahnya. Contoh penggunaannya sebagai berikut :

<script>
var judul = 'Judul Halaman..';
$(document).attr('title',judul);
</script>

Anda dapat mengkombinasikan metode tersebut dengan metode lain sesuai kebutuhan Anda.

Demikian, Semoga Bermanfaat.

Menghilangkan (Disable) Tombol “Close” pada Dialog Jquery-ui

Adakalanya kita ingin menghilangkan tombol “CLOSE” bawaan Dialog jquery-ui agar user mengklik tombol Close atau OK yang kita buat dengan tujuan untuk memanggil suatu fungsi. Misal fungsi untuk logout atau lainnya.

Penampakan yang standar seperti berikut :

misal kita menggunakan script seperti ini :

$(document).ready(function(){
		$('#alert').dialog({ 
			autoOpen: false, 
			width: 300, 
			modal: true, 
			title: 'Session Expired',
			buttons: {
					'OK' : function() {
							logout();
							$(this).dialog('close');
						}
				}
			});
});

untuk menghilangkan tombol  “CLOSE”-nya tambahkan baris script berikut :

open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); },

sehinggan script menjadi berikut :

$(document).ready(function(){
		$('#alert').dialog({ 
			open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); },
			autoOpen: false, 
			width: 300, 
			modal: true, 
			title: 'Session Expired',
			buttons: {
					'OK' : function() {
							logout();
							$(this).dialog('close');
						}
				}
			});
});

sehingga penampakan seperti berikut :

Demikian, Semoga bermanfaat…

Mengambil nama file yang sedang diakses dengan javascript

Mungkin kita ingin mengambil nama file yang sedang kita eksekusi, misalkan untuk keperluan mengirimkan suatu parameter untuk dieksekusi dengan javascript / jquery. Nah untuk mendapatkan nama file itu dengan menggunakan javascript anda bisa menggunakan perintah berikut ini :

window.location.pathname.split( '/' ).pop();

atau

 window.location.pathname.substr(window.location.pathname.lastIndexOf("/") + 1);

Contoh penggunaan:
Buatlah satu file dengan nama tes.php (atau nama lain terserah Anda), kemudian isikan baris berikut

<script type="text/javascript">
var filename = window.location.pathname.split( '/' ).pop();
alert(filename);
</script>

Simpanlah file tersebut, kemudian jalankan di browser Anda. Maka akan muncul Alert nama file yang Anda buat.

Demikian, Semoga bermanfaat.