X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Добавить ответ в эту тему
> Как переместить значения ячеек таблицы при клике на первую (Javascript, Ajax, jQuery)
anethum
anethum
Topic Starter сообщение 30.8.2013, 15:46; Ответить: anethum
Сообщение #1


Господа, как академично переместить значения второй и третьей ячейки в строке при клике на ссылку в первой ячейки в отдельный див. Саму td и tr перемещать не надо. Только значения.
За помощь кину денег на телефон.

Исходное состояние:
<table border="1">
<tr>
<td><a href="#">1</a></td>
<td>Имя1</td>
<td>Текст1</td>
</tr>
<tr>
<td><a href="#">2</a></td>
<td>Имя2</td>
<td>Текст2</td>
</tr>
<tr>
<td><a href="#">3</a></td>
<td>Имя3</td>
<td>Текст3</td>
</tr>
</table>


После клика скажем по 2 должно получиться:
<div>2, Имя2, Текст2</div>
<table border="1">
<tr>
<td><a href="#">1</a></td>
<td>Имя1</td>
<td>Текст1</td>
</tr>
<tr>
<td><a href="#">2</a></td>
<td>Имя2</td>
<td>Текст2</td>
</tr>
<tr>
<td><a href="#">3</a></td>
<td>Имя3</td>
<td>Текст3</td>
</tr>
</table>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cryostazis
cryostazis
сообщение 2.9.2013, 9:35; Ответить: cryostazis
Сообщение #2


Типа вот такого?
<html>
<div id="total">1, Name1, Text1</div>
<table border="1">
<tr>
<td><a href="#" onclick="change(this)">1</a></td>
<td>Name1</td>
<td>Text1</td>
</tr>
<tr>
<td><a href="#" onclick="change(this)">2</a></td>
<td>Name2</td>
<td>Text2</td>
</tr>
<tr>
<td><a href="#" onclick="change(this)">3</a></td>
<td>Name3</td>
<td>Text3</td>
</tr>
</table>
<script>
function change(elem){
var digit = elem.innerHTML;
var name = elem.parentElement.parentElement.childNodes[3].innerText;
var text = elem.parentElement.parentElement.childNodes[5].innerText;
var total = document.getElementById('total');
total.innerHTML = digit+', '+name+', '+text;

}
</script>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
RayOfLight
RayOfLight
сообщение 2.9.2013, 13:08; Ответить: RayOfLight
Сообщение #3


<div id="moveTo"></div>
<table border="1" id="table">
<tr>
<td><a href="#">1</a></td>
<td>Имя1</td>
<td>Текст1</td>
</tr>
<tr>
<td><a href="#">2</a></td>
<td>Имя2</td>
<td>Текст2</td>
</tr>
<tr>
<td><a href="#">3</a></td>
<td>Имя3</td>
<td>Текст3</td>
</tr>
</table>
Если есть jQuery, можно так:
[JS]$(document).ready(function ()
{
var td1, td2, td3;
// Ищем все ссылки внутри td и перебираем их
$('#table tr td a').each(function()
{
// Вешаем обработчик на клик
$(this).click(function(e)
{
e.preventDefault(); // Предотвращаем переход по ссылке

// Собираем значения из td
td1 = $(this).html();
td2 = $(this).parent().next().html();
td3 = $(this).parent().next().next().html();

// Пишем их в div
$('#moveTo').html(td1+' '+td2+' '+td3);
});
});
});[/JS]Если нет jQuery, то вот так:
[JS]var moveTo = document.getElementById('moveTo'); // наш div
var links = document.querySelectorAll('#table tr td a'); // ссылки в td
var td1, td2, td3;

// Перебираем ссылки
for (var i=0; i < links.length; i++)
{
// Вешаем обработчик на клик
links[i].onclick = function (e)
{
e.preventDefault(); // Предотвращаем переход по ссылке

// Собираем значения из td
td1 = this.innerHTML;
td2 = this.parentNode.nextSibling.nextSibling.innerHTML;
td3 = this.parentNode.nextSibling.nextSibling.nextSibling.nextSibling.innerHTML;

// Пишем их в div
moveTo.innerHTML = td1 + ' ' + td2 + ' ' + td3;
};
};[/JS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Изготовление сайтов · Следующая тема »
 
Открыть тему
Добавить ответ в эту тему
Быстрый ответ
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
 151 adw-kupon.ru 19788 Сегодня, 13:52
автор: Vmir
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
 20 uahomka 3411 Сегодня, 11:54
автор: Skyworker
Открытая тема (нет новых ответов) Как в пушсетках покупают по 100-200 тысяч кликов за день?
 1 Boymaster 487 Сегодня, 11:45
автор: Skyworker
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
 30 freeax 4995 20.4.2024, 16:49
автор: Liudmila
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
 13 Boymaster 2017 20.4.2024, 15:06
автор: Boymaster


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 23.4.2024, 14:24

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet