Как используя Javascript изменить определенный CSS?

Question

[Александр Каплун]

Доброе время суток,

Есть HTML

<tr>
		<td width="113" class="ms-formlabel" nowrap="true" valign="top"><h3 class="ms-standardheader"><a name="SPBookmark__x041a__x043e__x043c__x0435__x04"></a>Коментарии</h3></td>
		<td width="350" class="ms-formbody" id="SPFieldNote" valign="top">
		<!-- FieldName="Коментарии"
			 FieldInternalName="_x041a__x043e__x043c__x0435__x04"
			 FieldType="SPFieldNote"
		  -->
			<div class="ms-rtestate-field"></div>
				
			<div><div class="ExternalClass38E22D8611E244AF92EB39E3F264BCCA"><span class="ms-noWrap"><span class="ms-imnSpan"><a tabindex="-1" class="ms-imnlink ms-spimn-presenceLink" onclick="IMNImageOnClick(event);return false;" href="#"><span class="ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10"><img name="imnmark" title="" class="ms-spimn-img ms-spimn-presence-disconnected-10x10x32" id="imn_2319,type=sip" alt="Без сведений о присутствии" src="/_layouts/15/images/spimn.png?rev=23" sip="[e-mail]" showofflinepawn="1"></span></a></span><span class="ms-noWrap ms-imnSpan"><a tabindex="-1" class="ms-imnlink" onclick="IMNImageOnClick(event);return false;" href="#"><img name="imnmark" title="" class="ms-hide" id="imn_2320,type=sip" alt="" src="/_layouts/15/images/blank.gif?rev=23" sip="[e-mail]" showofflinepawn="1"></a><a class="ms-subtleLink" onclick="GoToLinkOrDialogNewWindow(this);return false;" href="/sites/test/_layouts/15/userdisp.aspx?ID=1">Пруцаков Александр Николаевич</a></span></span> (<a href="https://portal.compeng.ru/sites/test/_layouts/15/listform.aspx?ListId=%7B4859455A%2DD8F3%2D49BA%2DBD91%2DCD24D1FCB84E%7D&amp;PageType=4&amp;ID=8&amp;Source=https%3A%2F%2Fportal%2Ecompeng%2Eru%2Fsites%2Ftest%2FLists%2FTask2%2FAllItems%2Easpx%3FPageView%3DShared%26InitialTabId%3DRibbon%2EWebPartPage%26VisibilityContext%3DWSSWebPartPage&amp;VersionNo=2048" target="_blank">4/22/2016 2:35 PM</a>): <p>​вапвапвапа</p></div><div class="ExternalClass64467F1D28BB4A29972A0FF16EC6C20B"><span class="ms-noWrap"><span class="ms-imnSpan"><a tabindex="-1" class="ms-imnlink ms-spimn-presenceLink" onclick="IMNImageOnClick(event);return false;" href="#"><span class="ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10"><img name="imnmark" title="" class="ms-spimn-img ms-spimn-presence-disconnected-10x10x32" id="imn_2321,type=smtp" alt="Без сведений о присутствии" src="/_layouts/15/images/spimn.png?rev=23" sip="[e-mail]" showofflinepawn="1"></span></a></span><span class="ms-noWrap ms-imnSpan"><a tabindex="-1" class="ms-imnlink" onclick="IMNImageOnClick(event);return false;" href="#"><img name="imnmark" title="" class="ms-hide" id="imn_2322,type=smtp" alt="" src="/_layouts/15/images/blank.gif?rev=23" sip="[e-mail]" showofflinepawn="1"></a><a class="ms-subtleLink" onclick="GoToLinkOrDialogNewWindow(this);return false;" href="/sites/test/_layouts/15/userdisp.aspx?ID=10">Каплун Александр Владимирович</a></span></span> (<a href="https://portal.compeng.ru/sites/test/_layouts/15/listform.aspx?ListId=%7B4859455A%2DD8F3%2D49BA%2DBD91%2DCD24D1FCB84E%7D&amp;PageType=4&amp;ID=8&amp;Source=https%3A%2F%2Fportal%2Ecompeng%2Eru%2Fsites%2Ftest%2FLists%2FTask2%2FAllItems%2Easpx%3FPageView%3DShared%26InitialTabId%3DRibbon%2EWebPartPage%26VisibilityContext%3DWSSWebPartPage&amp;VersionNo=1536" target="_blank">4/22/2016 11:43 AM</a>): <p>тест 2​</p></div><div class="ExternalClass479B984022A94CE2AABD433E7F307EF8"><span class="ms-noWrap"><span class="ms-imnSpan"><a tabindex="-1" class="ms-imnlink ms-spimn-presenceLink" onclick="IMNImageOnClick(event);return false;" href="#"><span class="ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10"><img name="imnmark" title="" class="ms-spimn-img ms-spimn-presence-disconnected-10x10x32" id="imn_2323,type=smtp" alt="Без сведений о присутствии" src="/_layouts/15/images/spimn.png?rev=23" sip="[e-mail]" showofflinepawn="1"></span></a></span><span class="ms-noWrap ms-imnSpan"><a tabindex="-1" class="ms-imnlink" onclick="IMNImageOnClick(event);return false;" href="#"><img name="imnmark" title="" class="ms-hide" id="imn_2324,type=smtp" alt="" src="/_layouts/15/images/blank.gif?rev=23" sip="[e-mail]" showofflinepawn="1"></a><a class="ms-subtleLink" onclick="GoToLinkOrDialogNewWindow(this);return false;" href="/sites/test/_layouts/15/userdisp.aspx?ID=10">Каплун Александр Владимирович</a></span></span> (<a href="https://portal.compeng.ru/sites/test/_layouts/15/listform.aspx?ListId=%7B4859455A%2DD8F3%2D49BA%2DBD91%2DCD24D1FCB84E%7D&amp;PageType=4&amp;ID=8&amp;Source=https%3A%2F%2Fportal%2Ecompeng%2Eru%2Fsites%2Ftest%2FLists%2FTask2%2FAllItems%2Easpx%3FPageView%3DShared%26InitialTabId%3DRibbon%2EWebPartPage%26VisibilityContext%3DWSSWebPartPage&amp;VersionNo=1024" target="_blank">4/22/2016 11:41 AM</a>): <p>тест1​</p></div></div>
		</td>
	</tr>

