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

Pashtetdiz

  • Захожу иногда
  • 174
  • 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

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

icom

  • Давно я тут
  • 808
  • 193 / 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

  • Захожу иногда
  • 174
  • 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
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Помощь в настройке модуля на Joomla 3, подпрыгивает страница вверх

Автор black_vlad_ik1

Ответов: 0
Просмотров: 62
Последний ответ 13.11.2018, 19:55:37
от black_vlad_ik1
Нужна помощь в настройке шаблона, стиль срабатывает для всего ряда. Joomla Blog

Автор black_vlad_ik1

Ответов: 2
Просмотров: 93
Последний ответ 12.11.2018, 17:26:50
от black_vlad_ik1
Нужна помощь с определением "фонящего" плагина

Автор tatiyana142800

Ответов: 47
Просмотров: 553
Последний ответ 17.10.2018, 16:20:18
от NewUsers
Нужна помощь

Автор таша

Ответов: 1
Просмотров: 74
Последний ответ 04.10.2018, 19:31:15
от effrit
Помощь по установки картинки на сайт

Автор RaMzEs1997

Ответов: 2
Просмотров: 199
Последний ответ 25.09.2018, 08:08:00
от Mick_20