Консультация № 83752
22.04.2007, 23:12
0.00 руб.
0 1 1
У меня следующий вопрос. Есть поле texrarea с некоторым текстом. В любом месте texrarea я ставлю курсор и по нажатии кнопки мне надо, чтобы в месте фокуса вставился некий текст (типа [img]).Так работает вставка кодов в форумах. Как можно такое реализовать?

Обсуждение

Неизвестный
27.04.2007, 22:35
общий
это ответ
Здравствуйте, Шапошников Игорь Олегович!

Простейший код в приложении.

Удачи!

Приложение:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"><html><head><title></title><META NAME="Title" CONTENT=""><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"><META NAME="Author" CONTENT=""><META NAME="Description" CONTENT=""><META NAME="Generator" CONTENT="WebCoder; http://webcoder.kiev.ua/"><META NAME="Copyright" CONTENT=""><meta name="keywords" content=""><link rel=STYLESHEET TYPE=text/css href=""><STYLE><!-- --></STYLE></head><body> <script language="JavaScript"> var doc=document; var codes=new Array(["", ""], ["", ""], ["", ""], ["", ""], ["
Код:
", "
"]); function add_in_textarea(number){ if(number=="5"){ var string=doc.form.document.selection.createRange().text; doc.form.message.focus(); doc.form.document.selection.createRange().text="[quote]"+string+"[/quote]"; }else{ if(doc.selection){ doc.form.message.focus(); doc.form.document.selection.createRange().text=codes[number][0]+doc.form.document.selection.createRange().text+codes[number][1]; }else{ doc.form.message.value+=codes[number][0]+codes[number][1]; } } } </script> <table border="0" align="center" width="100%" cellspacing="2" cellpadding="2" bgcolor="#EBEBF0"> <form method="post" name="form"> <tr><td align="left" bgcolor="#D7D7DB" colspan="2"> <table border="0" align="center" width="100%" cellspacing="0" cellpadding="0"> <tr><td align="left"><strong><font size="1" color="#000000">*Сообщение в топике:</font></strong></td><td align="left"><strong><font size="1" color="#000000">Форматирование:</font></strong></td></tr> <tr><td align="left" width="87%"><textarea name="message" style="width: 100%; height: 65px;"></textarea></td><td align="center" valign="top"> <table border="0" align="center" width="100%" cellspacing="1" cellpadding="0"> <tr><td align="center" width="50%"><input type="button" value="[b]" onClick="add_in_textarea(‘0‘)" title="Полужирный" style="width: 50px; height: 18px;"></td><td align="center" width="50%"><input type="button" value="[i]" onClick="add_in_textarea(‘1‘)" title="Курсив" style="width: 50px; height: 18px;"></td></tr> <tr><td align="center" width="50%"><input type="button" value="[u]" onClick="add_in_textarea(‘2‘)" title="Подчеркнутый" style="width: 50px; height: 18px;"></td><td align="center" width="50%"><input type="button" value="[s]" onClick="add_in_textarea(‘3‘)" title="Перечеркнутый" style="width: 50px; height: 18px;"></td></tr> <tr><td align="center" width="50%"><input type="button" value="[code]" onClick="add_in_textarea(‘4‘)" title="Код" style="width: 50px; height: 18px;"></td><td align="center" width="50%"><input type="button" value="[quote]" onClick="add_in_textarea(‘5‘)" title="Цитата" style="width: 50px; height: 18px;"></td></tr> </table> </td></tr> </table> </td></tr> </form> </table></body></html>
Форма ответа