[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: вставка ссылки в textarea при помощи javascript
m4a1fox
Доброго времени суток Уважаемые эксперты. Если Вам не сложно, вот такой скриптик нашел
<script type="text/javascript"> 
function insertTag(_obj_name, _tag_start, _tag_end)
// _obj_name - name объекта - как правило, textarea, но при желании можно сделать любой
// указываем именно NAME, так как согласно стандартам DOCTYPE HTML 4.01 strict и выше
// свойство ID у объектов ввода является не приемлемым и требуется обращаться только name
// _tag_start - что вставлять перед выделенным текстом
// _tag_end - что вставлять после выделенного текста

{
// берем объект
var area=document.getElementsByName(_obj_name).item(0);

// Mozilla и другие НОРМАЛЬНЫЕ браузеры
if (document.getSelection)// если есть что-либо выделенное
{ // берем все что до выделения
area.value=area.value.substring(0,area.selectionStart)+

// вставляем стартовый тег
_tag_start+

// вставляем выделенный текст
area.value.substring(area.selectionStart, area.selectionEnd)+

// вставляем закрывающий тег
_tag_end+

// вставляем все что после выделения
area.value.substring(area.selectionEnd,area.value.length);
}

// Заплатка для ебучего Internet Explorer, извинете за грубость,
// но других слов просто нет, так как уже честно заебался в каждой функции
// писать под него заплатки

else
{ var selectedText=document.selection.createRange().text;// берем текст
if (selectedText!='')// если имеется какой-то выделенный текст
{ var newText=_tag_start+selectedText+_tag_end;// составляем новые текст
document.selection.createRange().text=newText;// вставляем новый текст
}
}
}
// end function
</script>

и его кнопки
<a href="javascript:void(0);" onclick="insertTag('img_title','<strong>','</strong>');">
<img
src="../img/dlet_navs_1.png"></a>

<a
href="javascript:void(0);" onclick="insertTag('img_title','<em>','</em>');">
<img
src="../img/dlet_navs_2.png"></a>

<a
href="javascript:void(0);" onclick="insertTag('img_title','<u>','</u>');">
<img
src="../img/dlet_navs_3.png"></a>

<a
href="javascript:void(0);" onclick="insertTag('img_title','<strike>','</strike>');">
<img
src="../img/dlet_navs_1_org.png"></a>


Как вы наверняка поняли, в кнопках есть открытые и закрытые теги. Соответственно теги обрамляют выделенный текст. Осталось только одно. В этом и прошу помощи и подсказки. Необходимо еще одна кнопка - ссылка [url]. Как это сделать ума не приложу. Аналог впринципе на этом сайте при нажатии на ссылку. Спасибо.



Спустя 9 минут, 34 секунды (2.02.2011 - 20:40) m4a1fox написал(а):
SerginhoLD
Да, я опять с этой темой.)

Спустя 19 минут, 45 секунд (2.02.2011 - 21:00) m4a1fox написал(а):
Просто вопрос....) Насколько понял ответа не дождусь? rolleyes.gif

Спустя 1 час, 9 минут, 11 секунд (2.02.2011 - 22:09) twin написал(а):
На этом форуме есть такая кнопка. Открой исходник и возьми там скрипт... Или принцип.

Спустя 3 часа, 37 минут, 11 секунд (3.02.2011 - 01:46) m4a1fox написал(а):
twin
Понимаете, дело в том, в этом коде я уже чуточку разобрался, а код что на этом сайте - вообще древний лес.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.