Форум

Chile · #1 (**permalink**) 01.12.2016, 22:30

Здравствуйте, товарищи!

У меня форма с несколькими textarea. Есть input который призван выделять весть текст в textarea:

<input type="button" value="Select All" onclick="javascript:highlight(0)" onmouseover="window.status='';return true">

Сам скрипт такой:

function highlight(x) {
   document.forms[x].elements[0].focus()
   document.forms[x].elements[0].select()
}

Мне нужно привязать input к textarea по id, как например, здесь:

<input type="button" value="p" onclick="tag (document.getElementById ('abstract'), '<p>', '</p>')">

где «abstract» — id textarea.

Как это сделать, господа?

ksa · #2 (**permalink**) 02.12.2016, 09:08

Сообщение от Chile

Как это сделать, господа?

Начать с изготовления полного тестового примера... На нем и покажут.

Chile · #3 (**permalink**) 02.12.2016, 18:55

Сообщение от ksa

Начать с изготовления полного тестового примера... На нем и покажут.

Как-то, вот так:

<!DOCTYPE html>
<html>
   <head>
      <title>Forms</title>
      <script type="text/javascript">
            function highlight(x){
                  document.forms[x].elements[0].focus()
                  document.forms[x].elements[0].select()
            }
      </script>
   </head>
   <body>
      <form id="editor" name="editor" action="#">
         <label>Description</label>
         <textarea id="description"></textarea>
         <label>Abstract</label>
         <textarea id="abstract"></textarea>
         <input type="button" value="Select All" onclick="javascript:highlight(0)" onmouseover="window.status='';return true" />
      </form>
   </body>
</html>

При нажатии на input, текст выделяется только в первом textarea, а нужно, чтобы у каждого textarea, был свой input для выделения всего текста.

Dilettante_Pro · #4 (**permalink**) 02.12.2016, 19:11

Решение влоб

<!DOCTYPE html>
<html>
   <head>
      <title>Forms</title>
      <script type="text/javascript">
            function highlight(x){
                  document.forms[0].elements[x].focus()
                  document.forms[0].elements[x].select()
            }
      </script>
   </head>
   <body>
      <form id="editor" name="editor" action="#">
         <label>Description</label>
         <textarea id="description"></textarea>
         <label>Abstract</label>
         <textarea id="abstract"></textarea><br>
         <input type="button" value="Select All Description" onclick="javascript:highlight(0)" onmouseover="window.status='';return true" />
         <input type="button" value="Select All Abstract" onclick="javascript:highlight(1)" onmouseover="window.status='';return true" />
      </form>
   </body>
</html>

Chile · #5 (**permalink**) 03.12.2016, 19:15

Сообщение от Dilettante_Pro

Решение влоб

К сожалению, не годится. У меня несколько textarea в форме, в примере, так сказать, фрагмент. А перед ними еще два input type="text". Такие дела.

Dilettante_Pro · #6 (**permalink**) 04.12.2016, 19:12

Chile,
Потому и влоб - в соответствии с макетом. При более сложной верстке вместо формс.елементс можно применить различные селекторы - по ид, по классу и тп

Chile · #7 (**permalink**) 05.12.2016, 03:57

Сообщение от Dilettante_Pro

Chile,
Потому и влоб - в соответствии с макетом. При более сложной верстке вместо формс.елементс можно применить различные селекторы - по ид, по классу и тп

А не могли бы вы мне показать, как применить селектор id? Именно это подошло бы идеально в моём случае!

ksa · #8 (**permalink**) 05.12.2016, 08:08

Сообщение от Chile

К сожалению, не годится. У меня несколько textarea в форме, в примере, так сказать, фрагмент.

Так сделай макет приближенным к действительности... А то потом еще что-то всплывет, чего у тебя не так в жизни.

ksa · #9 (**permalink**) 05.12.2016, 08:09

Сообщение от Chile

как применить селектор id?

document.getElementById('тут_ИД')

Dilettante_Pro · #10 (**permalink**) 05.12.2016, 10:30

Chile,

<!DOCTYPE html>
<html>
   <head>
      <title>Forms</title>
      <script type="text/javascript">
            function highlight(id){
                  var elem = document.getElementById(id);
                  elem.focus()
                  elem.select()
            }
      </script>
   </head>
   <body>
      <form id="editor" name="editor" action="#">
         <label>Description</label>
         <textarea id="description"></textarea>
         <label>Abstract</label>
         <textarea id="abstract"></textarea><br>
         <input type="button" value="Select All Description" onclick="highlight('description')" onmouseover="window.status='';return true" />
         <input type="button" value="Select All Abstract" onclick="highlight('abstract')" onmouseover="window.status='';return true" />
      </form>
   </body>
</html>

Форум

Справочник

Discord чат

Курсы javascript