<![CDATA[Форум Firefox OS - русскоязычный форум по Firefox ОС — Статьи, советы, исходники]]> https://firefoxforum.ru/index.php Tue, 24 Mar 2026 10:32:20 +0000 PunBB <![CDATA[I am the new guy]]> https://firefoxforum.ru/viewtopic.php?id=299&action=new Любовь к веб-сайту -- действительно индивидуально дружелюбно и отличных предложений, чтобы увидеть! Посетите также мою страничку кредит под низкий процент получить расчет ипотечного платежа кредитные карты условия

]]> Tue, 24 Mar 2026 10:32:20 +0000 https://firefoxforum.ru/viewtopic.php?id=299&action=new <![CDATA[Just wanted to say Hi.]]> https://firefoxforum.ru/viewtopic.php?id=285&action=new Ого, ты уже пробовал платить криптой по QR-коду?
С криптой жизнь становится круче, согласен? Представь: ты в кафе, заказал сочный бургер, а вместо карты или налички просто сканируешь QR-код и — бац! — оплата ушла за секунду. Это новый уровень платежей, и я расскажу, как оно работает. Секрет мгновенной криптооплаты — QR!

Серьёзно, первый раз оплатил доставку криптой через QR, и это было будто я хакер. Больше не нужно вбивать кучу данных. Это реально затягивает, держу пари, тебе зайдёт.
Что за магия с QR-кодом?
Секрет прост: нужен кошелёк с QR-функцией. Скачай, например, Coinbase Wallet, или любое приложение, где есть сканер QR-кодов. В магазине или онлайн тебе показывают QR-код, ты его проверяешь, жмёшь «Оплатить», и готово! не зная адреса?

Самое крутое — это скорость. Плюс, это безопасно: QR-код шифрует данные, так что твои эфиры в надёжных руках. Я как-то оплатил доставку пиццы через QR, и всё прошло гладко, как по маслу!
Где это работает?
Платить криптой через QR можно уже в куче мест. Видел, как в сервисах всё чаще берут крипту по QR? Просто ищи значок крипты на кассе или спроси у продавца — они обычно в курсе. QR и крипта — решение для новичков

Онлайн это ещё проще: многие платформы добавляют оплату криптой через QR. Заходишь на сайт, выбираешь «Оплатить криптовалютой», сканируешь QR-код, и всё готово! Я недавно так купил игру — и это реально удобно.
Почему это круто?
Оплата криптой по QR-коду — это не только быстро, но и шаг в будущее. Забудь про лишние проверки — крипта и QR решают всё! А ещё это не светит твои финансы, что всегда плюс.
Честно, платить криптой через QR — это прям будто в игре! Сканируешь QR, подтверждаешь, и бац — ты уже на волне технологий! Рискни, и тебе точно зайдёт! Почему стоит платить криптой через QR-код

Готов попробовать?
Честно, оплата криптой по QR-коду — это будущее, и оно уже здесь! Сделай одну оплату через QR, и, спорим, ты не захочешь иначе? Бери телефон, попробуй оплатить — и делись впечатлениями!
А ты уже пробовал платить криптой по QR? Какой у тебя опыт?
Новичку о криптооплате по QR

]]> Thu, 12 Mar 2026 14:06:24 +0000 https://firefoxforum.ru/viewtopic.php?id=285&action=new <![CDATA[Как в 2026 получить на 40% больше заявок без роста рекламного бюджета]]> https://firefoxforum.ru/viewtopic.php?id=268&action=new Здравствуйте!

Знаю, как бывает: стараешься, вкладываешь в рекламу время и деньги ??, а результат всё равно не радует ??. Клиенты приходят нестабильно, бюджет уходит быстрее, чем хотелось бы, а конкуренты почему-то всегда на шаг впереди ???>?.

В 2026 году в России это знакомо многим — реклама в Яндексе стала дороже ??, органика в соцсетях почти не растёт без постоянной работы ??, а старые подходы уже не дают того же эффекта.

Я помогаю именно с такими ситуациями уже больше 7 лет ?????. Работаю с бизнесами в сфере товаров и услуг — клиниками, магазинами, производствами, сервисами — и вижу, что чаще всего проблема не в том, что «не везёт», а в том, что маркетинг работает разрозненно: Директ сам по себе, сайт отдельно, соцсети отдельно, карты заброшены, нет четкой аналитики и системы ведения бизнеса ??.

