Switch to English?
Yes
Переключитись на українську?
Так
Переключиться на русскую?
Да
Przełączyć się na polską?
Tak
Розмістіть свій проєкт безплатно та почніть отримувати пропозиції від фрилансерів-виконавців уже через хвилини після публікації!

Вывод чанка MODX в зависимости от ширины монитора

Веб-програмування

Опублікувати схожий проєкт
  • Профіль видалено
    5 серпня 2018, 8:41 |

    При помощи php нет возможности определить ширину экрана. 

    Только мобильный браузер или десктопный
  • Микола В.
    5 серпня 2018, 9:04 |

    Я так полагаю можно через ajax запросы, сделать вывод нужного блока. 
  • Юрий Александрович
    5 серпня 2018, 9:06 |

    Здравствуйте. Вам виднее
  • Профіль видалено
    5 серпня 2018, 9:13 |

    Через аякс не получиться, так как контент не будет проиндексирован поисковиком... Я думаю что нужно дорабатывать мобайлДетект таким образом чтоб возвращалось true на запрос вида 

    {if '320' | mobiledetect}

    вот такая ситуация, вариант, вас устроит?
  • Юрий Александрович
    5 серпня 2018, 9:15 |

    Я в этом не силен) мне главное чтобы работало и индексировалось поисковиком)
  • Профіль видалено
    5 серпня 2018, 9:20 |

    так а почему не установите просто мобайлДетект, или проверка должна быть строго по ширине в пикселях? дело в том что эта библиотека проверяет браузер по загаловкам которы тот, браузер, отправляет во время запроса страницы вот и все... тоесть есть 3 варианта моб, планш и комп, а вам я так понял нужны варианты строго в пикселях или в диапазонах размеров ширины..
  • Юрий Александрович
    5 серпня 2018, 9:24 |

    Да, строго в пикселях. Например, у планшета может быть расширение очень разное, например у одного будет 1280+ у другого 1024, зачем мне показывать к примеру узкую версию с 1024 для 1280+, если для 1280+ я могу показать красивую ПК версию... как то так)
  • Профіль видалено
    5 серпня 2018, 9:28 |

    хорошо, если к примеру моб. и меняется ориентация в пространстве? то как тогда?

    и припишите запланированные размеры? или какими предполагаете пользоваться.. + вы установили себе плагин на сайт? он работает в ключе моб. + планш. + комп ?
  • Юрий Александрович
    5 серпня 2018, 9:38 |

    Мне главное один раз перестроить чанки. Тоесть вывести нужный чанк с новой html структурой на определенном расширении экрана (например на 1200, 960 или 800, на каком то одном) а дальше стилями через CSS @media screen, а чанк для ПК версии скрыть (чтобы его вообще в исходном коде небыло).  Не совсем понял - (+ вы установили себе плагин на сайт? он работает в ключе моб. + планш. + комп ? )
  • Профіль видалено
    5 серпня 2018, 9:43 |

    Это про mobile detect. 

    Он считывает заголовок который отсылает браузер, и определяет тип браузера.  Браузер для пк или для планшета или для смартфона
  • Профіль видалено
    5 серпня 2018, 10:46 |

    "Мне главное один раз перестроить чанки. Тоесть вывести нужный чанк с новой html структурой на определенном расширении экрана (например на 1200, 960 или 800, на каком то одном) а дальше стилями через CSS.., а чанк для ПК версии скрыть (чтобы его вообще в исходном коде небыло). "

    - как раз это и делает скирпт мобайлДетект который вы можете прямо использовать по назначению


    {if 'standard' | mobiledetect}
[[$chnk_desc]]
{/if} 
{if 'tablet' | mobiledetect}
[[$chnk_tablet]]
{/if} 
{if 'mobile' | mobiledetect}
[[$chnk_mob]]
{/if}
  • Юрий Александрович
    5 серпня 2018, 10:51 |

    Нет,  это не то. Как я и писал ранее, к примеру хоху перестроить чанк для экрана 1024 и ниже,  а если задам tablet то он мне может показать этот контент и для экранов меньше 1024 и для экранов больше 1024... а нужно к примеру только 1024 =<
  • Профіль видалено
    5 серпня 2018, 9:17 |

    Php не может определять ширину экрана. 

    Мобайл детект считывает заголовок который передает браузер. 

    Ширину неопределить
  • Профіль видалено
    5 серпня 2018, 9:22 |

    А кто вам мешает переписать скрипт, дописать к заголовкам размер в пикселях + вернуть не булев тип а массив с юзер агентом и шириной этого девайса?
  • Профіль видалено
    5 серпня 2018, 9:34 |

    Это каким образом вы заставите браузеры передавать ширину экрана?
  • Профіль видалено
    5 серпня 2018, 10:39 |

    не заставлять браузер передавать ширину, не получиться, а дописать ширину самому в зависимости от юзер агента в класс детектера
  • Юрий Александрович
    5 серпня 2018, 10:53 |

    Вы сомжете сделать таким способом как описываете?
  • Профіль видалено
    5 серпня 2018, 11:00 |

    Я как раз думаю над этим, и возможностью реализации, дописать размеры можно к детектору, а вот какие именно, нужно проверять устройства на передаваемый заголовок юзер агента и реальную ширину экрана, тоесть если размер экрана идет для планшета, то дальше нужно раскинуть 1024 это или 960 или 800. я правильно вас понимаю? 
  • Профіль видалено
    5 серпня 2018, 11:03 |

    Ширина экрана в заголовке котлрый отправляет  браузера нет.  И не будет. 

    Ширину может получить толь js который выполняется при открытии страницы
  • Юрий Александрович
    5 серпня 2018, 11:05 |

    Например. Зашел человек с ipad 1 в альбоме (это 1024) а мы прописали условие что

    {if '1204' | mobiledetect}
