Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.71/7: Рейтинг темы: голосов - 7, средняя оценка - 4.71
 Аватар для romcka-x
127 / 95 / 74
Регистрация: 18.01.2011
Сообщений: 227

Заполнение данных textarea без использования jquery

01.09.2015, 19:06. Показов 1412. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте! Постоянно работаю с jquery и практически не имею опыта писать многие аналогичные скрипты без ее участия. Времени особо нет разбираться, по этому может кто подскажет как кодить. Я ее упрощу максимально для простоты.

Предусловие: есть таблица (с заданным id) в ячейках которой имеется пустой textarea (может находиться не в каждой ячейке)

Задача: сделать скрипт (БЕЗ jquery), который вставит в каждый textarea номер строки и столбца, в которых он расположен. К таблице обращаться по Id
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
01.09.2015, 19:06
Ответы с готовыми решениями:

Клонирование элемента с событиями без использования JQuery
Как клонировать элемент вместе с его событиями? Например в этом примере https://jsfiddle.net/mx74j85d/2/ при нажатии на круг он...

Существует ли плагин на подобие fancybox без использования jquery
Всем привет. Кто знает, есть ли такой плагин как fancybox, который работает без использования jquery и других библиотек. Чтоб там были...

Как задать время действия скрипту без использования JQuery?
Здравствуйте, уважаемые форумчане. Есть такой скрипт. <div style="width:300px; height:300px; background-color:red;"...

4
 Аватар для whiteapps
414 / 379 / 220
Регистрация: 18.07.2014
Сообщений: 1,259
01.09.2015, 19:41
Лучший ответ Сообщение было отмечено romcka-x как решение

Решение

romcka-x,
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<table id="table">
<tbody>
    <tr>
        <td>
            <textarea></textarea>
        </td>
        <td>
            <textarea></textarea>
        </td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td>
            <textarea></textarea>
        </td>
        <td>
            <textarea></textarea>
        </td>
    </tr>
</tbody>
</table>
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
(function () {
    var table = document.getElementById('table');
    var tr = table.firstElementChild.children;
 
    for (var i = 0; i < tr.length; i++) {
        for (var j = 0; j < tr[i].children.length; j++) {
            for (var m = 0; m < tr[i].children[j].children.length; m++) {
                var node = tr[i].children[j].children[m];
                if ('TEXTAREA' === node.nodeName) node.innerText = i + ' ' +j;
            }
        }
    }
})();

Не по теме:

christmas tree - зло, я никогда не буду делать так на проде... christmas tree - зло, я никогда не буду делать так на проде...

1
 Аватар для vovandr
636 / 523 / 195
Регистрация: 19.08.2013
Сообщений: 1,400
01.09.2015, 19:42
Лучший ответ Сообщение было отмечено whiteapps как решение

Решение

Как вариант (к таблице ставим id="table")
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
(function(){
  
    var table = document.getElementById('table'),
        rowLength = table.rows.length;
 
    for(var i = 0; i < rowLength; i++) {
      
      var row = table.rows[i],
          cellLength = row.cells.length;
      
      for(var j = 0; j < cellLength; j++) {
        var cell = row.cells[j],
            textarea = cell.getElementsByTagName('textarea')[0];
        if(textarea){
           textarea.value = 'row: ' + (i + 1) + ' col: ' + (j + 1); 
        }
      }
      
    }
  
})();
1
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
01.09.2015, 19:49
romcka-x,
JavaScript
1
2
3
[].forEach.call(YoreTable.querySelectorAll("textarea[value='']"),function(elem){
    elem.value=elem.parentNode.cellIndex + elem.parentNode.parentNode.rowIndex
})
честно говоря не проверял

Добавлено через 1 минуту

Не по теме:

опять не успел, да что ж такое-то

0
 Аватар для romcka-x
127 / 95 / 74
Регистрация: 18.01.2011
Сообщений: 227
01.09.2015, 22:38  [ТС]
Всем большое спасибо, очень помогло!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
01.09.2015, 22:38
Помогаю со студенческими работами здесь

Как сделать upload файлов без использования <INPUT TYPE=FILE>(или его программное заполнение)?
На клиенте есть VB программа с броузером, которая сама по таймеру должна пересылать файлы на WEB(не по FTP и не по Mail). Список файлов...

Хранение и отображение данных без использования БД
Ребят помогите с решением, вернее просто направьте в нужное русло нужно написать небольшую программку, которая хранила бы в себе...

Шифрование данных без использования файлов
Всем доброго времени суток! В теме https://www.cyberforum.ru/vb-net/thread818537.html приведен пример симметричного шифрования. ...

Админка без использования базы данных
Здравствуйте, подскажите пожалуйста Можно ли использовать и создать админку без аботы с базой данных для не больших сайтов? Если да,...

получение данных из textarea, их обработка и занесение в другой textarea
Добрый день! Нужна помощь по проблеме Есть html страница &lt;html&gt; &lt;body&gt; &lt;form action=&quot;index.php&quot;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
Использование значений реквизитов справочника в документе, с определенными условиями и правами
Maks 07.04.2026
1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию
Maks 07.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .
Уведомление о неверно выбранном значении справочника
Maks 06.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru