Форум Сайтостроение Веб-строительство

Подскажите как реализовать выпадающие списки внутри textarea

[Удален]
864

Вот хочу сделать что-то наподобие этого - http: // synonymizer(.)net(.)ru . Общий смысле реализации я понял, но вот никак не могу решить следующий вопрос:

изначально текста вводится в textarea, но после нажатия на кнопку ВЫБОР СИНОНИМОВ в textarea каким то образом появляются выпадающие списки и просто области с нередактируемым текстом. Возможно, я не совсем правильно выражаюсь, но если вы сами попробуете ввести несколько слов и нажать на кнопку ВЫБОР СИНОНИМОВ, то поймете, что я имею ввиду. Так вот сам вопрос: как реализовать подобное появление выпадающих списков и просто нередактируемых текстовых полей внутри textarea?

ewg777
На сайте с 04.06.2007
Offline
225
ewg777
#1

Какие проблемы?

<span id="fde_word_4" class="fde_word_class">
<select onchange="fde_update_word('fde_word_4', this);">
<option value="этот" style="font-weight: bold ! important;">этот</option>
<option value="сей">сей</option>
<option value="текущий">текущий</option>
<option value="данный">данный</option>
<option value="оный">оный</option>
<option value="нынешний">нынешний</option>
<option value="таковой">таковой</option>
<option value="настоящий">настоящий</option>
</select>
</span>
[Удален]
#2
ewg777:
Какие проблемы?

а куда именно это вставляется - если внутри textarea (то есть <textarea ...>СЮДА</textarea>), то этот код прямо так там и выводится (имеется ввиду в виде кода)?

FladeX
На сайте с 07.11.2008
Offline
163
FladeX
#3

Внутри textarea другие теги не работают, внутри нее только plain text.

Услуги посредника на бирже контента: информационные статьи 40₽/1000, «продающие» тексты 50₽/1000. Пишите в личку. Помогаю правильно переехать на https (/ru/forum/973447). Подписывайтесь на мой канал в телеграм: https://t.me/fladex (https://t.me/fladex).
[Удален]
#4
FladeX:
Внутри textarea другие теги не работают, внутри нее только plain text.

я это понимаю, но это не приближает меня к ответу на мой вопрос). Куда же этот код вставить?

Вот человек с другого форума ответил мне на аналогичный вопрос:

конкретно в данном случае рядом с textarea ставится div, похожий по виду. Пока кнопка не нажата, у div стоит display: none, после нажатия - textarea получает display: none, а у div он наоборот снимается. В этот div и пихаются селекты и прочие поля

Но я чуть не понял, здесь получается, что они (textarea и div) перекрываются? то есть находятся на одном и том же месте?

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие
GoodChoice
На сайте с 28.02.2009
Offline
102
GoodChoice
#5

Как вариант использовать div contenteditable, а внутри уже select.

pikasso
На сайте с 27.01.2008
Offline
150
pikasso
#6

plamar, а если это писать за пределами textarea, а потом при помощи position absolute накладывать в нужное место ? (геморно, но как один из вариантов ;))

BrokenBrake
На сайте с 03.03.2007
Offline
194
BrokenBrake
#7
plamar:
http: // synonymizer(.)net(.)ru

Блин, ещё один линкофоб :( Зачем титьки вставили? Неужели вот так не удобнее? Мало того, что не активная ссылка, так её и скопировать просто нельзя - удалять художества надо.

BrokenBrake добавил 23.12.2009 в 17:31

А в вашем примере достаточно было включить мозг.

После нажатия кнопки там уже нет textarea вообще.

BrokenBrake добавил 23.12.2009 в 17:32

Народ, вы чего объясняете? Нет там кода внутри textarea и поверх него ничего нет.

Это просто иллюзия.

[Удален]
#8
BrokenBrake:
Блин, ещё один линкофоб :( Зачем титьки вставили? Неужели вот так не удобнее? Мало того, что не активная ссылка, так её и скопировать просто нельзя - удалять художества надо.

BrokenBrake добавил 23.12.2009 в 17:31
А в вашем примере достаточно было включить мозг.
После нажатия кнопки там уже нет textarea вообще.

BrokenBrake добавил 23.12.2009 в 17:32
Народ, вы чего объясняете? Нет там кода внутри textarea и поверх него ничего нет.
Это просто иллюзия.

спасибо, уже понял как сделать

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий