Здесь описана работа с демонстрационной страницей виджета - особенности, состав, способ включения. --Горячев Д.Б., 08.2011 -------------------------------------------------------------------------------- (Требования по ТЗ не указаны - они видны из реализованной функциональности.) (Приложены скриншоты из разных браузеров.) (Проверялось только под Win на всех бр-рах, кроме IE9, которого не было под рукой. (В IE6 полностью разваливается.) ) Особенности реализации. ----------------------- IE7-8 работает; не поддерживается скругление углов. FF3.6-5 имеет особенность - обрезание до троеточий не на границах букв, в связи с отсутствием нужной функциональности в этом браузере. Остальные этот механизм поддерживают (свойство text-overflow: ellipsis или аналоги). Подсказки урезанных названий по наведению мыши - не title, а более качественные дивы. Файлы, необходимые для работы (все лежат в архиве). --------------------------------------------------- Данные: \js\index.csv \js\xml.xml Рисунок (лого): \js\fomLogoMini.gif Сторонние скрипты: \js\jquery.js \js\highcharts.js \js\jquery.tmpl.js \js\xml2json.js Скрипт и стили виджета: \js\widgetFomIndexes.js \js\widgetFomIndexes.css Возможности, сделанные сверх ТЗ, без полной проработки. ------------------------------------------------------- * Настройка виджета через панель настроек (удобно для исследования возможностей и расширения их); * Регулирование ширины бордюра 0-2 px; * Регулирование числа строк в списке - от 1 до 7-8; * режим использования верхнего чёрного пространства (кнопки прокрутки - на графике); * режим удаления малозначащей шкалы дат * случайный выбор начального графика. Все эти возможности устанавливаются через стартовую панель настроек. Но НЕ ВСЕ настройки, видимые на панели настроек, реализованы - это экспериментальная форма. Способ включения. ----------------- Если просто распакован архив и страница widgetFomIndexes-11.htm открыта в браузере, виджеты будут работать из тестовых данных, взятых в widgetFomIndexes.js . Если страница открыта через сервер (например, http://localhost/test/widgetFomIndexes-11.htm), данные будут подгружаться по AJAX из 2 файлов, размещённых в папке js/ (например, http://localhost/test/js/ ). При открывании указанной страницы в допустимом браузере (IE7+ и остальные) будут видны 3 формы настроек с кнопками "Создать" и 2 формы виджетов - первая - работающий виджет (должен анимированно отрисоваться график), вторая - просто неработающий макет, оставленный для демонстрации и разработок. При клике на одну из кнопок "создать" неработающий макет и виджет под панелью настроек - удаляются, и под выбранной панелью настроек отрисуется новый виджет. Менять настройки перед запуском - в соответствии с пунктом "Возможности, сделанные сверх ТЗ".