JavaScript дата в timestamp и обратно

5 Февраль 2016 Нет комментариев

JavaScript перевод даты в timestamp и timestamp в дату.

Перевод даты (строки вида) в timestamp

/*Wed Feb 03 2016 16:31:48 GMT+0300 (MSK) получаем 1454506308000*/

var date_to_timestamp = +new Date();

а теперь обратно

/*1454506308000 получаем Wed Feb 03 2016 16:31:48 GMT+0300 (MSK) */

var timestamp_to_date = new Date(datemail_to_timestamp);

Categories: HTML CSS JS Tags: , ,

Отображение форм и контента в модальном окне в WordPress

Т.к. готового вменяемого решения найдено не было, то поделюсь неплохим обходным решением того, как разместить на странице в WordPress ссылку, при нажатии на которую будет показываться модальное окно с контентом или формой (например шорткод ContantForm7) Итак, рассмотрим на примере всплывающей формы. Для этого у вас стоит CF7 (или что то похожее). Ставим Easy FuncyBox Далее, в записи делаем примерно такую конструкцию: Примечание - шорткод надо менять на тот, что сгенерирует CF7. Или писать свой контент. Собственно все, дальше все должно сделаться само. Много не тестировалось. Кто решал эту проблему как-то по другому - пишите как - пусть все будет в одном месте )

Smarty с JavaScript и CSS

4 Декабрь 2012 Нет комментариев

Как подружить Smarty с JavaScript и CSS ?

Ответ прост как 2+2... Для того чтобы smarty "скушал" JavaScript нужно ставить теги {literal} между javascript кодом. {literal} это открывающий тег, а {/literal} закрывающий. Между этими тегами smarty не будет выполнять свой код, а соответственно и не будет конфликтов.  CSS код тоже нужно экранировать этими тегами.

Rhinoslider - простой, удобный и многофункциональный JQuery слайдер

Rhinoslider

Простой и удобный jquery slider

Что понравилось:
  • простой и быстрый
  • хорошая документация (на английском)
  • легко ставится
  • демо с возможностью визуальной настройки параметров!!!
  • генерации кода для вставки
В общем смотрите сами: demo & download
Categories: HTML CSS JS Tags: , ,

Тянущееся меню на CSS (ul li) c выравниванием по ширине

30 Март 2012 4 comments
Задача - меню, с произвольным набором пунктов, сделанное в виде списка (UL, LI) отобразить в одну строчку во всю ширину. Пример1: Пример2: Различия видны невооруженным глазом. Разбор кода внутри. (далее...)
Categories: CMS, HTML CSS JS Tags: , , , ,

Как растягивать div по всей высоте окна браузера

24 Январь 2012 4 comments
С помощью css растянуть слой у меня не получилось. На помощь пришел javascript и JQuery. при изменении размеров будем менять размер слоя принудительно: Вот так все просто. Вообще для window и document доступна только эта функция. Зато для остальных элементов есть еще несколько: подробнее здесь.
Categories: HTML CSS JS Tags: , , ,

Как менять и узнавать высоту элементов html страницы на JQuery

24 Январь 2012 Нет комментариев
width и height бывают разные. А потому и несколько функций на JQuery.

.height()

.height() - возвращает высоту элемента (его информационную часть) .height(value) - устанавливает высоту элемента

.innerHeight()

.innerHeight() - возвращает высоту элемента с учетом padding (далее...)
Categories: HTML CSS JS Tags: , , ,

Резиновый шаблон на div (слоях) и css

23 Январь 2012 Нет комментариев
Много решений в инете, о конструировании на слоях шаблонов страниц, но под мою задачу не было. Вот решил поделиться. ТЗ:
  • Три колонки (ничего нового, в принципе - не важно сколько их)
  • Все растягивается по ширине, пропорционально: левая - 20%; правая - 20%; центральная - 60% (ничего нового)
  • Слои не должны переноситься при ресайзе окна (тоже логично, но немного конфликтует со следующим пунктом)
  • При ресайзе слои должны ужиматься до минимально размера в 300px - левая и правая колонки, 400px - центральная
А проблема в том, что 300px получается больше 20% при общей ширине в 1000px, и слои переносятся если места не хватает. Итак, решение:
  • Ограничиваем слои в сжатии
  • Задаем параметры ширины в соответствии с ТЗ
  • Боковые слои выравниваем налево и направо. И обтекаем их центральным
Вот как-то так. Смотрим на практике: (далее...)

Как открыть дочернее окно и работать с ним

23 Январь 2012 Нет комментариев
Иногда хочется открыть дочернее окно браузера и производить с ним некоторые действия. Вот как можно это сделать. Демо Открываем новое окно: (далее...)
Categories: HTML CSS JS Tags: ,

Как определить id элемента по которому кликнули на JQuery

19 Январь 2012 2 comments
Для построения обработки больших списков удобно использовать событие onClick для элемента и передавать в функцию обработки id элемента. Будем пользоваться библиотекой JQuery. Каждому объекту с классом click назначим обработку события и будем брать его id Код HTML: (просто для примера) Код JS:
Categories: HTML CSS JS Tags: , ,