javascript ile bb code ekleme

THe_RoOkiE · 14.01.2007

Arkadaşlar fazla JavaScript bilgim olmamasına rağmen kendimce şöyle bir kod yazdım:

var kalin='false'
function b()
{
x=document.getElementById('mesaj')
x.focus()
if(kalin=='false')
{x.value=x.value + "[b ]"
kalin='true'}
else
{x.value=x.value + "[/b ]"
kalin='false'}
}

amacım başlıktanda belli olduğu gibi textareaya [b ] [/b ] kodlarını ekleyebilmek üstteki yazığım kodla bunu başarabiliyorum ama tam olarak istediğim gibi değil. Benim istediğim [b ][/b ] kodunu koyup imlecide ikisinin arasına getirebilmek kullanıcının tekrar kalın düğmesine basmasına gerek kalmaması. Bunu nasıl yapabilirim yardımlarınızı bekliyorum bir de JavaScript yeni yeni öğrendiğim için anlayabileceğim şekilde anlatırsanız sevinirim

teşekkürler

14.01.2007

istedigine yakin bisey yapmaya calistim:

http://azer.kodfabrik.com/code/js/bbcode.html

Kod:

<HTML>

	<body>

		<button bbcode='b'>B</button>
		<button bbcode='i'>I</button>
		<button bbcode='u'>U</button>

		<br /><textarea id="textarea" style="width:300px; height:200px"></textarea>

	</body>
</HTML>
<script>

	var bbcode = {
		
		element : document.getElementById('textarea'), // istedigin textarea'yi burada belirtmen gerekiyor
		sel : { start:0, end:0 },
		init: function(){
		
			try {
				document.attachEvent('onmousedown',bbcode.replace);
			} catch(e) {
				document.addEventListener('mousedown',bbcode.replace,false);
			}

		},
		replace: function(event){
			try {
				var target = window.event.srcElement;
			} catch(e) {
				var target = event.target;
			}
		
			if(target.getAttribute('bbcode'))
			{
				bbcode.sel.start = bbcode.element.selectionStart;
				bbcode.sel.end = bbcode.element.selectionEnd;
				
				bbcode.element.value = bbcode.element.value.substring(0,bbcode.sel.start) + '[' + target.getAttribute('bbcode') + ']' + bbcode.element.value.substring(bbcode.sel.start,bbcode.sel.end) + '[/' + target.getAttribute('bbcode') + ']' +  bbcode.element.value.substring(bbcode.sel.end,bbcode.element.value.length)

			}
		}
	
	}
	bbcode.init();
		
</script>

kodlari satir satir aciklayacak vaktim yok, esas mevzu su:

Kod:

start = bbcode.element.selectionStart;
end = bbcode.element.selectionEnd;

kullancinin textarea'daki seciminin basina ve sonuna kod ekletiyoruz, bundan ibaret. verdigim kodu code-value biciminde calisan elementler icin kullanmak icin birkac degisiklik yapman gerekiyor.

iyi calismalar

THe_RoOkiE · 14.01.2007

Teşekkür ederim ben biraz uğraşayım üzerinde

İyi Çalışmalar

14.01.2007	#1 (permalink)
THe_RoOkiE Üyelik Tarihi: 26.12.2006 Yer: İstanbul Yaş: 20 Mesaj: 31	javascript ile bb code ekleme Arkadaşlar fazla JavaScript bilgim olmamasına rağmen kendimce şöyle bir kod yazdım: var kalin='false' function b() { x=document.getElementById('mesaj') x.focus() if(kalin=='false') {x.value=x.value + "[b ]" kalin='true'} else {x.value=x.value + "[/b ]" kalin='false'} } amacım başlıktanda belli olduğu gibi textareaya [b ] [/b ] kodlarını ekleyebilmek üstteki yazığım kodla bunu başarabiliyorum ama tam olarak istediğim gibi değil. Benim istediğim [b ][/b ] kodunu koyup imlecide ikisinin arasına getirebilmek kullanıcının tekrar kalın düğmesine basmasına gerek kalmaması. Bunu nasıl yapabilirim yardımlarınızı bekliyorum bir de JavaScript yeni yeni öğrendiğim için anlayabileceğim şekilde anlatırsanız sevinirim teşekkürler

14.01.2007	#3 (permalink)
THe_RoOkiE Üyelik Tarihi: 26.12.2006 Yer: İstanbul Yaş: 20 Mesaj: 31	Re: javascript ile bb code ekleme Teşekkür ederim ben biraz uğraşayım üzerinde İyi Çalışmalar