[[$chnk_1024]]
{/if}

    и ему вывелся чанк с содержимым для 1024, больше он переопределяться не будет, тоесть дальше уже не будет условий для этого чанка для экрана 960 и 800. Один раз только будет глобальная перестройка чанка
  • Юрий Александрович
    5 серпня 2018, 11:07 |

    прописали условие для 1024 и значит что этот чан будет показываться на экранах 1024 и ниже (до самого минимального).
  • Профіль видалено
    5 серпня 2018, 11:10 |

    Условие будет как проверка, с планшета смотрят или нет. Если с планшета то один чанк если нет то другой
  • Юрий Александрович
    5 серпня 2018, 11:08 |

    Или например зашел человек с планшета в портрете (768) и мы к примеру прописали условие для экранов 768 и ниже, но если он сменил ориентацию в таком случае в альбомную (1024), то уже ему выводится стандартный чанк для ПК
  • Профіль видалено
    5 серпня 2018, 11:12 |

    Так работать не будет.

    Mobail detect определяет тип: планшет смартфон. При повороте смарфона он в планшет не превратится
  • Профіль видалено
    5 серпня 2018, 11:00 |

    Откуда вы возмете ширину. Браузер такое не передает и никогда не передавал в заголовках. Не выдумывайте того чего нет
  • Профіль видалено
    5 серпня 2018, 11:14 |

    Самое простое перестраивать как надо при помощи css. На ваших скринах не видно что там какойто сложный вид
  • Юрий Александрович
    5 серпня 2018, 11:18 |

    Есть в разы сложнее, особенно шапки... css то никак колонок местами не поменяет при необходимости...
  • Профіль видалено
    5 серпня 2018, 11:22 |

    Ну а то что вы хотите, это невозможно. 

    Только разные чанки для пк планшета и смартфона. Не учитывая ширину. 

    Либо при загрузки страницы отправлять ajax запрос в спец файл, который в сесию или куки запишет ширину экрана. 

    И проверять при выводе чанка какая ширина записана и выводить то что нужно
  • Профіль видалено
    5 серпня 2018, 11:21 |

    Только двойной релоад с установкой куки с шириной экрана. Далее через феном ловить куку и выводить нужный чанк. Это единственый вариант. Двойной релоад происходит 1 раз, если кука отсутствует. Как это будет работать с роботами - хз.
  • Olexandr Karakai
    5 серпня 2018, 19:00 |

    Mobail detect определить тип, а дальше уже медиа запросами. Я думаю это оптимальный вариант.

Актуальні фриланс-проєкти в категорії Веб-програмування

Прискорення роботи сайту (оптимізація коду)

2000 UAH

1. Потрібно зробити аналіз сайту і зробити оптимізацію коду для швидкого завантаження сайту. 2. Зробити аналіз сайту на помилки, і виправити їх.

Веб-програмування ∙ 2 години 32 хвилини тому ∙ 42 ставки

Переїзд з Хостингу на Інший

Доброго дня Планую перенести сайт з хостингу україна на hosting.works. Та також потрібно налаштувати, правило що якщо трафік з якогось ip більше наприклад чим 100 запитів в день, то потрібно блокувати.

CMS,  Веб-програмування ∙ 6 годин 6 хвилин тому ∙ 65 ставок

Створення вебсайту для агентства з працевлаштування

50 000 UAH

Ми — агентство з працевлаштування, і ми шукаємо досвідченого веб-розробника для створення сучасного та зручного сайту. Хочемо, дати кандидатам самостійно запропонувати свою ціну за послугу. Тому ми шукаємо фахівця, який має досвід в індивідуальній розробці . Бюджет і терміни…

Веб-програмування ∙ 6 годин 56 хвилин тому ∙ 100 ставок

Розробник ігор Pixi.Js

15 701 UAH

Шукаємо розробника Pixi.js для створення серії з 12 міні-ігор. Проекти прості у реалізації, і при впевненій роботі розробка однієї гри займає не більше тижня. Необхідно реалізувати фронтенд та ігрову математику, без розробки бекенду. Ігри будуть схожі за структурою, але з…

Javascript та Typescript,  Веб-програмування ∙ 7 годин 54 хвилини тому ∙ 34 ставки

Покращення СR конверсії сайту

6500 UAH

Покращення СR конверсії сайту. Задачи по ТЗ https://docs.google.com/document/d/1Y7zipbe2IEnFpthYuheAr6QA_50aR2Fz8V14rp5NpNo/edit?usp=sharingКнопка BOOK NOWфото / відеокороткий текстІ ОДРАЗУ форма бронюванняфіксованою (sticky)повторюватися кожні 1–2 блокиоднакового кольору…

HTML та CSS верстання,  Веб-програмування ∙ 10 годин 9 хвилин тому ∙ 30 ставок

Замовник
Проєкт опублікований
7 років тому
135 переглядів
Мітки
  • MODX
  • web разработка
  • сниппеты