А только система даёт результат и преимущество в бизнесе ??.

Поэтому я за комплексный подход на основе особенностей и ситуации в Вашем бизнесе. Чтобы дальше бизнес получал клиентов более стабильно и без вашего ежедневного участия в настройках ???.

Что именно входит:

• Аудит и полная перестройка Яндекс.Директ (поиск + РСЯ + автостратегии) ?? Посмотрим, что сейчас работает, уберём неэффективные кампании, настроим умные стратегии — обычно это даёт заметно ниже цену трафика и больше целевых обращений ??

• Создание удобного лендинга или многостраничника, который действительно помогает конвертировать посетителей в заявки ?? С понятными формами, квизами, отзывами — чтобы люди не уходили, а оставляли контакты ??

• Запуск и сопровождение каналов в ТГ или Макс + чат-боты ?? Канал будет регулярно пополняться полезным контентом, а бот поможет быстро записывать клиентов (особенно удобно для услуг, клиник, салонов) ?? Это хорошо повышает повторные обращения ??

• Оформление и продвижение в Яндекс.Картах: красивый профиль, работа с отзывами ? Чтобы вас чаще находили локально и приходили заявки без большого бюджета на рекламу ???

• Ведение соцсетей — регулярный контент, сторис, общение с аудиторией ?? Не просто посты, а чтобы люди подписывались, доверяли и в итоге обращались ??

• Нейромаркетинг с ИИ: анализ вашей аудитории, помощь в создании креативов, текстов и персонализированных объявлений ?? ИИ сейчас хорошо помогает делать рекламу точнее и интереснее для людей ??

Аудит по Вашей ситуации проведу бесплатно ??, от Вас – только 20 минут времени для открытого диалога ??. Конкретно под Вас можем выбрать наиболее подходящие и эффективные инструменты.

Сейчас хороший момент начать: в 2026 году те, кто уже использует комплекс и ИИ, получают преимущество ?. А места у меня ограничены — беру не больше 5 проектов в месяц, чтобы каждому уделить внимание ??.

Если интересно — позвоните мне по тел +7 958 578 67 84 ?? или пишите в ТГ @alex_x_imp ??

Буду рад помочь разобраться и запустить то, что будет работать стабильно ??

