Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.12.2014, 20:39
Новичок на форуме
Отправить личное сообщение для Tachi Посмотреть профиль Найти все сообщения от Tachi
 
Регистрация: 16.12.2014
Сообщений: 3

Как отформатировать вывод используя innerHTML?
Есть следующий код, как мне его дополнить так, чтобы:
1) содержимое столбца BankName попадало в поле textarea id='bank'
2) содержимое столбца BIC попадало в поле textarea id='bic'
3) как убрать из вывод все теги типа <tr> и прочее?

Буду очень признателен за помощь

<table id="mySuperTBL">
<tr><td><b>BankName</b></td><td><b>BIC</b></td></tr>
 
            <tr id='1'  ondblclick='comm(1)'>
 
            <td>Bank</td>
            <td>Adress</td>
 
            </tr>
 
 
</table>
Bank Name: <br />
<textarea id='bank' cols=56 rows=6></textarea></form>
 
Bank Adress: <br />
<textarea id='bic' cols=56 rows=6></textarea></form>


var textarea = document.getElementById('bank');
function comm(id) {
textarea.value=document.getElementById('comment'+id).innerHTML;
}
Ответить с цитированием
  #2 (permalink)  
Старый 16.12.2014, 22:23
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,662

Tachi, кто бы ввод отформатировал...
Ответить с цитированием
  #3 (permalink)  
Старый 16.12.2014, 23:31
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Tachi,

<!DOCTYPE HTML>

<html>

<head>
    <title>Untitled</title>
    <meta charset="utf-8">
</head>

<body>
    <table id="mySuperTBL">
        <tr>
            <td><b>BankName</b>
            </td>
            <td><b>BIC</b>
            </td>
        </tr>

        <tr id='1' ondblclick='comm(this)'>

            <td>Bank</td>
            <td>Adress</td>

        </tr>


    </table>
    Bank Name:
    <br />
    <textarea id='bank' cols=56 rows=6></textarea>

    Bank Adress:
    <br />
    <textarea id='bic' cols=56 rows=6></textarea>
    <script>
        var textarea_bank = document.getElementById('bank'),
            textarea_bic = document.getElementById('bic');

        function comm(obj) {
            textarea_bank.value = obj.cells[0].innerHTML;
            textarea_bic.value = obj.cells[1].innerHTML;
        }
    </script>
</body>

</html>
Ответить с цитированием
  #4 (permalink)  
Старый 16.12.2014, 23:51
Профессор
Посмотреть профиль Найти все сообщения от krutoy
 
Регистрация: 09.11.2014
Сообщений: 610

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>

<table>
<tr>
 <td><b>BankName</b></td>
 <td><b>BIC</b></td>
</tr>
<tr>
 <td>Bank1</td>
 <td>Adress1</td>
</tr>
<tr>
 <td>Bank2</td>
 <td>Adress2</td>
</tr>
</table>
Bank Name: <br />
<textarea id='bank' cols=56 rows=6></textarea></form>
 <br /> 
Bank Adress: <br />
<textarea id='bic' cols=56 rows=6></textarea></form>



 
<script>
textarea1 = document.getElementById('bank');
textarea2 = document.getElementById('bic');

table=document.querySelector("table")
trs=table.querySelectorAll("tr")
f=function(){
   var data=this.querySelectorAll("td")
   textarea1.value+=data[0].innerHTML+"\n"
   textarea2.value+=data[1].innerHTML+"\n"
}
for(var i=1; i<trs.length; i++){
    trs[i].ondblclick=f
}



</script>
</body>
</html>
Ответить с цитированием
  #5 (permalink)  
Старый 17.12.2014, 14:40
Новичок на форуме
Отправить личное сообщение для Tachi Посмотреть профиль Найти все сообщения от Tachi
 
Регистрация: 16.12.2014
Сообщений: 3

Спасибо огромное за помощь Вы лучшие
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как отформатировать число 10000 -> 10 000,00 .andreev Общие вопросы Javascript 4 08.06.2016 10:32
Открытие div блока при первом визите на сайт Nushaba Общие вопросы Javascript 28 20.12.2013 21:24
DOM vs iframe. Как в ифрейме заменить выделенный текст (его innerHTML)? Бухалыч Events/DOM/Window 4 20.08.2009 14:30
Как правильно послать XML в POST запросе LowCoder AJAX и COMET 10 15.07.2009 23:20
Как создать проверку вводимого пароля на стойкость, используя API Google. Александр Черепов Элементы интерфейса 4 03.11.2008 02:16