Cordova - как выводить лог информацию

В один прекрасный день, перестали загружаться плагины в NetBeans. Это конечно фигня, можно то через командную строку загрузить. Но у судьбы были свои взгляды на мою беззаботную жизнь. Ранее всю лог информацию я просматривал в самом NetBeance , и это черт возьми,  скажу я вам  было здорово. А теперь на тебе, друг любезный - хер моржовый. Но мы то уже старые вояки, и по сути такие ошибки хотя и раздражают слега , все равно решить можем.
Откинулся на стуле. Потом повертел шеей туда сюда, подвигал плечи и вытянулся красиво хрустя костями позвоночника и далее накидал код.

1 2 3 4 5

function log(obj) { var str = JSON.stringify(obj); $('#log').append('<br>' + str) }

JQuery: автоматически добавляем кнопки в таблицу или клиент слезам не верит

Редкий клиент примет работу как она есть. Обычно изощренный ум  клиента исхитрится выродить  такое , что  ты, разумеется,  никак не ожидаешь. Как ни странно, в  этот раз я жутко обрадовался этой задачке, ибо,  уже изрядно устал от типовых задач. А тут такое, на те, получите. Если ближе к делу , то задание кратко звучит так: на странце товаров есть таблицы, нужно чтобы  под каждой колонкой были кнопки "заказать", при нажати форма всплывает и тд...
Почесав небритый подбородок понес свое тело на диван, дабы полежать и "бумажно" подумать о сие деле. Решение пришло так же неожиданно, как обычно приходит дедлайн.

МЕГАПЛАН - создаем виджет

Все оказалось намного сложнее чем я думал изначально. Задача превратилась в фарс, фарс - в мучение, а мучение вылилось в Ад. А надо то было всего то добавить к клиенту в мегаплане  аудиоплеер с записью телефонного разговора. Скажу честно, апи мегалпана (далее мп) мне понравился. Он прост, красив.

В идеале надо получить это:

Обновление элемента на странице через AJAX

Буду краток. Ибо  времени нет, Дедлайн.
Задача:  На странице товара есть блок рейтинг товара. Представлено через звездочки.

При нажатии страница перезагружалась. Попросили без перезагрузки.
Решение: Точнее быстрое решение. Перехыватываем нажатие на звездочки. Отправляем через Ajax, принимаем, парсим, заменяем данный блок. И все.
Подробнее:

Bitrix - авторизация и регистрация во всплывающем окне

В один прекрасный момент, красивый летний вечер был испорчен лишь одним сообщением. Клиент хотел чтобы форма авторизации  и регистрации появлялись в сплывающем окне, а не на отдельной странице. Казалось бы задача пустяковая, но когда ты постоянно доделываешь того чего не было в ТЗ, мягко говоря раздражаешься. Вспоминаются слова   "каков ТЗ  и результат ХЗ".  Прежде чем вступить в перепалку с клиентом (клиент всегда прав?) решил сначала подумать, как можно быстро все это дело реализовать.
И знаете? Ответ нашелся.

Cordova: JavaScript - Uncaught TypeError: Converting circular structure to JSON

Web приложение бодро запустилось на браузере. Все работало , как ни странно, и не могло радовать красные от бессонницы глаза программиста. Изученная улыбка нарисовалась на измученном лице разработчика. Проверив подключен ли смартфон к компу, Программист нажал на сборку проекта. Пока проект собирается в апк файл Парень откинулся на спинку кресла и закрыл глаза... Но он еще не знал что впереди его ждут ужасные баги....

amoCRM пишем простой виджет

Система amoCRM – удобная web программа для анализа продаж, доступная в режиме online из любой точки мира! И пришлось мне однажды писать виджет для данного продукта. Отмечу, что пишется виджет очень легко, если конечно вы хорошо владеете JavaScript, ибо на нем в пишется. Для примера возьмем вот такую задачу, которую недавно пришлось делать: Скрыть элемент от всех менеджеров кроме администратора системы.

Всплывающее уведомление при закрытии страницы

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

Jquery.wordexport.js - нет границ у таблицы в doc файле

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

Как открывать все фотки в fancybox (colorbox) или JQuery.wrap()

В один из осенних вечеров, поступила задача такого содержания: "Хочу чтобы все фотографии в новостях открывались в модальных окнах!".  Вскрытие показало, что новостей много, фотографии вставлены прямо в контент. Редактировать каждую новость и и обрамлять изображения ссылкой, прописывая класс для открывания в модальном окне дело весьма не простое, и  я бы сказал не правильное. Да бы упростить весь процесс накидал простенький скрипт,  который автоматически обрамляет все изображения внутри заданного тега.

Анимированный слайдер с BxSlider, Блекджеком и Шлюпками

Если вас достали унылые карусельки,  с простой картинкой и статичными текстами, и в душе вы желаете оживить все это дело тогда вы попали по адресу.
  Не спорю, есть много библиотек для создания анимаций , но зачем подключать лишнее когда можно обойтись тем что под рукой? А под рукой у нас Bxslider (все его знаю. Ты нет? Ты из какой планеты?)

Вот что должно получится.

Получить GET параметры из URL

Как получить параметры из адресной строки, да все просто:

var options = decodeURIComponent(window.location.search.slice(1))
                      .split('&')
                      .reduce(function _reduce (/*Object*/ a, /*String*/ b) {
                        b = b.split('=');
                        a[b[0]] = b[1];
                        return a;
                      }, {});

Получаем обьект. Например для адреса вида site.ru?a=1&b=2, получим {a:1,b:2}

Передаем из JS массив объектов на сервер

Однажды, разрабатывая довольно и интересный проект столкнулся с необходимостью передать данные, собранные на клиенте, на сервер. Казалось бы, что может быть банальнее: записал , например переменную в куки, и на сервере обрабатывай. Но, аппетит заказчика был отменный. Проект развивался, бабки платились исправно, функционал наращивался. И в один прекрасный момент меня чуть не стошнило от мысли что каждый раз увеличивая количество переменных на сервер увеличиваются переменные в куки. Почитав документацию, решил сделать так:

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

//массив
var answerArr = [];
 answerArr.push({
  clickCount: clickCount,
  clickError: clickError,
  clickOk: clickOk,
  countOk:countOk,
  mode: mode
});
//добавляем в куки
setCookie('data76', JSON.stringify(answerArr));
//все

На сервере

//вот он, наш красавчик
$json = $_COOKIE['data76'];
//получили массив обьеектов
$arr = json_decode($json);

все

Кнопка "Показать еще" на странице фото галереи

Как то раз, одним отличным зимнем вечером, подкинули мне работенку - Сделать кнопку Показать еще  на странице фото галереи.  После изучения структуры сайта, пришел к выводу, что совершенно не хочу разбираться в данном CMS.  Для  вывода страниц использовался шаблонизатор Smarty. Возиться с   на стороне сервера не хотелось, и поэтому поступил очень хитро. Нашел участок где формируется список фотографий. И поставил условие - если больше 30 то  элементам добавляется свойство style="display:none", а пути к изображениям записываются в атрибут data.

Генератор 2D карты на JavaScript + PHP

Как то мне срочно надо было создать карты для игры на AndEngine GLES1. Координаты хранились в XML формате.Перебрал кучу редакторов но так и не смог получить требуемый результат. Долго мудрить не стал, запустил NetBeans и накидал по быстрому генератор 2D карты для платформера на JavaScript