Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.07.2018, 19:42
Новичок на форуме
Отправить личное сообщение для Павел71 Посмотреть профиль Найти все сообщения от Павел71
 
Регистрация: 03.07.2018
Сообщений: 3

Условие в зависимости от ширины браузера
Необходимо прописать условие при котором меняется част html кода.
Т.е. при ширине браузера менее 768 px необходимо прописать в шаблоне
Код:
<div>
, в остальных случаях прописать
Код:
<a href="#list" class="all_view"  data-uk-toggle="{target:'#spisok'}">Смотреть весь список</a><div  id="spisok" class="uk-hidden">
@media screen не подходит поэтому прошу помощи здесь, к сожалению сам в 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>
Ответить с цитированием
  #2 (permalink)  
Старый 04.07.2018, 01:01
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

объект screen это текущее разрешение монитора или экрана мобильного устройства
вам подойдет условие
if (innerWidth <= 768)


и вот в этой части у вас ошибка, одинарные кавычки в одинарных кавычках
data-uk-toggle="{target:'#spisok'}">
Ответить с цитированием
  #3 (permalink)  
Старый 04.07.2018, 10:02
Новичок на форуме
Отправить личное сообщение для Павел71 Посмотреть профиль Найти все сообщения от Павел71
 
Регистрация: 03.07.2018
Сообщений: 3

О даааа! Теперь все работает . Спасибо большое за помощь !!!
Ответить с цитированием
  #4 (permalink)  
Старый 04.07.2018, 10:25
Новичок на форуме
Отправить личное сообщение для Павел71 Посмотреть профиль Найти все сообщения от Павел71
 
Регистрация: 03.07.2018
Сообщений: 3

Вот такработает
<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>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Разное количество картинок в зависимости от ширины окна Vl@dimir Элементы интерфейса 0 15.02.2017 09:07
Параметр width в зависимости от ширины браузера skymakc Элементы интерфейса 3 19.04.2014 16:03
Высота блока в зависимости от высоты браузера andreykor Общие вопросы Javascript 4 23.05.2011 09:56
Динамическое получение ширины и высоты окна браузера Esseron Элементы интерфейса 2 04.04.2011 16:00
Добавление нужного css-файла в html страницу в зависимости от ширины окна браузера UglyDemon Общие вопросы Javascript 1 24.12.2010 10:30