Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 04.04.2014, 12:22
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Сообщение от Hurray
Можно ли получить разом все css свойства элемента и передать их другому элементу?
а зачем? кроме ширины остальное через таблицу стилей
Ответить с цитированием
  #12 (permalink)  
Старый 04.04.2014, 12:28
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Hurray,
может без th ? на одних td
Ответить с цитированием
  #13 (permalink)  
Старый 04.04.2014, 13:02
Аспирант
Отправить личное сообщение для Hurray Посмотреть профиль Найти все сообщения от Hurray
 
Регистрация: 22.02.2012
Сообщений: 70

Сообщение от рони Посмотреть сообщение
1 через css задать ширину ячейкам
2 обойти все ячейки 1 строки таблицы и ширину присвоить каждой ячейке клона соотвественно
Этим скриптом ширина каждой ячейки копируется из стандартной строки в фиксированную:
i2 = 1;
	$("table#" + i + " .t_head th").each(function (){
		arw[i2] = $(this).width();
		i2 ++;
	})
	i2 = 1;
	$("table#" + i + " .t_head.t_head_fixed th").each(function (){
		$(this).width(arw[i2]);
		i2 ++;
	})

,но всё равно в результате ширина разная для тех ячеек, у которых в оригинале ширина не задана в пикселах. Не задана, потому что в таблице может быть разное количество столбцов и они должны равномерно распределяться по всей ширине строки.
Ответить с цитированием
  #14 (permalink)  
Старый 04.04.2014, 13:10
Аспирант
Отправить личное сообщение для Hurray Посмотреть профиль Найти все сообщения от Hurray
 
Регистрация: 22.02.2012
Сообщений: 70

Сообщение от рони Посмотреть сообщение
Hurray,
может без th ? на одних td
Как можно поменять все th на td с сохранением атрибутов и содержимого?
Ответить с цитированием
  #15 (permalink)  
Старый 04.04.2014, 13:37
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Hurray,
можно и с th )))
добавил th в первую таблицу
Ответить с цитированием
  #16 (permalink)  
Старый 04.04.2014, 16:11
Аспирант
Отправить личное сообщение для Hurray Посмотреть профиль Найти все сообщения от Hurray
 
Регистрация: 22.02.2012
Сообщений: 70

Объясните мне, почему при таком коде ширина столбцов не совпадает?
В строке, которая не fixed, фактическая ширина совсем не та, которая указана в атрибуте style. Проверял в firebug. В стилях одна ширина, в макете - другая.
<tr class="t_head" style="width: 801px;">
	<th style="width: 72px;">Период</th>
	<th style="width: 16px;"></th>
	<th style="width: 45px;">DBL</th>
	<th style="width: 73px;">3 человека</th>
	<th style="width: 73px;">4 человека</th>
	<th style="width: 65px;">5 человек</th>
	<th style="width: 65px;">6 человек</th>
	<th style="width: 65px;">7 человек</th>
	<th style="width: 65px;">8 человек</th>
</tr>
<tr class="t_head t_head_fixed" style="width: 801px;">
	<th style="width: 72px;">Период</th>
	<th style="width: 16px;"></th>
	<th style="width: 45px;">DBL</th>
	<th style="width: 73px;">3 человека</th>
	<th style="width: 73px;">4 человека</th>
	<th style="width: 65px;">5 человек</th>
	<th style="width: 65px;">6 человек</th>
	<th style="width: 65px;">7 человек</th>
	<th style="width: 65px;">8 человек</th>
</tr>
Ответить с цитированием
  #17 (permalink)  
Старый 04.04.2014, 16:24
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Hurray,
содержимое растягивает
Ответить с цитированием
  #18 (permalink)  
Старый 04.04.2014, 16:31
Аспирант
Отправить личное сообщение для Hurray Посмотреть профиль Найти все сообщения от Hurray
 
Регистрация: 22.02.2012
Сообщений: 70

width ставится скриптом
while ($("table#" + i).length) {
		var i2 = 1;
		$("table#" + i + " .t_head th").each(function (){
			if(i2 > 2){
				$(this).css('width', $(this).width());
			}
			i2 ++;
		})
}
Как сделать, чтобы ширина измерялась с учетом этого растягивания?
Ответить с цитированием
  #19 (permalink)  
Старый 04.04.2014, 16:34
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Hurray,
напишите полноценный макет с html здесь или в песочнице http://learn.javascript.ru/play
Ответить с цитированием
  #20 (permalink)  
Старый 04.04.2014, 16:36
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Hurray,
$(this).css('width', $(this).width()); -- это типа установить ширину не ширее прежнего
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
AJAX несколько элементов на странице... myocean AJAX и COMET 2 12.11.2012 12:27
AJAX несколько элементов на странице... myocean jQuery 3 12.11.2012 00:00
Несколько версий JQuery UI на одной странице. Casufi jQuery 2 10.11.2012 15:24
Несколько iframe на странице oblomov86 Events/DOM/Window 3 19.12.2011 12:00
Несколько одинаковых таблиц. Обращение к отдельным элементам в них. zaytsewa Элементы интерфейса 7 11.11.2010 09:08