Активные кнопки

Может кому-то пригодится

#1 4 апреля 2019 в 13:23
Всем привет,
У меня тут встала задача сделать кнопку активной после нажатия (переходе), классами CSS решить задачу не получилось, на форуме тоже ни чего дельного не нашел…
Нарыл в просторах такое решение:
  1.  
  2. <script type="text/javascript">
  3. try{
  4. var el=document.getElementById('msgText').getElementsByTagName('a');
  5. var url=document.location.href;
  6. for(var i=0;i<el.length; i++){
  7. if (url==el[i].href){
  8. el[i].className += ' act';
  9. };
  10. };
  11. }catch(e){}
  12. </script>
  13.  
В моем коде это выглядит так:


На сайте это выглядит так:


Возможно это кому то поможет, так как повторюсь, я на форуме не смог найти решения))))

P.S. Я не притендую на правильнось этого решения. Но это единственное что мне помогло)))
#2 4 апреля 2019 в 14:09

классами CSS решить задачу не получилось

@stich

очень не правдоподобное утверждение...

если это pills-menu, проблем быть не должно
в стандартном шаблоне .content_datasets ul .active
  1.  
  2. .content_datasets ul .active {
  3. background: none;
  4. color: #34495e;
  5. padding: 0;
  6. }
  7.  
#3 4 апреля 2019 в 14:31

очень не правдоподобное утверждение...

Дмитрий Баринов

Я же и не говорил, что это не возможно… Я говорю о том, что у меня не получилось… скорее всего я просто что то делал не так… И единственным для меня решением оказалось то, что я написал выше… (я больше вам скажу, я даже понятия не имею, как работает и что означает, то что я сюда скинул) Мне был важен результат и достиг его я именно этим путем)))
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.