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 определить тип, а дальше уже медиа запросами. Я думаю это оптимальный вариант.

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

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

15 701 UAH

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

Javascript та TypescriptВеб-програмування ∙ 52 хвилини тому ∙ 16 ставок

Ведучий програмний інженер / Старший бекенд-інженер (Laravel / AWS / Автоматизація)

Ми шукаємо досвідченого ведучого програмного інженера / старшого бекенд-інженера, щоб приєднатися до нашої команди для проекту в сфері охорони здоров'я. Проект зосереджений на покращенні існуючої платформи шляхом створення автоматизації бізнес-процесів, розробки нової…

PHPВеб-програмування ∙ 1 година 19 хвилин тому ∙ 13 ставок

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

6500 UAH

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

HTML та CSS верстанняВеб-програмування ∙ 3 години 7 хвилин тому ∙ 25 ставок

Проблеми з відображенням текстур 3D файлів на Sketchfab

700 UAH

Підкажіть чому в мене не відображаються текстури 3D файлів та при завантаженні їх на Sketchfab в мене білі стіни? Таке відбувається у будь-якому файлі blend,fbx,glb, я працюю у Blender, версії 5.0. Я вже натискала на Pack resources або Make of paths absolute/relative, але все…

3D моделювання та візуалізаціяВеб-програмування ∙ 14 годин 13 хвилин тому ∙ 5 ставок

Онлайн урок

"Шукаю технічного спеціаліста / програміста для налаштування короткого онлайн-уроку для сфери косметології в США (штат Іллінойс). Потрібно завантажити текст/відео на готову платформу (Teachable або аналог / або простий WordPress) та налаштувати захист: блокування переходу до…

Веб-програмування ∙ 17 годин 24 хвилини тому ∙ 23 ставки

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