Thursday, July 12, 2012

Mencegah konflik Jquery dengan Library lain

Pernah kebingungan gara - gara library jQuery yang conflict dengan library lain? sebetulnya conflict tersebut dapat dengan mudah dihindari. Cukup dengan memberikan alias yang sesuai terhadap masing masing library. Contoh memberikan alias adalah sebagai berikut :


(function($){

/** lalu code deh disni**/

})(jQuery);


simple bgt kan :p. Dengan code sependek ini, anda akan terhindari dari kebingungan yang bisa disebabkan oleh conflict javascript library dikemudian hari.

Friday, July 6, 2012

Merubah element menjadi string dengan Jquery

Jquery sebetulnya sudah memberikan suatu kemudahan untuk mendapatkan content beserta HTML dari suatu element dengan fungsi .html() dan mendapatkan hasil element yang sudah berupa string. Tapi ternyata element itu sendiri tidak terseleksi, karena html() itu sendiri hanya akan mendapatkan isi dari element tersebut.

Nah trick nya untuk mendapakan text (string ) dari element yang utuh adalah sebagai berikut.
1. buat sebuah element, misal nya div
2. append element yang dimaksudkan kedalam div tersebut.
3. jangan lupa clone dulu element yang dimaksud akan dirubah menjadi text.
4. kemudian gunakan fungsi .html() untuk mendapatkan element tersebut.
5. dapet deh hasil berupa html

hasilnya seperti berikut : http://jsfiddle.net/LkSUk/

Unescape HTML Entities dengan Javascript

Pernahkan anda mendapatkan response ajax berisi   atau "e; atau yang lain yang berupa html entities kemudian string tersebut harus ditampilkan di title. Tentu saja title tersebut tidak akan merubah string tersebut secara otomatis. Setelah beberapa lama mencari cari referensi, ternyata tidak terdapat fungsi di javascript yang dapat mengubah html entities tersebut menjadi String seperti yang tampil di browser. TAPI ada trick yang saya dapatkan. Cara nya simple banget,
1. buat element segala tag
2. kemudian masukan string tersebut.
3. kemudian kita bisa mendapatkan node value yang berupa string yang sudah berubah menjadi hasil yang kita harapkan.

berikut fungsi nya :
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript">
(function($){
$(document).ready(function(){    
function unescapeMe(str) {
var ele = $("<div></div>");
ele.html(str);
return ele.text();
}    
document.title = unescapeMe("Tag &quot;Bali&quot; &raquo; Jegbagus!");
});

})(jQuery);  
</script>