Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.12.2015, 17:15
Кандидат Javascript-наук
Отправить личное сообщение для Castromen Посмотреть профиль Найти все сообщения от Castromen
 
Регистрация: 04.02.2015
Сообщений: 116

Ширина заголовка таблицы
Добрый вечер, помогите пожалуйста.
Имеется заголовок таблицы
Как заложить такую логику что если в заголовке встречается слово "Роль" то к тегу <th> добавляется еще и стиль style="width:50px"

Мог бы сделать вот так но <div> мешает
Спасибо.

<script type="text/javascript">
$(document).ready(function () {
$Text = $("td.ms-cellstyle.ms-vb2:contains('Роль')"); 
$Text.parent().css("background-color", "#acf0bd");
    });
</script>


<th scope="col" onmouseover="OnChildColumn(this)" style="max-width: 500px;" class="ms-vh2 ms-headerCellStyleHover" onmousedown="ListHeaderMenu_OnMouseDown(this);">
 <div sortable="" sortdisable="" filterdisable="" filterable="" filterdisablemessage="" name="_x0420__x043e__x043b__x044c_" ctxnum="9" displayname="Роль" fieldtype="Choice" resulttype="" sortfields="View={6d1af87b-33bb-4217-8846-6f78bc48759c}&amp;SortField=_x0420__x043e__x043b__x044c_&amp;SortDir=Asc" class="ms-vh-div">

   <a class="ms-headerSortTitleLink" id="diidSort9_x0420__x043e__x043b__x044c_" onfocus="OnFocusFilter(this)" onclick="javascript: var pointerType = this.getAttribute('pointerType'); if (pointerType != null &amp;&amp; typeof MSPointerEvent != 'undefined' &amp;&amp; Number(pointerType) != MSPointerEvent.MSPOINTER_TYPE_MOUSE) { ListHeaderTouchHandler(event); return false; } return OnClickFilter(this, event);" href="javascript:" sortingfields="View={6d1af87b-33bb-4217-8846-6f78bc48759c}&amp;SortField=_x0420__x043e__x043b__x044c_&amp;SortDir=Asc Title=" Щелкните,="" чтобы="" отсортировать="" столбец"="">Роль</a>


   <span class="ms-sortarrowdown-iconouter" id="diidSortArrowSpan9_x0420__x043e__x043b__x044c_" style="display: none;">
         <img class="ms-sortarrowdown-icon" src="/sites/DS/_catalogs/theme/Themed/ED856BC3/spcommon-B35BB0A9.themedpng?ctag=10" alt=""></span>


  <span class="ms-filter-iconouter" id="diidFilterSpan9_x0420__x043e__x043b__x044c_" style="display: none;">
         <img class="ms-filter-icon" src="/sites/DS/_catalogs/theme/Themed/ED856BC3/spcommon-B35BB0A9.themedpng?ctag=10" alt=""></span>

 </div>

 <div class="ms-positionRelative"><div class="s4-ctx s4-ctx-show" style="top: -26px; right: -17px; height: 31px; line-height: 29px; margin: 0px;">
         <span> </span>
         <a onfocus="OnChildColumn(this.parentNode.parentNode.parentNode); return false;" class="ms-headerSortArrowLink" onclick="PopMenuFromChevron(event); return false;" href="javascript:;" title="Открыть меню"><img style="visibility: visible;" src="/sites/DS/_catalogs/theme/Themed/ED856BC3/ecbarw-B1CE25C9.themedpng?ctag=10" alt="Открыть меню" +="" stshtmlencode(strings.sts.l_openmenu)="" ""="" ms-jsgrid-click-passthrough="true"></a>
         <span> </span>
 </div>
 </div>

</th>
Ответить с цитированием
  #2 (permalink)  
Старый 11.12.2015, 17:29
Кандидат Javascript-наук
Отправить личное сообщение для Castromen Посмотреть профиль Найти все сообщения от Castromen
 
Регистрация: 04.02.2015
Сообщений: 116

Это я взял из другого примера.
Ответить с цитированием
  #3 (permalink)  
Старый 11.12.2015, 17:37
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 458

Castromen,
$("th:contains('Роль')").css("width", "50px");
Ответить с цитированием
  #4 (permalink)  
Старый 11.12.2015, 18:04
Кандидат Javascript-наук
Отправить личное сообщение для Castromen Посмотреть профиль Найти все сообщения от Castromen
 
Регистрация: 04.02.2015
Сообщений: 116

Rise, Спасибо огромное...
Подскажите пожалуйста последние две операции

Последнее если расширить всю таблицу width=850px и скрыть (display: none последнюю колонку
<table onmousedown="return OnTableMouseDown(event);" summary="Komanda" xmlns:o="urn:schemas-microsoft-com:office:office" o:webquerysourcehref="&amp;XMLDATA=1&amp;RowLimit=0&amp;View=%7B6D1AF87B%2D33BB%2D4217%2D8846%2D6F78BC48759C%7D" border="0" cellspacing="0" dir="none" onmouseover="EnsureSelectionHandler(event,this,15)" cellpadding="1" id="{9EBED5C7-6ACE-43E6-AE3E-E84B6EBCB54B}-{6D1AF87B-33BB-4217-8846-6F78BC48759C}" class="ms-listviewtable" handledeleteinit="true">


Последняя колонка:
<th class="ms-vh-icon" scope="col" title=""><span class="ms-addcolumn-span"> </span></th>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
ширина колонки таблицы по количеству колонок yriiarutiunian (X)HTML/CSS 14 25.02.2014 00:45
Помогите с калькулятором piton1175 AJAX и COMET 0 16.06.2011 14:29
Ширина таблицы Syltan (X)HTML/CSS 1 01.05.2010 22:33
ширина столбцов таблицы после загрузки bis Events/DOM/Window 1 26.03.2010 18:35
Фиксированный заголовок таблицы ilshat Элементы интерфейса 6 20.12.2008 00:35