Tag: JavaScript



Для периодического обновления изображения формируемой модели на странице требуется формирование изображения по запросу и возвращение его в потоке.

Как это делается, описано, например, по ссылке http://phpclub.ru/detail/article/dynamic_image.

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






Разработка страницы редактирования модели подошла к тому моменту,  когда нужно передавать большое количество информации на сервер. .. continue reading ..






Здесь (http://easywebscripts.net/javascript/slider.php) найден класс, реализующий слайдер на HTML-странице. .. continue reading ..






В данной статье с Хабрахабра (http://habrahabr.ru/blogs/javascript/59761/) рассматривается теория и практива прототипирования в JavaScript и организации прослушивания методов и “обертывания” их своими процедурами.

Но это все же не слушатель события. О последнем  можно почитать хотя бы здесь: http://www.jstoolbox.com/2008/01/25/krossbrauzernaya-rabota-s-sobytiyami/

Здесь рассматриваются некоторые переменные, часто используемые при обработке событий.






Найденная при просмотре различных сайтов библиотека элементов управления для HTML-страниц (найдено тут и там еще много-много разных вкусных плагинов рассмотрено, страница разработчика – тут) впечатляет своими возможностями.

Однако необходимо еще проверить, что из этого богатства доступно за бесплатно.






На сайте РеалКодинг (http://www.realcoding.net/sources?page=2) найден весьма эффектный jQuery-элемент TreeGrid

Сайт разработчиков: http://www.treegrid.com/treegrid/www/

Имеется бесплатная версия (core only), пробная версия и платные (от 200 до 5600 USD)

—————————————————————————————————————

Плагин, конечно, эффектный, но цена…

По ссылке http://www.trirand.com/blog/ плагин jqGrid, несомненно, гораздо более простой, но зато бесплатный.

Возможно, ему найдется место на страницах моих сайтов. Например, для редактирования моделей в FEM-сервисе

А вот тут – обширная подборка разных Datagrid-плагинов.

Ну и это достойно более подробного изучения.






В поисках плагинов для отображения статистической информации натолкнулся на пост журнале “Код мое имя“, где приведен – довольно убого оформленный – пример использования библиотеки Sparkline

На сайте разработчиков http://www.omnipotent.net/jquery.sparkline/ имеется документация на английском языке. Если руки дойдут до применения библиотеки в своих страницах, то читать следует  там…






В поисках идей для реализации панорамирования в окне модели для онлайн-сервиса расчетов МКЭ, нашел на Хабрахабре ссылку на следующую статейку:

http://javascript.ru/ui/draganddrop

Механизм интересный, но …

Перетаскиваемому элементу присваивается значение position: absolute, что нарушает позиционирование перетаскиваемого элемента  относительно контейнера и отключает эффект overflow: hidden (выходящие за границы контейнера части элемента не отсекаются).

Я попробовал подавить это переключение, что удалось без труда (закомментирована соответствующая строка). Однако вылез побочный эффект – реализованный в скриптах расчет текущей позиции перестал выдавать правильные результаты. Перебор различных вариантов определения позиции указателя мыши помог найти более-менее работоспособную комбинацию, однако все найденные варианты сопровождаются дерганием элемента – видимо, при назначении новых координат элементу происходит генерация события MOUSEMOVE и соответственно рекурсивный пересчет позиций.

Дальнейший поиск привел к варианту реализации drag’n'drop на базе функционалитета jQuery:

http://codeismy.name/gotovye-skripty/plavayushhie-peretaskivaemye-okna-na-jquery/

здесь отрисовка происходит плавно. Увеличение размера страницы за счет довольно объемного кода не должно смущать – все равно jQuery, видимо, понадобится для обновления модели без перезагрузки страницы






По ссылке http://raphaeljs.com/index.html доступна библиотека Raphael, позволяющая выполнять рисование на HTML-странице, а также различным образом манипулировать изображениями.

Хорошая основа для написания Online-клиента для Интернет-сервиса МКЭ-расчета.

Там же есть и небольшая библиотека для рисования графиков.

Еще неплохой обзор библиотек для динамической генерации графиков расположен по ссылке http://www.simplecoding.org/javascript-biblioteki-dlya-sozdaniya-grafikov.html.






Пока читаем учебник по ссылке 1, потом очередь дойдет и до других…

1) http://javascript.ru/tutorial/foundation/tools

2) http://docs.com.ru/js_1.php/

3) http://www.javascripter.net/jsintro/

4) http://www.bestfree.ru/book/webdesign/javascript.php

опять же Библия:

http://reslib.com/book/JavaScript__Bibliya_poljzovatelya