[ZuLuuuuuu]

Selamlar,

Bir formum var örneğin id'si "form" olsun. Bunun içindede bir textarea var diyelim onun da id'si "yazi" olsun. Ben bu alana bir sürü şey yazıyorum ve bunun bir kısmını mouse'umla seçili hale getiriyorum. Şimdi öyle bir button olsun ki ona tıkladığımda, o seçtiğim yazıyı alert olarak versin.

Aslında yapmak istediğim şey şu: Örneğin bu forumdaki mesaj yazma formunda düğmeler varya bir yazıyı seçip örneğin B düğmesine bastığınızda direk [ b ] ve [ / b ] tag'larını seçili yazının başına ve sonuna yerleştiriyor, işte onun gibi birşey yapmak istiyorum ama seçili yazıyı nasıl elde edebileceğimi bulamadım.

[salih]

eger yanlis anlamadiysam, dedigini javascriptte "getSelection" komutu ile yapabilirsin.
yalniz butun browserlarda duzgun calismasi icin 3 farkli komut sekli kullanman gerekiyor.
1.) window.getSelection
2.) document.getSelection
3.) document.selection

ornek anlatim icin asagidaki linke bakabilrsin.
http://www.quirksmode.org/js/selected.html

buyur, gayet geliştirilmeye açık bir halde (ben biraz başlamıştım ama yarım kaldı ona göre) bir tek altına textarea ekleyeceksin, adı fAciklama olsun ya da ne istersen;

// urban5's wrote
 // from http://placenamehere.com/photographica/js_textareas.HTML
 // previous version used http://www.massless.org/mozedit/
 // first version used megnut/blogger's code
// coder's wrote:
 // code ripped/modified from Meg Hourihan 
 // http://www.oreillynet.com/pub/a/JavaScript/2001/12/21/js_toolbar.HTML
// me;
 // ben ucuncu el kullanıyorum
 
function pnhTextareaInsert(taID, text1, text2) {
	var ta = document.getElementById(taID);
	if (document.selection) { //IE win
		var str = document.selection.createRange().text;
		ta.focus();
		var sel = document.selection.createRange();
		sel.text = text1 + str + text2;
	
	} else if (ta.selectionStart | ta.selectionStart == 0) { // Mozzzzzzila relies on builds post bug #88049
		if (ta.selectionEnd > ta.value.length) { ta.selectionEnd = ta.value.length; }
		var firstPos = ta.selectionStart;
		var secondPos = ta.selectionEnd+text1.length; // cause we're inserting one at a time
		ta.value=ta.value.slice(0,firstPos)+text1+ta.value.slice(firstPos);
		ta.value=ta.value.slice(0,secondPos)+text2+ta.value.slice(secondPos);
		ta.selectionStart = firstPos+text1.length;
		ta.selectionEnd = secondPos;
		ta.focus();
	}	
}

function pnhEditTextarea(textarea_id, action) {
	var startTag = "";
	var endTag = "";
	
	switch (action) {
		case "strong":	
			startTag = "<b>";
			endTag = "<\/b>";
			break;
		case "emphasis":	
			startTag = "<em>";
			endTag = "<\/em>";
			break;
		case "underline":	
			startTag = "<u>";
			endTag = "<\/u>";
			break;
		case "a_href":
			var userInput = prompt("Lütfen adresi giriniz.", "http://");
			startTag = "<a href=\""+userInput+"\">";
			endTag = "<\/a>";
			break;
	}
	pnhTextareaInsert(textarea_id,startTag,endTag);
	return false;
}

<a href="#" class="editorButton" onclick="return pnhEditTextarea('fAciklama','strong')"><img src="assets/images/b.png" alt="" width="18" height="17" border="0"></a> <a href="#" class="editorButton" onclick="return pnhEditTextarea('fAciklama','emphasis')"><img src="assets/images/em.png" alt="" width="18" height="17" border="0"></a> <a href="#" class="editorButton" onclick="return pnhEditTextarea('fAciklama','underline')"><img src="assets/images/u.png" alt="" width="18" height="17" border="0"></a> <a href="#" class="editorButton" onclick="return pnhEditTextarea('fAciklama','a_href')"><img src="assets/images/link.png" alt="" width="18" height="17" border="0"></a> <a href="#" class="editorButton" onclick="return pnhEditTextarea('fAciklama','left')"><img src="assets/images/left.png" alt="" width="18" height="17" border="0"></a> <a href="#" class="editorButton" onclick="return pnhEditTextarea('fAciklama','center')"><img src="assets/images/center.png" alt="" width="18" height="17" border="0"></a>

[ZuLuuuuuu]

Teşekkürler arkadaşlar kodları inceleyeceğim.