Показаны сообщения с ярлыком jquery. Показать все сообщения
Показаны сообщения с ярлыком jquery. Показать все сообщения

пятница, 31 мая 2013 г.

JSON stringify

Может для кого-то это и новость. Но я обрадовался. Это одна из вещей меня мучила, теперь сериализация объектов в json объектов можно провести без использользования сторонних библиотек.
JSON.stringify({a: 1, b: "string"}); 
Проверял в Chrome, Firefox. Я долго удивлялся, что JQuery.parseJSON() есть, а вот обратного функционала нету.

Пример jQuery Mobile Dialog

Диалоги используются по тому же принципу, что и страницы. Для того, что бы заработал диалог необходимо. Что бы шаблон диалога находился в DOM документа.
Тогда для вызова необходимо будет выполнить следующий код.

$.mobile.changePage("#myDialog");

Шаблон.

<div id="myDialog" data-role="dialog">
  <div id="myMessage">Message</div>
  <input id="button1" type="button" value="Button 1" data-theme="b" onclick="someJS1();" />
  <input id="button2" type="button" value="Button 2" data-theme="c" onclick="someJS2();" />
</div>

Вот кто-то сделал пример.
See Fiddle

вторник, 28 мая 2013 г.

Notification Alerts как в Android приложениях используя jQuery Mobile Popup

C первого взгляда Notifications в jQuery Mobile не существуют, а использовать Dialogs для простых задач неудобно. Существуют сторонние плагины. По опыту разработки, после кастомизации плагинов приходит необходимость создания своего плагина. Предпочитаю использовать всё, что есть из коробки. jQuery Mobile Popup достаточно гибкий. Вот моя реализации Notifications. Комбинируя свойствами jQuery Mobile можно получить достаточно интересные результаты.
Popup: function(text) {
  var popup = $('div')
    .attr('data-role', 'popup')
    .attr('data-transition', 'flip')
    .attr('data-theme', 'e')
    .attr('data-overlay-theme', 'a')
    .addClass('ui-content')
    .html(text)
    .popup();
  popup.popup('open');
  setTimeout(function(){
    popup.popup('close');
  }, 2000);
},

вторник, 12 апреля 2011 г.

Подсветка синтаксиса кода

Для подсветки синтаксиса в броузере необходимо проводить анализ кода, встроенных тэгов в браузере нет. Тэг "code" - не помогает. Я вижу два варианта решения. Первый - на сервере, второй - на клиенте с помощью JavaScript.