Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   добавление нового класса тегу по id (https://javascript.ru/forum/dom-window/52580-dobavlenie-novogo-klassa-tegu-po-id.html)

narKotik 25.12.2014 00:05

добавление нового класса тегу по id
 
Ребят подскажите как можно реализовать. Собственно есть 2 span"a нужно присвоить им дополнительный класс (один и тот же )для ид inbox и outbox при нахождении браузера по конкретной ссылке которая заканчивается на ?xxxx1 и ?xxxx2 соответственно.

<span class="tab" id="inbox">Входящие</span>
<span class="tab" id="outbox">Отправленные</span>


желательно javascript. буду благодарен за помощь :victory:

krutoy 25.12.2014 02:22

<html>
<head>
<style>
.tab{background: grey}
.bar{color: white}
</style>
</head>
<body>


<span class="tab" id="inbox">in</span>
<span class="tab" id="outbox">out</span>


<script>

c=document.querySelectorAll("span.tab")

if(/\?\w{4}1$/.test(location)){
for(var i=0; i<c.length; i++)  if(c[i].id==="inbox") c[i].className+=" bar"
}

if(/\?\w{4}2$/.test(location)){
for(var i=0; i<c.length; i++)  if(c[i].id==="outbox") c[i].className+=" bar"
}

</script>
</body>
</html>

narKotik 25.12.2014 11:15



извиняюсь за нубство, а где куда вставить ссылки ?xxxxx1 и ?xxxxx2 ? новый класс я так понимаю это bar

krutoy 25.12.2014 11:56

narKotik,
ты поясни точней, я наверное не так понял.

Я изначально подумал, что код должен работать, когда юзер находится на страницах, расположенных по данным урлам, т.е. по урлам с масками ?xxxx1 и ?xxxx2, где иксы -- любые символы.

Что тогда означает
Цитата:

при нахождении браузера по конкретной ссылке которая заканчивается на ?xxxx1 и ?xxxx2 соответственно.
при нахождении браузера по конкретной ссылке?

narKotik 25.12.2014 13:02

Цитата:

Сообщение от krutoy (Сообщение 348256)
narKotik,
ты поясни точней, я наверное не так понял.

1) нужно то бы находясь по ссылкам site.ru/index.php?do=pm&folder=inbox и site.ru/index.php?do=pm только у спана с id=inbox добавился еще один класс bar.

2) а находясь по ссылке site.ru/index.php?do=pm&folder=outbox только у спана с id=uotbox добавился класс такой же bar.

3) что бы при любой ссылке кроме той что во 2 пункте у спана с id=inbox добавился класс bar

krutoy 25.12.2014 13:59

narKotik,
У меня щас сервака нет, чтобы протестировать, чуть позже отвечу. Но смысл и логика там та же самая, просто регекпы и группировка другие.

narKotik 25.12.2014 14:18

Цитата:

Сообщение от krutoy (Сообщение 348275)
narKotik,
У меня щас сервака нет, чтобы протестировать, чуть позже отвечу. Но смысл и логика там та же самая, просто регекпы и группировка другие.

я бы может что то понял если бы не был полным 0 в скриптах) мне не к спеху. если будет время и желание посмотри пожалуйста


Часовой пояс GMT +3, время: 00:29.