Нужно поменять CSS так что бы строка с "Пруцаков Александр Николаевич" была с новой строчки и красного цвета

Answer 1

[Максим Тимофеев]

Вопрос - зачем нужен js? Но дело Ваше.
$('.мойкласс').addClass('newclass');
затем в css добавляете

.newclass {color:red;}
.newclass:before {content:" "; display:block; clear:both;}

Comments

[Игорь Воронов]

Видимо, вопрос задавал человек, далекий от веба :)

[Александр Каплун]

У меня нет доступа никчему, все что я могу это вставить немножко JS на страницу. Так же я не могу привязываться на прямую к классам, так как они повторяются на странице 100раз, а изменить мне нужно только в одном месте. В другом случае я делал это через поиск в TD с определенным классом определенного слова. Тут так не выйдет, так как это комментарии.

[Максим Тимофеев]

Александр Каплун: А что это за система такая, на которой можно только коменты писать, да еще туда js вставлять. Вы уверены, что там js будет работать?

[Александр Каплун]

мне не JS нужно в коменты вставить, мне с помощью JS нужно немного изменить вид комментариев. Но доступ я имею только к вставке небольшого кода на JS в страницу через специальную форму.

[Максим Тимофеев]

Александр Каплун: Очуметь. Это как клеять обои через замочную скважину. Вы решаете не тот вопрос помоему. Вам нужно получить больше доступа, а не заниматься этим анонизмом. НО тем не менее. Можно и через js, делать за Вас не буду, но намекну как:

$(document).ready(function(){
        $("a[href='/sites/test/_layouts/15/userdisp.aspx?ID=1']").css('color','red');
});

[Александр Каплун]

Максим Тимофеев: я пытаюсь поменять это все в SharePoint Foundation 2013, в котором Microsoft постаралась максимально, насколько смогла перекрыть любые попытки нормальной кастомизации

[Александр Каплун]

Максим Тимофеев: насколько я понял, тот скрипт что ты дал меняет только записи у которых в ID есть 1?

[Максим Тимофеев]

Александр Каплун: у которых такой href
Найди уникальную часть кода и зацепись за нее так же

[Максим Тимофеев]

Александр Каплун: И я не помню, когда мы перешли на ты

[Александр Каплун]

Максим Тимофеев: а если href, не на 1 закончится, а на 10?

[Максим Тимофеев]

Александр Каплун: То данное условие не сработает

[Максим Тимофеев]

Очень советую потратить 5 минут http://jquery.page2page.ru/index.php5/Селекторы

[Александр Каплун]

Максим Тимофеев: единственный статичный элемент в моем коде это слово Коментарии, но оно не является родителем

[Максим Тимофеев]

Александр Каплун: href разве не уникален для каждого человека?

[Александр Каплун]

Максим Тимофеев: уникален, мне нужно у всех коментариев помянить вид, а не только у одной записи

[Максим Тимофеев]

Александр Каплун: А как тогда понимать "что бы строка с "Пруцаков Александр Николаевич"?

[Максим Тимофеев]

Александр Каплун: Если всем, то тогда это мега просто:

$(document).ready(function(){
        $(".ms-subtleLink").css('color','red');
});

Answer 2

[Магомед Магомедов]

Советую прочитать статью https://blog.pathtosharepoint.com/2008/09/01/using...
Идея в следующем:
1. Создаем вычисляемое поле, примеру с такой формулой:
="<DIV style='color: red;'>"&[ColumnName]&"</DIV>"
2. Добавляем на страницу JS скрипт который "подкорректирует" теги.

Очень упрощает кастомизацию списков.

Comments

[Александр Каплун]

так как это не список, а форма просмотра, то так сделать не выйдет

[Магомед Магомедов]

..но все же попробуйте запросить доступ для работы через SP дизайнер и можно будет обернуть ваш контрол в html тег и уже ему задать стиль

[Магомед Магомедов]

Александр Каплун: Ну вообще то, там не скрипт важен, сколько идея:
1. Находите область вашего вычисляемого поля
2. Парсите div - теги и создаете из них div элементы.

Не пробовали запросить доступ для работы с SP дизайнером?

Answer 3

[Александр Каплун]

я могу найти ячейку которая соседняя с той что мне нужно менять, теперь мне нужно понять как с JS поменять CSS соседней ячейки. Насколько я понял у каждой ячейки есть cellindex. через него можно как то изменять стили соседней ячейки