Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> замена содержимого тэга tr 
:(
    Опции темы
motorway
Дата 30.9.2009, 16:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 578
Регистрация: 2.3.2008

Репутация: нет
Всего: 0



Есть следующий упрощенный код:

Код

 <tr>
           <td>        
...
                <div class="..."><a href="..."><img src="..." alt="..." /></a></div>

                <div class="...">
                        <h2 class="...">Тут какой-то текст</h2>
                        <ul>
                                <li style="color: #000">Тут какой-то текст</li>
                                <li style="color: #000">Тут какой-то текст</li>
                        </ul>
                        <a href="... class="...">
                </div>

           </td>        
           <td style="background-color: #fff">&nbsp;</td>       
        </tr>



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

Это сообщение отредактировал(а) motorway - 30.9.2009, 16:11
PM MAIL   Вверх
Grig
Дата 1.10.2009, 04:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 809
Регистрация: 29.4.2005
Где: Иркутск

Репутация: 2
Всего: 16



Например тебе надо изменить содержимое этого div-a
Код

                <div class="...">
                        <h2 class="...">Тут какой-то текст</h2>
                        <ul>
                                <li style="color: #000">Тут какой-то текст</li>
                                <li style="color: #000">Тут какой-то текст</li>
                        </ul>
                        <a href="... class="...">
                </div>


Для этого необходимо получить его, один из методов, задать ему id:
Код

<div class="..." id="mydiv">


Получить его, и изменять его содержимое можно так:
Код

var d = document.getElementById("mydiv");
d.innerHTML =  '<li style="color: #000">Тут какой-то текст</li>';
 


--------------------
        
PM MAIL ICQ   Вверх
bars80080
Дата 1.10.2009, 10:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315



Grig, всё конечно так, если бы вопрос не касался тэга tr. таблица везде имеет особую специфику изменения.

вообще, менять содержимое - дело муторное. если бы требовалось в ставить в таблицу строчки, то есть универсальный метод 
row = tab.insertRow();
для вставки ячеек в неё row.insertCell(0); где 0 - номер ячейки
заменить с помощью innerHTML можно так: пробежаться по всем ячейкам циклом и подсунуть данные

возможно разобраться с заменой можно было бы с помощью всяких childNodes и их методов, но мне удобней было так:
необходимые к изменению куски таблицы объединияются в тэг tbody

<table>
<tbody>
<tr><td></td></tr>
<tr><td></td></tr>
</tbody>
<tbody id="qw">
<tr><td></td></tr>
<tr><td></td></tr>
</tbody>
</table>

затем мы хватаем нужный сегмент tbody за идентификатор и удаляем его tbod.removeNode(true), заменяя insertBefore(newtbod, beforetbod) на аналогичный уже сформированный с помощью insertRow, insertCell
PM MAIL WWW   Вверх
Grig
Дата 2.10.2009, 03:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 809
Регистрация: 29.4.2005
Где: Иркутск

Репутация: 2
Всего: 16



bars80080, как я понял, человеку надо заполнять содержимое ячейки, а не манипулировать таблицей.


--------------------
        
PM MAIL ICQ   Вверх
bars80080
Дата 2.10.2009, 09:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315



но конкретно к строке tr.innerHTML не сработает (насколько знаю)
PM MAIL WWW   Вверх
Grig
Дата 2.10.2009, 11:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 809
Регистрация: 29.4.2005
Где: Иркутск

Репутация: 2
Всего: 16



не сработает.
так положить в него div, и юзать наздоровье)


--------------------
        
PM MAIL ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0526 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.