Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 583 Просмотров
*

Pashtetdiz

  • Захожу иногда
  • 175
  • 4 / 0
Нужна помощь в javascript
« : 03.07.2018, 16:24:16 »
Всем доброго дня. Извиняюсь что не совсем по теме). Необходимо прописать такое условие, при котором вставлялся бы нужный div с селекторами при изменение ширины браузера. Попробовал  через  javascript, но что-то не выходит. Подскажите, в чем может быть ошибка?
Код
<script type="text/javascript">
if (screen.width <= 768){
   document.write('<div>');
}
else
{
 document.write ('<a href="#list" class="all_view"  data-uk-toggle="{target:'#spisok'}">Смотреть весь список</a><div  id="spisok" class="uk-hidden">');
}
</script>
*

fbr

  • Завсегдатай
  • 1625
  • 189 / 7
Re: Нужна помощь в javascript
« Ответ #2 : 03.07.2018, 23:03:42 »
Судя по классу uk-hidden, у вас шаблон на UiKit
Там без всяких скриптов можно юзать классы uk-visible-small, uk-hidden-small
смотрите документацию
*

icom

  • Давно я тут
  • 830
  • 202 / 4
Re: Нужна помощь в javascript
« Ответ #3 : 03.07.2018, 23:33:27 »
и скобки не экранированы
document.write ('<a href="#list" class="all_view"  data-uk-toggle="{target:\'#spisok\'}">Смотреть весь список</a><div  id="spisok" class="uk-hidden">');
*

Pashtetdiz

  • Захожу иногда
  • 175
  • 4 / 0
Re: Нужна помощь в javascript
« Ответ #4 : 04.07.2018, 10:42:43 »
Судя по классу uk-hidden, у вас шаблон на UiKit
Там без всяких скриптов можно юзать классы uk-visible-small, uk-hidden-small
смотрите документацию
Да, так оно и было сделано в начале, но только этот вариант не подошел в моем случае
и скобки не экранированы
document.write ('<a href="#list" class="all_view"  data-uk-toggle="{target:\'#spisok\'}">Смотреть весь список</a><div  id="spisok" class="uk-hidden">');
Спасибо поправил, как и screen.width на window.innerWidth
В итоге вот в таком виде вроде работает
Код
<script type="text/javascript">
if (window.innerWidth <= 768){
   document.write('<div>');
}
else
{
 document.write ('<a href="#list" class="all_view"  data-uk-toggle="{target:\'#spisok\'}">Смотреть весь список</a><div  id="spisok" class="uk-hidden">');
}
</script>
Всем спасибо за помощь и участие! :D
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Нужна помощь и руководство

Автор ArtColyer

Ответов: 3
Просмотров: 558
Последний ответ 27.01.2024, 17:14:58
от web1
Странная хрень происходит, нужна помощь!

Автор RicoID

Ответов: 17
Просмотров: 15253
Последний ответ 08.11.2023, 09:37:38
от Kivlov
Обучение и помощь с сайтами на Joomla

Автор 1Ksenia

Ответов: 1
Просмотров: 442
Последний ответ 02.09.2022, 13:44:25
от darkghost
Нужна срочная помощь

Автор Stasweb

Ответов: 1
Просмотров: 492
Последний ответ 18.08.2022, 18:55:08
от NewUsers
Нужна помощь. Оплачу в пределах разумного.

Автор Ponu4

Ответов: 0
Просмотров: 362
Последний ответ 10.04.2022, 10:11:38
от Ponu4