[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Включение режима редактиварония в таблице
gang
Доброго времени суток!
Подскажите такую вещь:
Вот у меня есть таблица с 2-мя колонками, в первой колонке отображаются названия, например автомобилей, а во второй колонке идут элементы checkbox.
Задача состоит в том, что при активации одного или нескольких checkbox должны в 1-й колонке соответствующие наименования как бы не просто уже показываться, а "влепиться" внутрь появившегося на них месте текстового поля, чтобы можно было отредактивароть данную запись...
Вот как такое сделать? ph34r.gif



Спустя 1 минута, 42 секунды (26.04.2011 - 15:04) gang написал(а):
Кто знает, подскажите пожалуйста на каком-нибудь банальном примере, когда в таблице есть, например, 5-6 каких-то записей...

Спустя 1 час, 41 секунда (26.04.2011 - 16:05) Snus написал(а):
gang
Ну совсем обленились...

src="js/jquery-1.5.2.js" поменяй на свой

<script type="text/javascript" src="js/jquery-1.5.2.js"></script>
<
script type="text/javascript">

$(document).ready(function(){
$('#sovsemOblenilis input.balin').change(function(){
var obj = $(this).parent().parent().find('td.oblenilis');
obj.html(this.checked ? '<input type="text" value="'+obj.html()+'">' : obj.find('input').val());
});
});

</
script>


<table border="1" id="sovsemOblenilis">
<tr>
<td
class="oblenilis">Совсем обленились балин...</td>
<td><input
type="checkbox" class="balin"></td>
</tr>
<tr>
<td
class="oblenilis">Совсем обленились балин...</td>
<td><input
type="checkbox" class="balin"></td>
</tr>
<tr>
<td
class="oblenilis">Совсем обленились балин...</td>
<td><input
type="checkbox" class="balin"></td>
</tr>
</table>

Спустя 1 день, 18 часов, 9 минут, 41 секунда (28.04.2011 - 10:14) gang написал(а):
Snus, а можно как-то без JQUERY это сделать?

Спустя 6 минут, 36 секунд (28.04.2011 - 10:21) Snus написал(а):
gang
А это ты уже сам думай, за тебя никто не будет такие задачи решать.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.