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

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

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

icom

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

Нужна помощь

Автор RaidKill

Ответов: 0
Просмотров: 52
Последний ответ 04.09.2019, 12:49:50
от RaidKill
Нужна помощь по AMP страницам

Автор Stasweb

Ответов: 0
Просмотров: 105
Последний ответ 20.05.2019, 09:45:16
от Stasweb
Нет отображается Javascript

Автор timboxing

Ответов: 22
Просмотров: 363
Последний ответ 01.02.2019, 11:49:00
от timboxing
Нужна помощь профи Joomla

Автор tats777

Ответов: 7
Просмотров: 398
Последний ответ 11.01.2019, 17:54:08
от beliyadm
Нужна помощь в настройке адаптации шаблона Blue-Point к мобильным устройствам

Автор kungurskiy

Ответов: 22
Просмотров: 561
Последний ответ 10.01.2019, 12:15:44
от kungurskiy