Проучване - Dev, Blog Archive, Създаване на джаджа за opera
Създаване на джаджа за опера
Widgets на Opera. Направи го сам.
Като заключение, chrome дава възможност за създаване на добавки, които взаимодействат с, модифицират и подобряват интерфейса на firefox. За операта няма такава възможност. Ако погледнете списъка с повече от 900 уиджета, публикуван на официалния уебсайт, ще видите, че в по-голямата си част те са от един и същи тип и представляват нещо като „прозорец, който показва новини от сайт x“ или „прозорец, който показва десетте най-добри шеги от сайт y“. Няма такова разнообразие от функционалности като firefox. Въпреки че избрах пет джаджи за себе си: функции 3d - джаджа, която показва графика на функцията z=f (x, y), нещо като мини mathcad, преводач на текст - когато го мързи да стартирате lingvo, touchthesky - свежи прогнози за времето на работния плот, ScreenRuler - много добро решение за уеб дизайнери, служи за оценка на размера и местоположението на елементите на уеб страница.
Widget е технически обикновен zip файл, официалната документация препоръчва разширението на файла да бъде „wdgt“, но докато не го качите на opera.com, е по-добре да игнорирате тази препоръка. На моята локална машина wdgt файловете не се възприемаха от opera като widget файлове и нямаше проблеми с zip разширението. Вътре в архива са всички файлове, необходими за работата на джаджата:
HTML документ – тази страница е основата (скелета) на уиджета. Това е, което виждате на вашия работен плот. Интересното е, че не само html документ, но и svg, xml файлове могат да се използват като основа. От особен интерес е възможността да се използва флаш приложение като скелет, за съжаление не постигнах успех в това, така че след вмъкване на флаш филм страницата на джаджата стана бяла ине реагира на мишката. Въпреки че на официалния сайт http://widgets.opera.com/ има уиджети, които използват флаш инструменти, ще приемем, че съм допуснал грешка някъде.
Следващите части на джаджата са набор от изображения, javascript файлове и css файлове, към които ще се отнася основният ни документ.
Първата ни джаджа е калкулатор в четири стъпки. Нека започнем разработването му, като създадем конфигурационен файл. Този файл трябва да е в xml формат и изглежда така:
Ето изходния код на css stylesheet. Маркирах началото на css селекторите с удебелен шрифт и началото на функциите също беше подчертано за javascript файла по-долу.
Тези четири файла, заедно с файла с икони calc_style.css, config.xml, index.html, logic.js, mark_4.gif, трябва да бъдат поставени в zip архив. Ако го отворите по някакъв начин в браузъра Opera, на работния плот ще се появи нов плаващ прозорец с калкулатор и нов елемент „Super Duper Calc“ ще бъде добавен към менюто с джаджи. След като си поиграете достатъчно с него, премахнете джаджата, като използвате менюто „Widget -> Управление на джаджи". Резултатът от работата е показан на екранната снимка. Всички изходни текстове на примерите са достъпни на http://black-zorro.jino-net.ru/opera_widgets/.
Следващия път ще ви покажа как да създадете втори прозорец на джаджата - прозорец с настройки, както и техниката на асинхронни повиквания, която е един от крайъгълните камъни на ajax технологията. Като по-функционален пример, ще опитаме джаджа, взаимодействаща с блог сървър, да речем livejournal или блогър.