JQuery : Tooltip and Image Preview

Case : You want to create cool tooltip or image preview from your thumbnail
Solution : JQuery
Script :

this.imagePreview = function(){
/* CONFIG */

 xOffset = 10;
 yOffset = 30;

 // these 2 variable determine popup's distance from the cursor
 // you might want to adjust to get the right result

/* END CONFIG */
$("a.preview").hover(function(e){
 this.t = this.title;
 this.title = "";
 var c = (this.t != "") ? "
" + this.t : "";
 $("body").append("
"+ c +"
");        
 $("#preview")
  .css("top",(e.pageY - xOffset) + "px")
  .css("left",(e.pageX + yOffset) + "px")
  .fadeIn("fast");     
   },
function(){
 this.title = this.t;
 $("#preview").remove();
   });
$("a.preview").mousemove(function(e){
 $("#preview")
  .css("top",(e.pageY - xOffset) + "px")
  .css("left",(e.pageX + yOffset) + "px");
});  
};

// starting the script on page load
$(document).ready(function(){
imagePreview();
});

Source : http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery

JQuery : Autocomplete extraParams

Case : You want to create an autocomplete that depends on another fields
Solution : Using JQuery Autocomplete with extraParams
Script :

$("#ProvinsiCalonSuami").autocomplete("actions/autocomplete.php?p=provinsi", {
max: 100,
width: 260,
selectFirst: true,
});

$("#KabupatenCalonSuami").autocomplete("actions/autocomplete.php?p=kabupaten", {
max: 100,
width: 260,
selectFirst: true,
extraParams: {
provinsi: function(){
return $('#ProvinsiCalonSuami').val();
}
}
});

$("#KecamatanCalonSuami").autocomplete("actions/autocomplete.php?p=kecamatan", {
max: 100,
width: 260,
selectFirst: true,
extraParams: {
kabupaten: function(){
return $('#KabupatenCalonSuami').val();
}
}
});

$("#KelurahanCalonSuami").autocomplete("actions/autocomplete.php?p=kelurahan", {
max: 100,
width: 260,
selectFirst: true,
extraParams: {
kecamatan: function(){
return $('#KecamatanCalonSuami').val();
}
}
});

Source : http://docs.jquery.com/Plugins/autocomplete

JQuery : Autocomplete not working more than 10 rows

Case : You are using JQuery autocomplete, but the data cannot display more than 10 rows
Solution : using option "Max"
Script :

$().ready(function() {
$("#targetDiv1").autocomplete("actions/autocomplete.php?p=provinsi", {
 max: 100,
 width: 260,
 selectFirst: false,
});

$("#targetDiv2").autocomplete("actions/autocomplete.php?p=kabkota", {
 max: 100,
 width: 260,
 selectFirst: false,
});

$("#targetDiv3").autocomplete("actions/autocomplete.php?p=kecamatan", {
 max: 100,
 width: 260,
 selectFirst: false,
});
});

JQuery : Reload whole page

Case : You want to reload whole page after add/edit/delete data
Solution : JQuery
Script :

function update(id,tanggal,keterangan,pengeluaran) {
 //alert(id + ' ' + tanggal + ' ' + keterangan + ' ' + pengeluaran);
 var keterangan = keterangan;
 if (confirm('Yakin mau diedit ???')) {
  $.post('actions/pengeluaran_edit.php', {id_pengeluaran: +id, tanggal: tanggal+'', keterangan: keterangan, pengeluaran: +pengeluaran, ajax: 'true' },
  function(){
   location.reload();
  });
 }
}

Source : http://www.jquery.com/

JQuery : Delete row without reload whole page

Case : You want to delete row of data without reload whole page
Solution : Use JQuery
Script :

function hapus(id){
if (confirm('Yakin mau dihapus ???')) {
 $.post('actions/hapus_pengeluaran.php', {id: +id, ajax: 'true' },
 function(){
  $("#row_"+id).fadeOut("slow");
  $('#total_pengeluaran').load('index.php?p=pengeluaran_list #total_pengeluaran');
  $('#total_saldo').load('index.php?p=pengeluaran_list #total_saldo');
  $('#total_pendapatan').load('index.php?p=pengeluaran_list #total_pendapatan');
 });
}
}

Source : http://jquery.com/

Batch File : Repacking XAMPP

Case : You want to repack xampp to fit your web based application.
Solution : Combine with this, and you will have XAMPP custom installation

@ECHO OFF & SETLOCAL
PUSHD %~dp0

ECHO Mohon untuk sabar menunggu...
ECHO Install Apache masuk ke service Window dulu
xampp_cli.exe installservice apache

@ECHO:
@ECHO:

IF NOT ERRORLEVEL 1 (
ECHO Sekarang memulai Apache :)
xampp_cli.exe startservice apache
)

@ECHO:
@ECHO:

ECHO Mohon untuk sabar menunggu...
ECHO Install MySQL masuk ke service Window dulu
xampp_cli.exe installservice mysql

@ECHO:
@ECHO:

IF NOT ERRORLEVEL 1 (
ECHO Sekarang memulai MySQL :)
xampp_cli.exe startservice mysql
)

@ECHO:
@ECHO:

ECHO Mohon untuk sabar menunggu...
ECHO Install Shortcut ke desktop
copy [your_file_name] "%userprofile%\desktop"

@ECHO:
@ECHO:

ECHO Sabar... Install Firefox kalo belum ada, upgrade kalo sudah ada.
ECHO Tunggu sampai instalasi Firefox selesai, dan window ini akan menutup sendiri :)

@ECHO:
@ECHO:

ECHO Terima kasih

Firefox.exe

exit(1)

Source : http://www.google.com/