С уважением, Алексей +7 958 578 67 84 | @alex_x_imp

]]> Sat, 07 Mar 2026 05:44:20 +0000 https://firefoxforum.ru/viewtopic.php?id=268&action=new <![CDATA[Разработка приложения для Firefox OS на реальном примере]]> https://firefoxforum.ru/viewtopic.php?id=92&action=new Активный участник нашего форума, юзер
Vladimir Sinotov
поделился ссылкой на полезную статью на Хабрахабре, я же для удобства скопирую её сюда:
Мобильные приложения созданные с помощью веб-технологий понемногу захватывают мир. Но создание таких приложений, под популярные платформы, связанны с кучей проблем — от неизвестных истории багов, зоопарка размеров экрана, до проблем с производительностью, которые не решаются просто переписыванием тонких мест.
Но к счастью, этот топик не будет наполнен обыденной трагедией разработки, подобных приложений. Поскольку сегодня, я покажу на реальном примере, как разрабатывать приложения под Firefox OS, которая поддерживает большую часть современных веб-технологий, и вообще говоря создана для них и благодаря им.
Рецепт
Для приготовления нам понадобиться:
0) Апи какого-нибудь сервиса, в нашем случае это ФотоФания (не сочтите за рекламу).
1) Angular js — в качестве основы
2) buildingfirefoxos.com/building-blocks/ — заготовки ui-блоков
3) jQuery и прочие либы по вкусу
0) Апи
Поскольку хочется показать реальное приложение, то и апи надо использовать реальное. ФотоФания это сайт с помощью которого из своих скучных сэлфи можно создать веселые фоточки. Так что нам, немного, придется работать с изображениями на клиенте (хотя основная работа будет происходить на сервере, разумеется).
1) Angular js
Angular хорош. Конечно у меня есть притенении к нему, с точки зрения производительности на мобильных девайсах, но он позволяет отстранится от рутинного кода, обновлений элементов и прочего, занимаясь только данными. Кроме того, приложение на Angular без особых усилий получается отлично структурированным.
2) Building Blocks
Building Blocks — это готовые элементы дизайна, взятые (частично) из исходников Gaia — UI прослойки Firefox OS. Эти заготовки не используют js, вся логика, которая там есть, реализована через псевдо-селекторы. При этом, весь код написан с помощью html5 элементов, и использует data-* атрибуты для обозначения роли блока.
Еще я заметил важную вещь — код Building Blocks работает быстрее и плавнее чем код, который я написал сам, как бы я не старался. По крайней мере, это касается списков. Возможно определённые элементы ускоряются нативно — не уверен насколько это правда. Так что по возможности пользуйтесь заготовками — они ускоряют разработку, делают приложение похожим на нативное и делают его плавнее.
3) jQuery и прочие
Вообще говоря, я бы с радостью избавился от jQuery, но он является зависимостью плагина для пинч-зума github.com/segdeha/jquery-pan-zoom. Подсадить плагин на Zepto не получилось. К счастью jQuery можно билдить из тех кусков которые вам нужны. Поэтому я беспощадно избавился от SIzzle и прочих ненужных в быту вещей.
Немного о структуре
Структуру приложения каждый использует какую хочет. В моем случае она похожа на
/build/ /build.js /build.css /scripts/ /vendors/ /controllers/ /services/ /.../ /app.js /dictionary.js /config.js /styles/ /helpers/ /variables.less /mixins.less /main.less /header.less /... /images/ index.html
Скрипты и стили билдятся с помощью grunt в реальном времени. А grunt release уже все минифицирует. Так же я использую grunt-angular-templates который все шаблоны превращает в js код, который так же добавляется в build.js
Первоначальная разметка страницы
<!doctype html> <html ng-app="PhotoFunia" ng-csp> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta charset="UTF-8"> <title>PhotoFunia</title> <link rel="stylesheet" href="build/build.css"/> </head> <body role="application"> <!-- Прелоадер, который показывается при старте. Я не выношу его в отдельный файл, в надежде что так будет быстрее--> <section ng-controller="PreloaderController"> <div id="preloader" ng-hide="preloaderHide"> <div class="preloader-content"> <div class="logo"></div> </div> </div> </section> <!-- Это наш дроуэр (меню) которое будет выдвигаться слева --> <section data-type="sidebar" ng-include="VIEWS.DRAWER"></section> <!-- Это наш контент. Не знаю почему у него id="drower" так нам сказал building blocks --> <section id="drawer" role="region" ng-view ng-class="{'menu-opened': drawerOpened}"></section> <!-- Это своеобраный toast для FF OS. http://buildingfirefoxos.com/building-blocks/status.html --> <section role="status" ng-controller="ToastController"> <p ng-if="text" ng-bind="text"></p> </section> <!-- Тут скрывается универсальный код для попапов --> <section ng-include="VIEWS.POPUP"></section> <script src="build/build.js"></script> </body> </html>
Важно
Думаю некоторые заметили ng-csp в элементе. Эта директива включает поддержку Content Security Policy — и это является обязательным, для создания приложения для Firefox OS. Кроме того, нам надо немного пропатчить сам angular!
Ищем в коде angular строчку window.XMLHttpRequest(); и заменяем на window.XMLHttpRequest({mozSystem: true});
А так же нам надо добавить руками в наши стили — вспомогательные стили angular.js. А именно — code.angularjs.org/1.2.16/angular-csp.css
Немного о js
Надо заметить, что я изначально пишу код на coffeescript, но буду вам показывать его javascript аналог. Возможно где-то всплывут неточности — тогда мы вместе их исправим.
Еще я надеюсь, что вы знакомы с angular и js достаточно хорошо, чтобы мне не останавливаться на каждом шагу. Иначе эту статью никто никогда в жизни не дочитает.
Мультиязычность
Наше приложение будет мультиязычным. Поэтому нам требуется словарь, его интерпретатор и какая-нибудь директива или фильтр, чтобы вставлять слова в код. Часто когда речь заходит об мультиязычности с помощью angular — всплывают какие-то фильтры, которые выглядят не очень приятно. Например нам предлагают писать так <div ng-bind="'header_search_title' | l10n"></div> меня это немного корежит — зачем вызывать каждый раз лишнюю функцию и писать такой неудобный код, если можно просто использовать словарь в глобал-скоупе, и обращаться к нему? Например так <div ng-bind="m.header.search.title"></div>. За всё время моей работы, такой способ меня не подводил. Давайте же его и реализуем.
Хочется чтобы он был любой вложенностью, поддерживал любое количество языков. Без проблем!
var DICTIONARY = { header: { search: { title: { ru: 'Поиск', en: 'Search' }, favorites: { ru: 'Избранное', en: 'Favorites' } } }, cancel: { ru: 'Отмена', en: 'Cancel' } };
Структура есть, теперь, чтобы не обращаться напрямую переменной (а не языку), надо написать небольшой парсер.
App.run(['$rootScope', function ($rootScope) { var lang = 'ru'; // тут должна быть какая-то логика smile $rootScope.m = (function() { var parse = function(obj, result) { result = result || {}; for (var key in obj) { var value = obj[key]; if (typeof value !== "object") return obj[lang]; result[key] = parse(value); } return result; }; return parse(DICTIONARY); })(); }]);
То есть мы просто рекурсивно доходим, до того момента, когда значение переменной становится не объектом, и возвращаем значение с нужным языком. Все просто, и теперь у нас есть переменная m в рут-скоупе, к которой мы можем смело обращаться.
Кто-то наверняка засомневается в производительности такого решения, но могу вас уверить, что это капля в море. И вообще вам никто не мешает написать директиву, которая не будет вешать ватчер на переменную. Так что все в порядке.
Вернемся к разметке
Давайте доделаем drawer (Меню). Допустим у нас есть уже основа в виде js. Есть контроллер который обслуживает наше меню, и мы уже получили с помощью апи список категорий, которые будем выводить в меню. Тогда код меню получается очень простым.
Как видно, в своей разметке index.html мы уже использовали часть кода из Building Blocks. Сейчас мы возьмем код Drawer'a и немного изменим под себя. buildingfirefoxos.com/building-blocks/drawer.html
<nav ng-controller="DrawerController"> <div class="empty-space"></div> <ul> <li> <a ng-click="go('/favorites'); closeDrawer()"> <span class="text" ng-bind="m.menu.favorite"></span> <span class="counter" ng-bind="favorite.get().length"></span> </a> </li> </ul> <h2 ng-bind="m.category.title"></h2> <ul> <li ng-repeat="cat in categories"> <a ng-click="openCategory(cat.key)"> <span class="text" ng-bind="cat.title"></span> <span class="counter" ng-bind="cat.count"></span> <span class="new-counter" ng-if="cat.new_count" ng-bind="'+'+cat.new_count"></span> </a> </li> </ul> </nav>
Как видно у нас два списка в меню, в самом верхнем лежит только одна ссылка на избранное (заметили что мы уже используем нашу переменную m?), там же выводится кол-во избранных фотоэффектов, сбоку. Ниже у нас, собственно, сам список категорий.
И для полноты картины сделаем еще одну страницу — список эффектов, то есть страница категории.
buildingfirefoxos.com/building-blocks/headers.html — тут берем хедеры
buildingfirefoxos.com/building-blocks/lists.html — тут списки
buildingfirefoxos.com/building-blocks/filters.html — тут фильтры (табы)
buildingfirefoxos.com/building-blocks/buttons.html — а тут кнопочки
И получаем, упрощенно, что-то такое:
<!-- Наш хедер, собсвенной персоной --> <header> <menu type="toolbar"> <!-- Кнопочка для поиска --> <a ng-click="go('/search')"> <span class="icon action-icon search"></span> </a> </menu> <!-- Две кнопки для открытия / закрытия меню (drawer) --> <a ng-click="closeDrawer()"><span class="icon icon-menu"></span></a> <a ng-click="openDrawer()"><span class="icon icon-menu"></span></a> <h1 ng-bind="category.title"></h1> </header> <div role="main" data-type="list" id="category"> <!-- Табы, которые устанавливают сортировку эффектов --> <ul role="tablist" data-type="filter" data-items="2"> <li role="tab" aria-selected="{{ sorting === 'new'}}"> <a ng-click="setSorting('new')" text="m.category.new"></a> </li> <li role="tab" aria-selected="{{ sorting === 'popular'}}"> <a ng-click="setSorting('popular')" text="m.category.popular"></a> </li> </ul> <!-- И наши эффекты собственной персоной --> <ul class="effects"> <li ng-repeat="effect in effects" ng-click="openEffect(effect.key)"> <aside class="pack-end"> <img ng-src="{{CONFIG.DOMAIN + effect.icon}}"> </aside> <a> <p ng-bind="effect.title"></p> <p ng-if="effect.labels"> <span ng-repeat="label in effect.labels" ng-class="label" class="label"></span> </p> </a> </li> </ul> <!-- Кнопочка для подгрузки эффектов --> <div class="load-more" ng-if="isNeedMore && effects.length"> <button ng-click="showMore()" text="m.category.show_more"></button> </div> </div>
Надеюсь все понятно. А понять надо следущее — мы берем готовые блоки и вырезаем из них самое нужное нам. Ими можно крутить и вертеть как угодно.
Таким же образом делаются все остальные страницы.
Об API Firefox OS
В приложениях Firefox OS версии >= 1.3 input[file] работать не будет, в замен его, нам предлагают пользоваться MozActivity. Что даже упрощает работу.
Вот так выглядит получение картинки:
var pick = new MozActivity({ name: "pick", data: { type: ["image/*"], nocrop: true } }); pick.onsuccess = function() { var blob = pick.result.blob; // что-то делаем с блобом };
Вот так шеринг:
[url]new MozActivity({
name: "share",
data: {
type: "image/*",
number: 1,
blobs: [blob]
}
});[/url]
И примерно так — сохранение:
var sdcard = navigator.getDeviceStorage("sdcard"); var request = sdcard.addNamed(blob, name); request.onsuccess = function() {}; request.onerror = function() {};
После того, как приложение готово, его надо сбилдить и протестировать.
Чтобы билдить — можно использовать эмуляторы.
Я вам предлагаю использовать Менеджер приложений, который встроен по умолчанию в новые версии firefox. developer.mozilla.org/ru/docs/Mozilla/F … pp_Manager. Тут же можно устанавливать разные версии эмуляторов, подключать девайсы и дебажить! Что очень удобно.
Так же нам нужен манифест приложения. Выглядит и пишется он очень просто.
Приведу пример:
{ "name": "PhotoFunia", "description": "PhotoFunia is the best way to add a spark to your photos, make them special and more original.", "launch_path": "/index.html", "version" : "1", "type": "privileged", "developer": { "name": "", "email" : "" }, "default_locale": "en", "icons": { "256": "/images/app_icon_256.png" }, "permissions": { "device-storage:pictures": { "description": "Save result images", "access": "readwrite" }, "device-storage:sdcard": { "description": "Save result images", "access": "readwrite" }, "mobilenetwork": { "description": "Check for available connection" }, "systemXHR": { "description": "Need for internet connection" } } }
Собственно говоря, засовываем все нужные файлы в .zip архив и отправляем в marketplace.firefox.com на проверку. Через пару дней (а может и к вечеру) приложение появится в маркете!
Что это было?
Я хотел донести до вас, что разработка под Firefox OS это очень просто, интересно и весело! Конечно, пока что, на этом денег не заработать. Но можно подумать, мы здесь ради денег собрались. Так что, берите IDE в руки, и создавайте приложения под Firefox OS!
Тем, лучшим из нас, у кого есть девайс на Firefox OS — прошу к столу marketplace.firefox.com/app/photofunia/
Отсюда

]]> Tue, 13 May 2014 20:38:17 +0000 https://firefoxforum.ru/viewtopic.php?id=92&action=new <![CDATA[Урок по написанию приложений в Firefox OS]]> https://firefoxforum.ru/viewtopic.php?id=20&action=new В популярном блоге Хабрахабр юзер RAZVOR написал статью о том, как писать приложения в
Firefox OS
, я воспроизведу её здесь.
Как многие знают недавно mozilla выпустила свою firefox os, уже появилось несколько смартфонов на этой платформе. Никаких статей, и реальных примеров по написанию приложений я не нашёл. Поэтом покопавшись на MDN я решил восполнить этот недостаток.
Чего-же такого хорошего в firefox os?
Идея этой мобильной системы достаточно инновационная, ведь firefox os это- «система-браузер», те приложения для ней пишутся на html/css. Главный плюс этого в том, что те кто писал веб-приложения смогут написать приложения для неё без изучения дополнительных языков, фрэймворков итд. Также разработчики смогут легко портировать на данную os уже имеющиеся веб-разработки.
С чего начать?
Сначала предлагаю поставить эмулятор firefox os. Для этого прекрасно подойдёт плагин для firefox под названием firefox os simulator. Скачать его можно здесь.
Начнем!
Манифест
После того как мы скачали и установили эмулятор, предлагаю создать папку с названием нашего приложения, где оно собственно и будет располагаться. Наше учебное приложение будет называться «Count sistems». Оно будет переводить числа в разные системы счисления и также производить с ними арифметические действия. Я уже писал такое приложение на c++, теперь посмотрим как оно будет выглядеть на html/js.
После того как мы создали папку давайте напишем манифест для нашего приложения. Манифест-это такой файл в формате json, который будет говорить os как называется приложение, где находится его иконка и многое другое.
Код такого файла будет выглядеть так:
{ "name":"count systems",//название "launch_path": "/index.html",//путь до главного файла приложения "developer": { "name":"RAZVOR",//разработчик "url":""//сайт разработчика }, "description":"count systems app",//описание "icons":{ "128":"/icon.png"//иконка } }
сохраним этот файл под именем manifest.webapp в созданную папку.
Разметка
Так как мы пишем почти веб-приложение создаём файл index.html. Со следующим кодом:
<html> <head><script src="https://myapps.mozillalabs.com/jsapi/include.js"></script></head> <body><p>hello world</p></body> <script></script> </html>
Как видим ничего особенного в этом нету.
Запуск
Чтобы запустить приложение через эмулятор просто откройте в firefox инструменты->веб-разработка->firefox os simulator
откроется вкладка эмулятора. После этого нажимаем add Directory и выбираем наш manifest.webapp.
В принципе в firefox os запускать приложения можно без установки, но тока в marketplace, эмулятор же сам устанавливает приложения.
Чтобы его запустить жмём run а чтобы обновить update.
Давайте запустим наше учебное приложение!
Это вы увидите, если всё сделали правильно.
Установка приложения из самого приложения
Как я и говорил ранее в os можно запускать приложения без установки, чтобы их установить есть специальная функция в api, применим её, теперь код выглядит так:
<html> <head> <meta charset="UFT-8"> <script src="https://myapps.mozillalabs.com/jsapi/include.js"></script> <script src="jquery.js"></script> <link href="app.css" rel="stylesheet" type="text/css"> </head> <body><p>hello world</p></body> <script> var gManifestName = "manifest.webapp";//путь к манифесту app=function(){ this.init=function(){ //работа приложения } this.init(); }; $(document).ready(function(){ var request = navigator.mozApps.getSelf(); //Вызываем класс для получения информации о приложении request.onsuccess=function(){// при успешном вызове if(request.result){//если мы получили результат, значит приложение установленно alert('Приложение установлено'); a=new app(); }else{// если нет то создаем кнопку $('<div>').appendTo('body').attr('id','inst_b').text('Установить!').css({width:200,textAlign:'center',padding:5,background:'#222',color:'#ccc',borderRadius:'3px'}).click(function(){ var inst=navigator.mozApps.install(gManifestName);//при клике на кнопку устанавливаем приложение inst.onsuccess=function(){alert('Установка завершена');$('#inst_b').remove();a=new app();};//установка выполнена успешно inst.onerror=function(){alert('Установка не удалась:\n'+this.error.name)}// ошибка при установке }); } }; request.onerror=function(){alert('Ошибка:\n'+this.error.message)}//при ошибке }); </script> </html>
Вот мы и позаботились об установке, также мы добавили css и jqury поэтому не забудьте поместить их в папку с приложением под соответствующими именами.
После Hello world
Теперь, вы должны уже понимать кое какие особенности. Мы сказали привет миру, теперь можем заняться написанием реального приложения.
Модернизируем наш код.
html:
<html lang="ru"> <head> <title>Count systems</title> <meta charset="UTF-8"> <link type="text/css" rel="stylesheet" href="/app.css"> <script src="jquery.js"></script> </head> <body> <h1 class="center">Count systems</h1> <div class="feilds"> <p>Введите число</p><input type="text"/> <p>Введите систему счисления</p><input type="text"/> <p>Введите требуема система счисления</p><input type="text"/> <div class="error"></div> <div class="result"></div> <button class="submit">Перевод!</button> </div> </body> <script> var gManifestName = "manifest.webapp"; app=function(){ this.alp="abcdefghijklmnopqrstuvwxyz"; //this.e='1'; this.p={ ten_to:function(c,d){ var i=0,r=''; do{ v=c%d; c=(c-(c%d))/d; if(v>9){ r+=this.alp[v-10]; }else{ r+=v; } }while(c!=0); var r2=''; for(i=(r.length-1);i>-1;i--){ r2+=r[i]; } return r2; }, to_ten:function(c,d){ c=c.toString(); var v,r=''; for(var i=0;i<c.length;i++){ v=c[i]; if(v.match(/[0-9]/)!=v){ for(i in this.alp){ if(this.alp==v){ v=i+11; return false; } } } r+=v*d; } return r; } }; this.error=function(t){ $('.error').text(t); setTimeout(function d(){$('.error').text('').hide()},1000); }; this.wr_res=function(t){ $('.result').show().text(t); } this.init=function(){ $('body').load('/a.html'); $('.submit').click(function sub(){ $('.submit').hide(); a2=new app(); var fi=$('.feilds input'); fi.each(function(){ if($(this).val().length<1){ a2.error('Не все данные введены!'); return false; } }); var data={ c:fi[0].value, sis:fi[1].value, to_sis:fi[2].value }; with(data){ if(sis==10){ a2.wr_res(a2.p.ten_to(c,to_sis)); }else{ if(to_sis==10){ a2.wr_res(a2.p.to_ten(c,sis)); }else{ a2.wr_res(a2.p.ten_to(a2.p.to_ten(c,sis),to_sis)); } } } fi.change(function(){ $('.result').hide().text(''); $('.submit').show(); }); }); } this.init(); }; $(document).ready(function(){ var request = navigator.mozApps.getSelf(); request.onsuccess=function(){ if(request.result){ a=new app(); }else{ $('<div>').appendTo('body').text('Установить!').css({width:200,textAlign:'center',padding:5,background:'#222',color:'#ccc',borderRadius:'3px'}).click(function(){ var inst=navigator.mozApps.install(gManifestName); inst.onsuccess=function(){alert('Установка завершена');a=new app();}; inst.onerror=function(){alert('Установка не удалась:\n'+this.error.name)} }); } }; request.onerror=function(){alert('Ошибка:\n'+this.error.message)} }); </script> </html>
css:
.center{ width:250; margin:1 auto; } .feilds{ width:250px; margin:10 auto; border-radius:5px; box-shadow:inset 0 0 10px #ddd; padding:10px; } .submit{ width:100; padding:7; background-color:#222; color:#ccc; background-image:none !important; margin-top:15px; } .error{ width:100px; margin:0 auto; color:red; } .result{ width:100px; overflow:auto; margin:5 auto; border:1px solid #aaa; border-radius:4px; padding:6px; display:none; }
Думаю как это работает вы сможете разобраться сами, тк ничего особенного и нового в этом нет.
Некоторые возможности api
В firefox os помимо встроенных html5 api, есть и свое. Из него вы использовали класс navigator. Теперь я опишу некоторые возможности этого класса.
Онлайн или оффлайн
Как же нам проверить подключен ли к сети девайс? Для этого нам на помощь приходит метод navigator.onLine. Если возвращает true-сеть есть.false-нет. Всё просто.
Ориентация устройства
Можно подключать разные css в зависимости от ориентации.Например так:
<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css"> <link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">
Также можно получить данные с акселлерометра через js
window.addEventListener("deviceorientation", handleOrientation, true); function handleOrientation(orientData) { var absolute = orientData.absolute; var alpha = orientData.alpha; var beta = orientData.beta; var gamma = orientData.gamma; }
Вибрация
Для вибрации можно использовать следующую функцию:
navigator.vibrate(1000);//Вибрация 1000 миллисекунд
Размещаем приложение в Marketplace
Когда мы написали наше тестовое приложение, самое время представить его народу, те разместить в marketplace. Эта операция очень проста, но нужно знать некоторые нюансы. Первым делом надо выбрать, будете вы размещать исходники у себя или на маркете. Если первое, то нужно специальным образом настроить сервер или github, подробнее здесь. Я же выбрал второй способ, для этого нам надо просто запоковать приложение в zip и выбрать нажав Submit an App->packeged->select a file. Если с манифестом всё нормально вы перейдете к шагу 2. На последующих этапах вам нужно составить описание и загрузить скрины( ВНИМАНИЕ НЕ МЕНЬШЕ ЧЕМ 500x600px ). Если всё прошло гладко, то поздравляю, У вас за плечами опыт написания и размещения целого приложения!
(Статья была взята с ресурса Хабрахабр, оригинал статьи здесь.)

]]> Fri, 15 Mar 2013 00:55:15 +0000 https://firefoxforum.ru/viewtopic.php?id=20&action=new