Подгрузка различных таблицей стилей в зависимости от разрешения экрана

Тема в разделе "WebAsyst", создана пользователем Greyz, 28 июн 2010.

Статус темы:
Закрыта.
Модераторы: mdss
  1. Greyz

    Greyz

    Регистр.:
    2 авг 2007
    Сообщения:
    305
    Симпатии:
    14
    Смысл проблемы. Есть картинка, оооочень плохо отображаемая при низком разрешении. Нужно, чтобы она не растягивалась, не обрубалась, а под каждое разрешение выводилась своя.
    Нашел здесь в ветке:
    http://www.nulled.ws/showthread.php?t=106207

    <script language="JavaScript" type="text/javascript">
    var height=0;
    var width=0;
    if (self.screen) {
    width = screen.width
    height = screen.height
    }
    else if (self.java) {
    var jkit = java.awt.Toolkit.getDefaultToolkit();
    var scrsize = jkit.getScreenSize();
    width = scrsize.width;
    height = scrsize.height;
    }
    if (width == 800 && height == 600) {
    document.write("<link rel='stylesheet' type='text/css' href='800x600.css'>");
    }else if(width == 1024 && height == 768){
    document.write("<link rel='stylesheet' type='text/css' href='1024х768.css'>");
    }
    </script>

    Но теперь встал вопрос - В каком файле изменить обычную загрузку на загрузку с этим скриптом. Смотрел индекс.пхп - пути очень запутанны. Смотрел файлы темы - там тоже ничего не нашел, хотя думаю там где-то.

    P.S. Заранее Спасибо!
     
  2. Greyz

    Greyz

    Регистр.:
    2 авг 2007
    Сообщения:
    305
    Симпатии:
    14
    Сам спросил, сам отвечаю...
    Сначала нашел main.css - он конечно же хранился в папке с темой, но он мне нужен не был как таковой - в него яву я запихнуть не могу. Позднее нашел frame.html (/published/SC/html/scripts/templates/frontend). Он и отвечает за основную структуру страницы (может это и написано в мануале шоп-скрипта, но я подобного не нашел). Дальше случилась ещё одна неожиданная вещь - при выводе страницы упорно обрубался Ява скрипт (всё что в фигурках терлось, и не отображалось), почему трется не знаю. Решение оказалось простым - засунул код в res.js и сделал на него ссылку в frame.html. Вуаля! Теперь при различном разрешении подгружаются различные main.css, настроенные под свою высоту и ширину каждый соответственно.
    Код самого скрипта с разрешением:
    вставка в frame.html:
    <script type="text/javascript" src="/published/publicdata/ADMINSHOP/attachments/SC/themes/aqua/res.js"></script>
    содержание файла res.js:
    var height=0;
    var width=0;
    if (self.screen)
    {
    width = screen.width;
    height = screen.height;
    }
    else if (self.java)
    {
    var jkit = java.awt.Toolkit.getDefaultToolkit();
    var scrsize = jkit.getScreenSize();
    width = scrsize.width;
    height = scrsize.height;
    }
    if (width == 1024 && height == 768)
    document.write("<link rel='stylesheet' href='/published/publicdata/ADMINSHOP/attachments/SC/themes/aqua/main1024.css' type='text/css'>");
    else if(width == 1280)
    document.write("<link rel='stylesheet' href='/published/publicdata/ADMINSHOP/attachments/SC/themes/aqua/main1280.css' type='text/css'>");
    else if(width == 1400 && height == 1050)
    document.write("<link rel='stylesheet' href='/published/publicdata/ADMINSHOP/attachments/SC/themes/aqua/main1400.css' type='text/css'>");
    else if(width == 1680 && height == 1050)
    document.write("<link rel='stylesheet' href='/published/publicdata/ADMINSHOP/attachments/SC/themes/aqua/main1680.css' type='text/css'>");
    else if(width>=1800)
    document.write("<link rel='stylesheet' href='/published/publicdata/ADMINSHOP/attachments/SC/themes/aqua/main1800.css' type='text/css'>");
    else
    document.write("<link rel='stylesheet' href='/published/publicdata/ADMINSHOP/attachments/SC/themes/aqua/main1024.css' type='text/css'>");
     
Статус темы:
Закрыта.