Yazı Editörü: BBCode Ekleme Butonu
Tarih: Eylül 24th, 2008 | Yazar: Ertuğrul Erkan | Kategori: Javascript | Etiketler: bbcode, bbcode ekle tuşu, bbcode ekleme, bbcode ekleme buttonu, bbcode yapımı, yazı editörü, yazı editörü nasıl yapılır, yazi edötürü yapımı | Yorum yok »Merhaba arkadaşlar. Bu yazımda yarım bıraktığımız text editörün ( yazı editörün ) önemli kısımlarından olan tıklayınca form içine [ b ] [ / b ] kodlarını direk ekleyen buton yapıcaz.
Şimdi arkadaşlar yukarıda gördüğünüz arama çubuğunun içinde Google Özel Arama yazıyor ve üstüne tıklayınca gidiyor. Sizce bunu nasıl yapıyorlar? Tabi ki JavaScript kullanarak. İşte bizde bu butonları oluşturmak için Js kullanıcaz.
Arkadaşlar öncelikle text editörün sayfasının en üstüne ( head etiketleriydi sanırım ) şu kodu ekliyoruz;
<SCRIPT language=JavaScript>
function AddForm(form )
{
document.formumuz.metin.value = document.formumuz.metin.value + form
document.formumuz.metin.focus( );
}
</SCRIPT>
Daha sonra bir form yaratıyoruz adını ve id sini de formumuz yapıyoruz;
<form name="formumuz" id="formumuz">
Bu form içine birde text area ( geniş metin alanı ) ekliyoruz. Adınıda metin yapıyoruz;
<textarea name="metin" cols="50" rows="10" id="metin"></textarea>
Şimdi [ b ] [ / b ] ler için buton yapıyoruz. Örnek şu şekilde;
<<a href="javascript:AddForm('[b][/b]' )">Kalın Yap</a>>
Evet arkadaşlar bu şekilde text editörümüzü biraz daha geliştirdik. Çekeceğim görsel derste bu da olacaktır…
İyi günler, iyi çalışmalar…
Ahkam Kesme Aparatı