Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.12.2014, 00:05
Новичок на форуме
Отправить личное сообщение для narKotik Посмотреть профиль Найти все сообщения от narKotik
 
Регистрация: 24.12.2014
Сообщений: 4

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

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


желательно javascript. буду благодарен за помощь
Ответить с цитированием
  #2 (permalink)  
Старый 25.12.2014, 02:22
Профессор
Посмотреть профиль Найти все сообщения от krutoy
 
Регистрация: 09.11.2014
Сообщений: 610

<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>

Последний раз редактировалось krutoy, 25.12.2014 в 02:48.
Ответить с цитированием
  #3 (permalink)  
Старый 25.12.2014, 11:15
Новичок на форуме
Отправить личное сообщение для narKotik Посмотреть профиль Найти все сообщения от narKotik
 
Регистрация: 24.12.2014
Сообщений: 4



извиняюсь за нубство, а где куда вставить ссылки ?xxxxx1 и ?xxxxx2 ? новый класс я так понимаю это bar
Ответить с цитированием
  #4 (permalink)  
Старый 25.12.2014, 11:56
Профессор
Посмотреть профиль Найти все сообщения от krutoy
 
Регистрация: 09.11.2014
Сообщений: 610

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

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

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

Последний раз редактировалось krutoy, 25.12.2014 в 12:02.
Ответить с цитированием
  #5 (permalink)  
Старый 25.12.2014, 13:02
Новичок на форуме
Отправить личное сообщение для narKotik Посмотреть профиль Найти все сообщения от narKotik
 
Регистрация: 24.12.2014
Сообщений: 4

Сообщение от krutoy Посмотреть сообщение
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
Ответить с цитированием
  #6 (permalink)  
Старый 25.12.2014, 13:59
Профессор
Посмотреть профиль Найти все сообщения от krutoy
 
Регистрация: 09.11.2014
Сообщений: 610

narKotik,
У меня щас сервака нет, чтобы протестировать, чуть позже отвечу. Но смысл и логика там та же самая, просто регекпы и группировка другие.
Ответить с цитированием
  #7 (permalink)  
Старый 25.12.2014, 14:18
Новичок на форуме
Отправить личное сообщение для narKotik Посмотреть профиль Найти все сообщения от narKotik
 
Регистрация: 24.12.2014
Сообщений: 4

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



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Блокирование интерфейса. Добавление нового элемента vychmat Элементы интерфейса 5 20.03.2014 15:04
Использование классов в JavaScript devote Ваши сайты и скрипты 70 01.02.2013 17:17
Добавление нового select maratmm Элементы интерфейса 6 15.08.2012 11:10
Добавление нового option addask AJAX и COMET 4 31.03.2011 09:15
Динамическое добавление нового option в form artwalek Элементы интерфейса 19 24.04.2009 17:42