Mengaktifkan Absolute URL di TinyMCE

Tuesday, July 3rd, 2007

Jika anda menggunakan TinyMCE sebagai WYSIWYG editor, secara default URL dari image yang anda masukkan (http://example.com/main/image/example.jpg) akan di ubah menjadi Relative URL (../image/example.jpg).

Hal ini tentu menjadi masalah jika mencoba menampilkan image tersebut di root direktori (http://example.com) yang menyebabkan image tidak bisa ditampilkan. Hal ini juga yang saya alami kemarin, dan setelah googling menemukan jawaban bahwa Relative URL di TinyMCE itu bisa dinon aktifkan.

Untuk menon aktifkan Relative URL tersebut dapat dilakukan dengan cara menset relative_url menjadi false pada method tinyMCE.init()

tinyMCE.init({
/** other configs */
relative_urls : false
});

Pada method mcImageManager.init() relative_urls juga diset menjadi false.

mcImageManager.init({
relative_urls : false
});

Jika anda menghadapi permasalahan yang sama, cara diatas bisa dicoba.

Mengubah Event onclick Secara Dinamis

Tuesday, May 1st, 2007

Bagi anda yang ingin merubah event onclick secara dinamis, dapat menggunakan script berikut ini.

document.getElementById('target_id').onclick = 'other_function' ;

function other_function()
{
alert('hello world') ;
}

Script diatas hanya bisa memanggil fungsi yang tidak menggunakan parameter. Lho, jadi bagaimana dengan fungsi yang menggunakan parameter?

Tenang, dapat diatasi dengan membuat script berikut ini

document.getElementById('target_id').onclick = function () { other_function(param) } ;

function other_function(param)
{
alert(param) ;
}

Simpel kan?
Mudah - mudahan informasi ini berguna bagi kita semua. Amin.