Jeremy Jackson

removeEventListener и bind правильное использование

Thu, 02 Nov 2023 03:35:29 +0000

Метод bind у функции возвращает новую функцию, поэтому нельзя делать вот так:

function onClick() { console.log('hello kitty');}

button.addEventListener('click', onClick.bind(this));

button.removeEventListener('click', onClick.bind(this));

Отписки не произойдет, на выходе будет две разные функции, для отписки надо сделать так:

function onClick() { console.log('hello kitty');}

const onClickFn = onClick.bind(this);

button.addEventListener('click', onClickFn);

button.removeEventListener('click', onClickFn);

Добавляем ноль при формировании даты

Wed, 02 Dec 2020 12:06:13 +0000

Каждый сталкивался с задачей формирования даты в нужном формате из объекта

Date

Помимо такой вещи как добавить +1 к результату функции

getMonth

, необходимо для читаемости добавить 0, если месяц состоит из одной цифры. то есть январь - 1 должен выглядеть как ‘01’ (01.01.2022)

Сейчас в javascript у строки есть метод, который решает эту простую задачу на раз два, метод padStart.

Для того, чтобы добавить 0 нужно вызвать метод со следующими параметрами -

Typescript проверка значения на соответствие типу(string literal type)

Wed, 02 Dec 2020 07:51:25 +0000

Когда хочется использовать литеральные типы(string literal types) вместо перечислений(enum), встает вопрос как проверить значение на соответствие типу в рантайме.

С версии Typescript 3.4 это сделать довольно просто.

Объявляем массив с типами:

const typeList = ['type1', 'type2', 'type3'] as const;

as const запрет на изменение объекта

Делаем типы на основе массива

type MyType = typeof typeList[number];

синтаксис

typeof typeList[number]

обозначает, что типами будут все значения массива, можно сделать тип только из одного значения

typeof typeList[1]

теперь мы можем спокойно делать проверку на соответствие типа, без лишних движений:

typeList.includes(myValue);

Angular router FAQ

Tue, 01 Dec 2020 09:16:41 +0000

** Как включить trace роутера?**

Добавить опцию в рутовый модуль роутинга:

imports: [
    RouterModule.forRoot(
      routes,
      { enableTracing: true } // <-- debugging purposes only
    )
]

Set описание и хитрости

Tue, 10 Nov 2020 06:47:21 +0000

Set это объект позволяющий хранить уникальные значения разных типов, примитивных типов или ссылок на объекты.

Set можно итерировать в порядке добавления элементов.

Хитрости с Set:

удаление повторяемых значений из массива

let uniqueArray = [...new Set([1, 2, 3, 3,3,"school","school",'ball',false,false,true,true])];
>>> [1, 2, 3, "school", "ball", false, true]

как превратить Set в массив?

использовать spread:

const setList = [...value];

использовать Array.from:

Array.from(set)

Проблема запуска eslint в монорепозитории

Wed, 28 Oct 2020 03:19:37 +0000

В монорепозитории с UI китом(stencil/typescript) столнулся с проблемой, что запуск eslint на весь репозиторий падает с ошибкой. Как запуск из консоли, так и запуск через husky.

Ошибка при запуске через husky:

./node_modules/.bin/eslint --fix was terminated with SIGABRT

Ошибка при запуске через консоль:

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

Оказывается проблема, в том, что eslint пытается загрузить в себя все конфигурации проектов, и у него заканчивается память…

Интересный способ сброса setTimeout и setInterval

Thu, 22 Oct 2020 14:21:20 +0000

Если нам нужно отменить запуск setTimeout или setInterval, то обычно используем такую конструкцию:

const timeoutId = setTimeout(() => {}, 100);

clearTimeout(timeoutId);

Основное неудобство в запоминании timeoutId, но можно сделать ф-цию обертку, которая позволит нам избавиться от timeoutId:

function timer(cb, timeout) {
  const timeoutId = setTimeout(cb, timeout);
  return () => clearTimeout(timeoutId);
}
const destroyTimer = timer(()=> {}, 1000);

destroyTimer();

За счет сохранения timeoutId внутри функции за счет замыкания, нам можно забыть о timeoutId

Такой же трюк можно провернуть и с EventListener:

Как удалить все node_modules с компьютера

Wed, 30 Oct 2019 02:37:00 +0000

Чтобы освободить место на компьютере от node_modules достаточно выполнить команду, в директории с папкой с проектами(в корне, крайне не рекомендую запускать!):

find . -type d -name 'node_modules' -prune | xargs -I% rm -rf %

Источник: https://marinintim.com/2019/node_modules

Escaping Regexp Expression

Wed, 02 Mar 2016 02:46:19 +0000

Перед тем как вставить искомую строку в match, на поиск совпадений, неплохо заэкранировать строку.

//escape regexp expression 
     function escapeRegExp(str) {
       return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
     }

Основные команды VIM

Wed, 24 Dec 2014 23:27:27 +0000

Конвертировать табы в white-space, если все уже настроено:

:%retab

Проверка свободного места на Linux

Sat, 06 Dec 2014 02:46:37 +0000

Есть две основные команды, для отображения свободного/занятого места на диске:

**df **- Свободное место на файловой системе du - Используемое место

Показать свободное место на файловой системе: (флаг -h, говорит отображать данные в KB, MB, GB)

# df -h

Вывод:

Filesystem                 Size  Used Avail Use% Mounted on
rootfs                      20G  5.1G   14G  28% /
udev                        10M     0   10M   0% /dev
tmpfs                       50M  196K   50M   1% /run
/dev/disk/by-label/DOROOT   20G  5.1G   14G  28% /
tmpfs                      5.0M     0  5.0M   0% /run/lock
tmpfs                      100M     0  100M   0% /run/shm

Показать занятое место в текущей папке:

Основные комманды git

Mon, 04 Aug 2014 01:54:47 +0000

Задать имя и почту:

git config --global user.name "Jeremy Jackson"
git config --global user.email "1@tsjee.ru"

Посмотреть статус:

git status

Добавить файл для коммита:

git add PATHTOFILE

Коммит файла:

git commit -m "Add first file"

Отменить изменения в файле, если они еще не были проиндексированы:

git checkout PATHTOFILE

Отменить изменения в файле, если они были проиндексированы:

git reset HEAD PATHTOFILE

Изменить сообщение последнего коммита:

git commit --amend -m "New comment"

Забрать изменения с удаленного репозитория:

Копируем ssh ключ на сервер

Fri, 10 Jan 2014 18:25:06 +0000

И так задача скопировать публичный ssh ключ на сервер. Есть несколько вариантов решение данной задачи.

Если у вас Linux, то все просто:

# ssh-copy-id

Правда он копирует все публичные ключи которые у вас лежат в .ssh, но ничего критичного в этом не вижу.

Если у вас Mac, то копируем ручками:

Создаем директорию .ssh, если таковой нет на удаленном сервере:

# ssh user@remote.host 'cd ~; mkdir .ssh'

Копируем наш ключ:

# cat .ssh/mykey.pub | ssh user@remote.host 'cat >> ~/.ssh/authorized_keys'

Если вы создали папку .ssh и файл authorized_keys, то нужно выставить им правильные права, 700 для папки и 600 для файла

SCP

Sat, 28 Dec 2013 21:35:48 +0000

Небольшая шпаргалка по SCP

SCP - это протокол передачи файлов использующий в виде транспорта ssh.

Копируем на удаленный хост:

scp path_to_file user@8.8.8.8:/path_to_new_location

Копируем с удаленного хоста:

scp user@8.8.8.8:/full_path_to_file /path_to_new_location

Для рекурсивного копирование папки используем ключ -r:

scp -r path_to_file user@8.8.8.8:/path_to_new_location

Для отличного от 22 порта используем ключ -P:

scp -P 2222 path_to_file user@8.8.8.8:/path_to_new_location

Trigger event на javascript

Tue, 27 Aug 2013 02:31:19 +0000

Функция используемая в тестах jQuery.

Проверяется наличие ф-ции document.createEvent, используемой в нормальных браузерах, и с зависимости от этого используется ф-ция для IE или всех остальных.

/**
* @node - html element
* @type - event name, for example 'change'
**/
fireNative = document.createEvent ?
	function( node, type ) {
		var event = document.createEvent('HTMLEvents');
		event.initEvent( type, true, true );
		node.dispatchEvent( event );
	} :
	function( node, type ) {
		var event = document.createEventObject();
		node.fireEvent( 'on' + type, event );
	};

Установка Firefox на Debian 7

Thu, 18 Jul 2013 02:21:57 +0000

Через пакеты к сожалению поставить нельзя, поэтому все ручками

Качаем с сайта архив, http://www.mozilla.org/en-US/firefox/new/

Копируем в /opt

Распаковываем архив:

$ tar -jxvf firefox-x.x.xx.tar.bz2

Меняем права на файлы:

$ chown -R root:users /opt/firefox

$ chmod 750 /opt/firefox

Добавляем нашего юзера в группу users

$ usermod -a -G users username

Создаем симлинку:

$ ln -s /opt/firefox/firefox /usr/bin/firefox

Удаляем firefox-x.x.xx.tar.bz2 из /opt

Для установки новой версии надо удалить все старое гавно:

$ rm -rf /opt/firefox*
$ rm /usr/bin/firefox

Создаем иконку в меню

Vmware - kernel header not found

Mon, 24 Jun 2013 04:10:23 +0000

Решение для OpenSuse

cd /lib/modules/`uname -r`/build/include
ln -s generated/uapi/linux .

Установка LAMP на OpenSuse

Fri, 24 May 2013 14:48:03 +0000

LAMP - Linux Apache Mysql PHP - вообщем веб-сервер. Краткое описание устание установки LAMP.

{"#" * i} 1. Устанавливаем Mysql, a точнее mariaDB

#zypper in mysql mysql-client

Добавляем в автозагрузку и стартуем

#chkconfig --add mysql
#/etc/init.d/mysql start

Запускаем настройку

#mysql_secure_installation

{"#" * i} 2. Устанавливаем Apache

#zypper in apache2

Прописываем автозапуск

#chkconfig --add apache2

Запускаем

#/etc/init.d/apache2 start

Устанавливаем PHP

#zypper in apache2-mod_php5

Ставим PHP модули

#zypper in php5-mysql php5-bcmath php5-bz2 php5-calendar php5-ctype php5-curl php5-dom php5-ftp php5-gd php5-gettext php5-gmp php5-iconv php5-imap php5-ldap php5-mbstring php5-mcrypt php5-odbc php5-openssl php5-pcntl php5-pgsql php5-posix php5-shmop php5-snmp php5-soap php5-sockets php5-sqlite php5-sysvsem php5-tokenizer php5-wddx php5-xmlrpc php5-xsl php5-zlib php5-exif php5-fastcgi php5-pear php5-sysvmsg php5-sysvshm

Раскоминтируем ее и рестартуем Apache

Bash копируем содержимое файла в буфер обмена

Thu, 21 Mar 2013 02:49:29 +0000

C помощью xclip

скопировать:

$ cat file | xclip

вставить:

$ xclip -o

C помощью xsel

скопировать:

$ cat file | xsel

вставить:

$ xsel

OpenSuse 12.3 Gnome 3.6 смена раскладки

Sun, 17 Mar 2013 14:40:55 +0000

Новый гном порадовал новой формой логина, новым оформлением меню, еще более странным треем, и невозможностью смены раскладки=)

В отличии от всего остального, последнее легко устраняется, либо через gconf-editor (org.gnome.settings-daemon.peripherals.keyboard input-sources-switcher), либо через командочку:

gsettings set org.gnome.settings-daemon.peripherals.keyboard input-sources-switcher alt-shift

Hotkeys комбинация клавиш

Sat, 09 Mar 2013 06:35:41 +0000

Будет в виде модуля, для евентовой модели.

Основная суть здесь вот в чем, имеем массив, в который будем добавлять клавиши по keydown, и удалять по keyup, то есть пока клавиша зажата она будет в массиве и мы можем посмотреть какая комбинация сейчас нажата.

ZERO, для бага в хроме.

APP.hotKeys = function () {
    'use strict';
    var init = function () {
            $(document).bind('keydown', hotKeyHandler);
            $(document).bind('keyup', removeKeyUp);
        },

        ZERO = 0,

        ESC_KEY = 27,

        CTRL_KEY = 17,

        ALT_KEY = 18,

        SHIFT_KEY = 16,

        ENTER_KEY = 13,

        SPACE = 32,

        RIGHT_KEY = 39,

        LEFT_KEY = 37,

        UP_KEY = 38,

        DOWN_KEY = 40,

        M = 77,

        A = 65,

        S = 83,

        F = 70,

        keys = [],

        hotKeyHandler = function (e) {
            e = e || window.event;
            var codeKey = e.which || e.keyCode;
            keys[codeKey] = true;
            //esc
            if (codeKey === ESC_KEY) {
                $('body').trigger('escKeyUp');
                e.preventDefault();
                //enter
            } else if (codeKey === ENTER_KEY) {
                 $('body').trigger('enterKeyUp');
                // e.preventDefault();
                //CTRL + SHIFT + M
            } else if ((keys[CTRL_KEY] || keys[ZERO]) && (keys[SHIFT_KEY] || keys[ZERO]) && keys[M]) {
                $('body').trigger('comboCtrlShiftMKeyUp', {codeKey: codeKey});
                e.preventDefault();
                //CTRL + SHIFT + A
            } else if ((keys[CTRL_KEY] || keys[ZERO]) && (keys[SHIFT_KEY] || keys[ZERO]) && keys[A]) {
                 $('body').trigger('comboCtrlShiftAKeyUp', {codeKey: codeKey});
                e.preventDefault();
                //CTRL + SHIFT + F
            } else if ((keys[CTRL_KEY] || keys[ZERO]) && (keys[SHIFT_KEY] || keys[ZERO]) && keys[F]) {
                $('body').trigger('comboCtrlShiftFKeyUp', {codeKey: codeKey});
                e.preventDefault();
                //CTRL + UPKEY
            } else if ((keys[CTRL_KEY] || keys[ZERO]) && (keys[UP_KEY] || keys[ZERO])) {
                 $('body').trigger('comboCtrlUpKeyUp', {codeKey: codeKey});
                e.preventDefault();
                //CTRL + DOWNKEY
            } else if ((keys[CTRL_KEY] || keys[ZERO]) && (keys[DOWN_KEY] || keys[ZERO])) {
                 $('body').trigger('comboCtrlDownKeyUp', {codeKey: codeKey});
                e.preventDefault();
               //CTRL + LEFTKEY
            } else if ((keys[CTRL_KEY] || keys[ZERO]) && (keys[LEFT_KEY] || keys[ZERO])) {
                 $('body').trigger('comboCtrlLeftKeyUp', {codeKey: codeKey});
                e.preventDefault();
                //CTRL + RIGHTKEY
            } else if ((keys[CTRL_KEY] || keys[ZERO]) && (keys[RIGHT_KEY] || keys[ZERO])) {
                $('body').trigger('comboCtrlRightKeyUp', {codeKey: codeKey});
                e.preventDefault();
                //SPACE
            } 
            codeKey = null;
        },

        removeKeyUp = function(e) {
            var codeKey = e.which || e.keyCode;
            if (keys[ZERO]) {
                delete keys[ZERO];
            }
            delete keys[codeKey];
        };

    return {
        init: init
    };
}();

Разширения Firefox для верстки

Sat, 02 Feb 2013 13:32:27 +0000

Несколько инструментом облегчающие мне жизнь при верстке.

Firesizer

Позволяет выставлять размер браузерного окна, чтобы посмотреть как будет выглядеть сайт на том или ином разрешении.

MeasureIt

Позволяет точно измерить все растояния на сайте.

Коды кнопок клавиатуры в Javascript

Tue, 01 Jan 2013 09:52:26 +0000

Для определения кода кнопок, нажмите нужную кнопку вв текстовом поле:

Код нажатой кнопки:

var input = document.getElementById(‘code’), span = document.getElementById(‘codekey’); input.onkeydown = function(e) { input.value=’’; span.innerHTML = e.keyCode; }

Геометрические фигуры с помощью CSS

Sat, 22 Dec 2012 15:09:25 +0000

.square { width: 100px; height: 100px; background: #ddd; }

Квадрат

.square {
	width: 100px;
	height: 100px;
	background: #ddd;
}

.circle { width: 100px; height: 100px; background: #ddd; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }

Круг:

.circle {
	width: 100px;
	height: 100px;
	background: #ddd;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

.half-circle { width: 100px; height: 50px; background: #ddd; -moz-border-radius: 0 0 100px 100px; -webkit-border-radius: 0 0 100px 100px; border-radius: 0 0 100px 100px; }

Полукруг:

.circle {
	width: 100px;
	height: 50px;
	background: #ddd;
	-moz-border-radius: 0 0   100px 100px;
	-webkit-border-radius: 0  0 100px 100px;
	border-radius: 0 0  100px 100px;
}

.oval { width: 200px; height: 100px; background: #ddd; -moz-border-radius: 100px / 50px; -webkit-border-radius: 100px / 50px; border-radius: 100px / 50px; }

Проверка поддержки CSS свойств в JavaScript

Sat, 22 Dec 2012 14:04:40 +0000

В силу распостраненности множества различных браузеров, разной степени свежести, у веб разработчика возникает проблема обеспечения кроссбраузерности. Одна из таких проблем это поддержка того или иного браузера CSS свойств. Решение проблем или забить или всякого рода хаки, в том числе и на js. Вот способ как определить, поддерживается свойство или нет.

Определяем поддерживается ли CSS cвойство:

function PropIsSupported(prop) {
    return (prop in document.body.style)
}

Определяем поддерживается ли аттрибут:

function AttrIsSupported(element, attr) {
    var elem = document.createElement(element);
    return (attr in elem); 
}

Знакомство с Selenium WebDriver для python

Tue, 04 Sep 2012 04:54:21 +0000

Selenium - это среда для тестирования веб-интерфейсов.

{"#" * i} Установка на линукс:

Устанавливаем клиента для python:

#pip install -U selenium

Java Server Скачиваем сервер http://selenium.googlecode.com/files/selenium-server-standalone-2.23.0.jar

Запускаем:

#java -jar selenium-server-standalone-2.23.0.jar

Можно начинать писать тесты.

{"#" * i} Примеры кода для Webriver python.

Импортируем нужные модули и переменные:

from selenium import webdriver  #Webdriver
from selenium.common.exceptions import NoSuchElementException #exceptions
from selenium.webdriver.common.keys import Keys #keys
from selenium.webdriver.support.ui import Select #select
import time #time for sleep

Запускаем Webdriver для Хрома (предварительно скачав бинарник http://code.google.com/p/chromedriver/ ):

browser = webdriver.Chrome('/opt/chromedriver')

Идем по урлу:

Стилизация Radio button и Checkboxes

Mon, 23 Jul 2012 10:34:50 +0000

Написал тут по быстрому скрипт стилизации radiobuttons и checkboxes на jquery для Drupal:

(function ($) {
    $(document).ready(function() {
        $('input[type="checkbox"]').each(function() {
            var self = $(this);
            self.hide();
            if (this.getAttribute('checked')) {
                self.after('');
            } else {
                self.after('');
            }
        })

        $('.checkbox-style').live('click', function(){
            var self = $(this);
            var id = this.getAttribute('data-id');
            if(self.hasClass('checked')) {
                self.removeClass('checked');
                $('#' + id).attr('checked', '');
            } else {
                self.addClass('checked');
                $('#' + id).attr('checked', 'checked');
            }
        })

        $('input[type="radio"]').each(function() {
            var self = $(this);
            self.hide();
            if (this.getAttribute('checked')) {
                self.after('');
            } else {
                self.after('');
            }
        })

        $('.radio-style').live('click', function(){
            var self = $(this);
            var id = this.getAttribute('data-id');
            var name = this.getAttribute('data-name');

            if(self.hasClass('checked')) {
                $('input[name="'+name+'"]').attr('checked', '');
                $('div[data-name="'+name+'"]').removeClass('checked');
                self.removeClass('checked');
                $('#' + id).attr('checked', '');
            } else {
                $('input[name="'+name+'"]').attr('checked', '');
                $('div[data-name="'+name+'"]').removeClass('checked');
                self.addClass('checked');
                $('#' + id).attr('checked', 'checked');
            }
        })
    });
})(jQuery);

Стили:

Создаем свою тему вывода

Sat, 21 Jul 2012 07:11:31 +0000

Для создания своей темы вывода контента в нашем модуле нам понадобиться объявить нашу тему воспользовавшись хуком hook_theme:

function example_module_theme ($existing, $type, $theme, $path) {
  return array(
       //Вариант 1 выводим все в шаблон
       'block_one' => array(
               //переменные которые будем передавать в шаблон
		'variables' => array('days' => NULL, 'link' => NULL, 'descrip' => NULL ),
                //имя шаблона без tpl.php
		'template' => 'event_block_field',
                //путь к шаблону
		'path' => drupal_get_path('module', 'example_module') . '/theme',
    ),
     //Вариант 2 выводим через функцию
    'block_two' => array(
                //переменные которые будем передавать в функцию
		'variables' => array('days' => NULL, 'link' => NULL, 'descrip' => NULL ),
    ),
  )
}

Наши темы объявлены создадим обработчики для них.

Создание и применение patch файлов в Linux

Sat, 16 Jun 2012 06:52:37 +0000

Создание патч файлов:

diff -Naur   >> my_patch.patch

Применение патча:

patch -u

Отправка писем OpenSuse

Sat, 16 Jun 2012 05:26:31 +0000

Для того чтобы с сайтов на локальной машине отправлялись письма достаточно поставить sendmail:

zypper in sendmail

Form API Drupal 7

Tue, 08 May 2012 01:58:40 +0000

Примеры создания форм.

Поле с картинкой или файлом:

$form['img'] = array(
	'#type' => 'managed_file', 
	'#title' => t('Attach Image'), 
	'#default_value' => ($gal) ? $img->fid : '', //дефалтное значение file id
	'#upload_location' => 'public://calendar', 
        '#required' => TRUE,
);

Поле для ввода текста

$form['title'] = array(
        '#type' => 'textfield',
        '#title' => 'Название',
        '#required' => TRUE,
        '#attributes' => array(
			'id' => 'my_doc_title',
			'autocomplete' => 'off'
	),
	'#description' => 'Введите название документа. Под этим названием вы будете его видеть у себя в личном кабинете.'
    );

Разработка модуля Drupal, файл info

Mon, 02 Apr 2012 13:53:54 +0000

Разработка любого модуля, начинается с описания модуля в файле module_name.info

name = My mega module

description = Provides a really cool features.

core = 7.x

package = My mega modules

dependencies[] = views
dependencies[] = panels

files[] = module_name.admin.inc

configure = admin/config/content/module name

version = 7.x-dev

Давайте рассмотрим все пункты по порядку.

Собственно название модуля и его описание, будет показано в списке доступных модулей:

name = My mega module

description = Provides a really cool features.

Версия ядра друпала, под которое пишем модуль.

Ctools форма в модальном окне

Sat, 31 Mar 2012 16:56:15 +0000

И так детки сегодня я расскажу как сделать форму в модальном окне с помощью ctools.

Для простоты будем выводить форму логина в модальном окне.

Для начало создадим info файл для нашего модуля (ul_modal.info):

; $Id$
;; название модуля
name = User Form Modal
;; описание
description = User Form in modal
;; 
package = J Custom Modules
;; версия ядра
core = 7.x
;; зависимость
dependencies[] = user
dependencies[] = ctools
;; файлы модуля
files[] = ul_modal.module
;; версия модуля
version = "7.x-dev"

Далее начнем писать основную часть (ul_modal.module). Для начало нам нужно зарегистрировать адрес в меню для нашей формы:

Mysqldump

Tue, 20 Mar 2012 03:45:51 +0000

Все время забываю, как это дамп делать…

$ mysqldump dbname -uusername  -ppassword > file.sql

И в обратную сторону:

$ mysqldump dbname -uusername  -ppassword < file.sql

JS/jQuery полезняшки

Mon, 19 Mar 2012 13:05:09 +0000

Выбор множество селекторов:

$("div,span,p.myClass").css("border","3px solid red");

Даже если у body 100% height, $(‘body’).height() покажет реально занимаемый размер, лучше использовать:

$(document).height();

Высота в JS

var height = document.getElementById('someDiv').clientHeight; // высота + вертикальный паддинг
var height = document.getElementById('someDiv').offsetHeight; //высота + вертикальный паддинг + бордеры
var height = document.getElementById('someDiv').scrollHeight; //высота + вертикальный паддинг + бордеры + скроллбар

Кастомная функция для jQuery

$.fn.myFunction = function() { 
    return $(this).addClass('changed'); 
}

$('.className').myFunction();

Запуск функции setTimeout с сохранением параметров

setTimeout(function(url, children, parent) {
                return function() {
                   someFunc (url, children, parent);
                }
            } (url, children, parent), 50);

Функция insertAfter:

Разрешение на изменение файлов httpd

Sat, 17 Mar 2012 10:56:56 +0000

На fedore столкнулся с такой особенностью, при правах 777 на файл не хочет его изменять. Оказываеться надо пометить (labeled) ‘httpd_sys_rw_content_t’, файл, а лучше всю директорию.

Команда:

$ chcon -t httpd_sys_rw_content_t FILE

Я сделал так:

$ chcon -t httpd_sys_rw_content_t /var/www/html/

Php код в блоках

Thu, 15 Mar 2012 03:23:02 +0000

Сейчас только обратил внимание, что друпал каждый раз обходит все блоки, и проверяет check_markup() и если там php код он соответственно выполняеться, даже если этот блок не выводиться на странице. Так, что лучше по возможности не использовать php код в блоках. Так интересно, а кастомные блоки он тоже обходит?….

Javascript Шаблоны

Sat, 10 Mar 2012 03:36:20 +0000

{"#" * i} Циклы:

For

var i, myArray =[];

for(i = myArray.length; i--;) {
    myArray[i];
}

While

var myArray,
     i = myArray.length;
while(i--) {
    myArray[i]; 
}

{"#" * i} Комментарии:

Application:

/**
 * My JS application
 *
 * @module
 */
MyApp = {};

Class:

/**
 * A math utility 
 * @namespace MyApp
 * @class my_stuff
 */
MyApp.math_stuff = {};

Method:

/**
 * Sums two numbers
 *
 * @method sum
 * @param {Number} a First number
 * @param {Number} b The second number
 * @return {Number} The sum of the two inputs
 */
sum : function (a, b) {
    return a + b;
}

Конструктор

Placeholder для форм на js

Wed, 01 Feb 2012 02:47:56 +0000

Ниже следуший код выдергивает название label к текстфилдам и вставляет их как placeholder.

$('#answ-cont label').each(function(){
    var id = $(this).attr('for');
    var text = $(this).text();
    $(this).css('display', 'none');
    $('input[type="text"]#' + id).val(text);
    $('input[type="text"]#' + id).bind("focus", function(event) {
      if ($(this).val() === text)
      $(this).val("");
    });
    $('input[type="text"]#' + id).bind("blur", function(event) {
      if ($(this).val() === "")
      $(this).val(text);
    });
  });

Убираем экстра padding в firefox у кнопок

Sun, 29 Jan 2012 16:39:28 +0000

Вот такую, клевую штуку подчеркнул для себя, нашел на сайте Прохорова=)

/* Overrides extra padding in Firefox */
button::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
  padding: 0;
  border: none;
}

Скрипт автоматического создания виртуальных хостов

Sat, 28 Jan 2012 04:43:12 +0000

Скрипт предназначен только для localhost! Надоело все ручками прописывать. Вот скрипт, актуален для OpenSuse 12.1:

#!/bin/sh
echo "
  ServerAdmin 1@royaldt.dev
	ServerName $1
	DocumentRoot /srv/www/htdocs/$1
	ErrorLog  /srv/www/htdocs/$1/error_log
        CustomLog  /srv/www/htdocs/$1/access_log combined    
        
    	    Options None
            AllowOverride All
            Order deny,allow
            Allow from all
	
" > /etc/apache2/vhosts.d/$1.conf

echo "Created $1.conf in /etc/apache2/vhosts.d/"

echo 127.0.0.1	$1 >> /etc/hosts

echo "Added Alias 127.0.0.1 $1 into /etc/hosts"

mkdir /srv/www/htdocs/$1

echo "Created directory /srv/www/htdocs/$1"

chmod 777 /srv/www/htdocs/$1

echo "Warning! Chmod 777! For site dir."

echo "$1" > /srv/www/htdocs/$1/index.html

echo "Created default html file"

#my access for mysql root:root
/usr/bin/mysql -uroot -proot mysql -e "CREATE DATABASE IF NOT EXISTS $1;"

echo "Created database $1"

/etc/init.d/apache2 reload

echo "Your site has ready http://$1/"

Запуск от рута, первый параметр это имя хоста:

Проблемы с VirtualBox при обновлении ядра

Fri, 27 Jan 2012 16:02:54 +0000

Так в последний раз ставил следующие пакеты на OpenSuse 12.1: virtualbox-guest-kmp-desktop kernel-desktop gcc kernel-source kernel-syms kernel-devel linux-kernel-headers

В одну команду:

zypper in virtualbox-guest-kmp-desktop kernel-desktop gcc kernel-source kernel-syms kernel-devel linux-kernel-headers

Особенности Drag and Drop для Тачскринов

Fri, 27 Jan 2012 13:30:42 +0000

При огранизации drag&drop в обычном случае пользуються события onmousedown, onmousemove, onmouseup. Но при такой организации на тачскринах наш drag&drop не работает. Для тачскринов есть другие события onTouchStart, onTouchMove,onTouchEnd и onTouchСancel. Особенность в том, что в объекте event передаеться несколько пальцев… Собственно первый палец:

var touch = e.touches[0]

свойства пальца:

clientX: X coordinate of touch relative to the viewport (excludes scroll offset)
clientY: Y coordinate of touch relative to the viewport (excludes scroll offset)
screenX: Relative to the screen
screenY: Relative to the screen
pageX: Relative to the full page (includes scrolling)
pageY: Relative to the full page (includes scrolling)
target: Node the touch event originated from
identifier: An identifying number, unique to each touch event

Проблемы с обновление системы на VirtualBox

Fri, 27 Jan 2012 13:09:51 +0000

На работе на ноутбуке семерка, но как веб-девелоперу мне удобней работать на Linux, в частности на Ubuntu. Поэтому поставил на VirtualBox поставил Ubuntu, настроил все как надо, но радость была недолгой. В VirtualBox есть такая клевая штука как Гостевая ОС очень удобная штука, но при обновлнении Ubuntu, она неожиданно перестает работать, что немного огорчает и глаза ненароком ищут бубен…Но на самом деле все просто. Необходимо переустановить Guest Additions. В Ubuntu она лежит: /opt/ Ищем там папочку Guest Additions и запускаем файл:

Грабли с активными пунктами меню

Mon, 09 Jan 2012 08:21:56 +0000

Если пункт меню имеет дочерние элементы, то если какой-то из этих элементов активен, то родительский элемент будет иметь класс active-trail и обычно в теме выделен стилями. Так вот бывают такие грабли, пункт активен один, а выделяеться другой родительский пункт! Скорей всего дело в отключеных продублированных дочерних элементах, хоть они и отключены они все равно участвуют во всех обработках меню, кроме вывода.

Железный drupal_goto()

Thu, 05 Jan 2012 08:39:57 +0000

Когда используем drupal_goto() в кастомном модуле на хуках типа hook_nodeapi() или hook_user() наш редирект могут запросто перехватить, другие модули, поэтому можно воспользоваться следующей хитростью

unset($_REQUEST['destination']);
drupal_goto('somewhere');

Для drupal 7 работает такая штука

function mersibo_helper_user_login(&$edit, $account) {
    $GLOBALS['destination'] = 'user';
}

Ошибка: Используемый в поле Attach Image файл не может быть использован.

Tue, 27 Dec 2011 13:41:24 +0000

При работе с файлами в form api , есть несколько не очевидных тонкостей, которые превращаются в грабли. Во-первых, необходимо знать, что у файлов есть статус, $file->status, 0 - временный, 1 - коренной. То есть если вы загрузили через форму ваш файл, и не задали ему нужный статус, при первом запуске крона, он весело помашет вам ручкой, и удалиться в тар-тарары Во-вторых, у файла есть счетчик использования, назовем его так. Он нужен, чтобы не удалить файл используемые той или иной сущностью. И если вы к вашему загруженному файлу не прибавите единичку, при сохранение после редактирования, на русском языке, вылезет следующая ошибка, препятствующая спокойной жизни : Используемый в поле Attach Image файл не может быть использован. Далее, представим код, правильного обращения с файлами:

Отключение пачпада в консоле

Sat, 24 Dec 2011 04:54:09 +0000

Команда отключение пачпада через консоль, работает в Ubuntu 11.10:

# synclient TouchPadOff=1

Соответсвенно включение:

# synclient TouchPadOff=0

Требование к верстке под Drupal 7

Sun, 04 Dec 2011 12:35:28 +0000

{"#" * i} Классы у тега <body>

front - главная страница
logined-in - залогиный юзер
toolbar - включенный тулбар
not-front - не главная
page-node-47 - номер ноды
node-type-article - тип ноды

есть возможность вставить какие-то свои.

{"#" * i} Toolbar

Дабы не портить админку, не допускать у элементов на сайте z-index более 500, иначе переписывать стили для toolbar

{"#" * i} Исключение циклических ссылок

лого на главной не должно быть ссылкой
активные ссылки должны быть в теге < span class=”current”> или <span class=”active”> (то есть самих ссылок быть не должно)

{"#" * i} Меню

Сжатие pdf в линуксе

Fri, 18 Nov 2011 03:42:24 +0000

Для сжатия pdf файлов в линуксе нужна лишь одна комманда:

# ps2pdf -dUseFlateCompression=true ./file.pdf

А вообще ниже все флаги для данной программы:

Parameter name	  	Initial value	    	Notes
ASCII85EncodePages		false
AlwaysEmbed		[]
AutoFilterColorImages		true		1
AutoFilterGrayImages		true		1
AutoRotatePages		/None		
ColorACSImageDict		>
ColorDownsampleThreshold		1.5
ColorImageDepth		-1
ColorImageDict		>
ColorImageDownsampleType		/Subsample		3
ColorImageResolution		72
CompatibilityLevel		1.3
CompressPages		true
ConvertCMYKImagesToRGB		true
CoreDistVersion		4000
DefaultRenderingIntent		/Default
DownsampleColorImages		false
DownsampleGrayImages		false
DownsampleMonoImages		false
EmbedAllFonts		true
EncodeColorImages		true
EncodeGrayImages		true
EncodeMonoImages		true
GrayACSImageDict		>
GrayDownsampleThreshold		1.5
GrayImageDepth		-1
GrayImageDict		>
GrayImageDownsampleType		/Subsample		3
GrayImageResolution		72
LockDistillerParams		false
LZWEncodePages		false		2
MaxSubsetPct		35
MonoDownsampleThreshold		1.5
MonoImageDepth		-1
MonoImageDict		>
MonoImageDownsampleType		/Subsample
MonoImageFilter		/CCITTFaxEncode
MonoImageResolution		300
NeverEmbed		[]
OPM		0
PreserveHalftoneInfo		false
PreserveOverprintSettings		false
TransferFunctionInfo		/Apply		4
SubsetFonts		true
UCRandBGInfo		/Remove
UseFlateCompression		true

Cтроитель форм от лулоботов

Wed, 16 Nov 2011 06:10:47 +0000

http://quicksketch.org/demos/form-builder-example

Настройки поля

Fri, 11 Nov 2011 06:44:59 +0000

Вот таким способом можно получить все настройки поля ноды:

field_info_instance($entity_type, $field_name, $bundle_name)

где: $entity_type - имя сущности $field_name - имя поля $bundle_name - имя типа материала, для ноды например

подробнее на api.drupal.org

Значки в трее

Mon, 07 Nov 2011 14:01:12 +0000

Команда для отображения значков в системном трее на ubuntu 11.10:

# gsettings set com.canonical.Unity.Panel systray-whitelist "['all']"

Добавление классов id меню

Mon, 24 Oct 2011 04:51:51 +0000

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

function xakep_menu_link(array $variables) { $element = $variables[’element’]; $sub_menu = ‘’; $element[’#attributes’][‘class’][] = ‘item-’ . $element[’#original_link’][‘mlid’]; if ($element[’#below’]) { $sub_menu = drupal_render($element[’#below’]); } $output = l($element[’#title’], $element[’#href’], $element[’#localized_options’]); return ‘- ’ . $output . $sub_menu . “\n”; }

Правда в примере добавляем класс…но таким образом можно добавить любой аттрибут. Данный хук прописываеться в template.php. (Хук темы)

Статистика использования браузеров

Sun, 16 Oct 2011 16:01:39 +0000

http://gs.statcounter.com/

Фильтры ie

Thu, 13 Oct 2011 14:46:14 +0000

Вот такие костыли в css приходиться использовать до сих пор:

.change_opacity {
    opacity: 0.5;
    filter: alpha(opacity = 50);
}

Профили в firefox

Thu, 13 Oct 2011 03:45:10 +0000

Иногда очень нужно несколько версий FF на компьютере. Решаеться данная проблема созданием профилей. Открываем cmd в windows и пишем:

firefox.exe -P

Открываеться окошко с профилями, создаем свой профиль под каждую версию, я называю их просто ff5, ff6…

После создания профилей устанавливаем FF нужной версии, в отличную от стандартной директорию. И в ярлыке в строке target (не поню как по русски, там где путь к exe прописываеться) дописываем “no-remote -P ff7”. В итоге должно быть что-то подобное:

Toggleval

Wed, 12 Oct 2011 03:56:38 +0000

Тогглевал, вставляет дефолтный тескт в инпуты.

http://plugins.jquery.com/project/toggleval

jQuery(’#edit-comment-body-und-0-value’).val(‘Твой комментарий’).toggleVal({ focusClass: ‘focused’ });

Ну или просто

Открытие ссылки в новом окне на js

Wed, 12 Oct 2011 03:52:14 +0000

Вроде простая вещь, но постоянно забываю.

jQuery(document).ready(function(){ jQuery(’.soc a’).click(function(){ window.open(this.href, ‘Share’,‘width=593,height=353’); return false; });

Стили для списков в контете

Wed, 05 Oct 2011 01:36:11 +0000

.node .content ul, .node ul{
	margin-bottom: 10px;
	list-style-position: inside;
	padding-left:20px;
}
.node .content ul li, .node ul li{
	list-style-type: disc;
}
.node .content ol, .node ol {
	margin-bottom: 10px;
	list-style-position: inside;
	padding-left:20px;
}
.node .content ol li, .node ol li {
	list-style-type: decimal;
}

Массив буквенных кодов стран

Mon, 03 Oct 2011 04:34:25 +0000

$country = array ( ‘AC’ =>‘остров Вознесения’, ‘AD’ => ‘Андорра’, ‘AE’ => ‘Объединенные Арабские Эмираты’, ‘AF’ => ‘Афганистан’, ‘AG’ => ‘Антигуа и Барбуда’, ‘AI’ => ‘’, ‘AL’ => ‘Албания’, ‘AM’ => ‘Армения’, ‘AN’ => ‘Голланские Антильские острова’, ‘AO’ => ‘Ангола’, ‘AQ’ => ‘Антарктика’, ‘AR’ => ‘Аргентина’, ‘AS’ => ‘Американское Самоа’, ‘AT’ => ‘Австрия’, ‘AU’ => ‘Австралия’, ‘AW’ => ‘Аруба’, ‘AX’ => ‘Аландские острова’, ‘AZ’ => ‘Азербайджан’, ‘BA’ => ‘Босния и Герцеговина’, ‘BB’ => ‘Барбадос’, ‘BD’ => ‘Бангладеш’, ‘BE’ => ‘Бельгия’, ‘BF’ => ‘Буркина-Фасо’, ‘BG’ => ‘Болгария’, ‘BH’ => ‘Бахрейн’, ‘BI’ => ‘Бурунди’, ‘BJ’ => ‘Бенин’, ‘BM’ => ‘Бермудские острова’, ‘BN’ => ‘Бруней’, ‘BO’ => ‘Боливия’, ‘BR’ => ‘Бразилия’, ‘BS’ => ‘Багамские острова’, ‘BT’ => ‘Бутан’, ‘BV’ => ‘’, ‘BW’ => ‘Ботсвана’, ‘BY’ => ‘Беларусь’, ‘BZ’ => ‘Белиз’, ‘CA’ => ‘Канада’, ‘CC’ => ‘Кокосовые острова’, ‘CD’ => ‘Конго’, ‘CF’ => ‘Центральноафриканская Республика’, ‘CG’ => ‘Конго’, ‘CH’ => ‘Швейцария’, ‘CI’ => ‘Кот-дИвуар’, ‘CK’ => ‘острова Кука’, ‘CL’ => ‘Чили’, ‘CM’ => ‘Камерун’, ‘CN’ => ‘Китай’, ‘CO’ => ‘Колумбия’, ‘CR’ => ‘Коста-Рика’, ‘CS’ => ‘Сербия и Черногория’, ‘CU’ => ‘Куба’, ‘CV’ => ‘Кабо-Верде’, ‘CX’ => ‘остров Рождества’, ‘CY’ => ‘Кипр’, ‘CZ’ => ‘Чехия’, ‘DE’ => ‘Германия’, ‘DJ’ => ‘Джибути’, ‘DK’ => ‘Дания’, ‘DM’ => ‘Доминика’, ‘DO’ => ‘Доминиканская Республика’, ‘DZ’ => ‘Алжир’, ‘EC’ => ‘Эквадор’, ‘EE’ => ‘Эстония’, ‘EG’ => ‘Египет’, ‘EH’ => ‘Западная Сахара’, ‘ER’ => ‘Эритрея’, ‘ES’ => ‘Испания’, ‘ET’ => ‘Эфиопия’, ‘FI’ => ‘Финляндия’, ‘FJ’ => ‘Фиджи’, ‘FK’ => ‘Фолклендские острова’, ‘FM’ => ‘Микронезия’, ‘FO’ => ‘Фарерские острова’, ‘FR’ => ‘Франция’, ‘GA’ => ‘Габон’, ‘GB’ => ‘Соединенное Королевство Великобритании и Северной Ирландии’, ‘GD’ => ‘Гренада’, ‘GE’ => ‘Грузия’, ‘GF’ => ‘Французская Гвиана’, ‘GG’ => ‘остров Гернси’, ‘GH’ => ‘Гана’, ‘GI’ => ‘Гибралтар’, ‘GL’ => ‘Гренландия’, ‘GM’ => ‘Гамбия’, ‘GN’ => ‘Гвинея’, ‘GP’ => ‘Гваделупа’, ‘GQ’ => ‘Экваториальная Гвинея’, ‘GR’ => ‘Греция’, ‘GS’ => ‘Южная Джорджия и Южные Сандвичевы острова’, ‘GT’ => ‘Гватемала’, ‘GU’ => ‘Гуам’, ‘GW’ => ‘Гвинея-Бисау’, ‘GY’ => ‘Гайана’, ‘HK’ => ‘Гонконг’, ‘HM’ => ‘’, ‘HN’ => ‘Гондурас’, ‘HR’ => ‘Хорватия’, ‘HT’ => ‘Гаити’, ‘HU’ => ‘Венгрия’, ‘ID’ => ‘Индонезия’, ‘IE’ => ‘Ирландия’, ‘IL’ => ‘Израиль’, ‘IM’ => ‘остров Мэн’, ‘IN’ => ‘Индия’, ‘IO’ => ‘’, ‘IQ’ => ‘Ирак’, ‘IR’ => ‘Иран’, ‘IS’ => ‘Исландия’, ‘IT’ => ‘Италия’, ‘JE’ => ‘остров Джерси’, ‘JM’ => ‘Ямайка’, ‘JO’ => ‘Иордания’, ‘JP’ => ‘Япония’, ‘KE’ => ‘Кения’, ‘KG’ => ‘Кыргызстан’, ‘KH’ => ‘Камбоджа’, ‘KI’ => ‘Кирибати’, ‘KM’ => ‘Коморские острова’, ‘KN’ => ‘Сент-Китс и Невис’, ‘KP’ => ‘Северная Корея’, ‘KR’ => ‘Южная Корея’, ‘KW’ => ‘Кувейт’, ‘KY’ => ‘Каймановы острова’, ‘KZ’ => ‘Казахстан’, ‘LA’ => ‘Лаос’, ‘LB’ => ‘Ливан’, ‘LC’ => ‘Сент-Люсия’, ‘LI’ => ‘Лихтенштейн’, ‘LK’ => ‘Шри-Ланка’, ‘LR’ => ‘Либерия’, ‘LS’ => ‘Лесото’, ‘LT’ => ‘Литва’, ‘LU’ => ‘Люксембург’, ‘LV’ => ‘Латвия’, ‘LY’ => ‘Ливия’, ‘MA’ => ‘Марокко’, ‘MC’ => ‘Монако’, ‘ME’ => ‘Монтенегро’, ‘MD’ => ‘Молдова’, ‘MG’ => ‘Мадагаскар’, ‘MH’ => ‘Маршалловы острова’, ‘MK’ => ‘Македония’, ‘ML’ => ‘Мали’, ‘MM’ => ‘Мьянма’, ‘MN’ => ‘Монголия’, ‘MO’ => ‘Макао’, ‘MP’ => ‘Mariana Северные Марианские острова’, ‘MQ’ => ‘Мартиника’, ‘MR’ => ‘Мавритания’, ‘MS’ => ‘Монтсеррат’, ‘MT’ => ‘Мальта’, ‘MU’ => ‘Маврикий’, ‘MV’ => ‘Мальдивы’, ‘MW’ => ‘Малави’, ‘MX’ => ‘Мексика’, ‘MY’ => ‘Малайзия’, ‘MZ’ => ‘Мозамбик’, ‘NA’ => ‘Намибия’, ‘NC’ => ‘Новая Каледония’, ‘NE’ => ‘Нигер’, ‘NF’ => ‘Норфолк’, ‘NG’ => ‘Нигерия’, ‘NI’ => ‘Никарагуа’, ‘NL’ => ‘Нидерланды’, ‘NO’ => ‘Норвегия’, ‘NP’ => ‘Непал’, ‘NR’ => ‘Науру’, ‘NU’ => ‘’, ‘NZ’ => ‘Новая Зеландия’, ‘OM’ => ‘Оман’, ‘PA’ => ‘Панама’, ‘PE’ => ‘Перу’, ‘PF’ => ‘Французская Полинезия’, ‘PG’ => ‘Папуа - Новая Гвинея’, ‘PH’ => ‘Филиппины’, ‘PK’ => ‘Пакистан’, ‘PL’ => ‘Польша’, ‘PM’ => ‘Сен-Пьер и Микелон’, ‘PN’ => ‘остров Питкэрн’, ‘PR’ => ‘Пуэрто-Рико’, ‘PS’ => ‘Палестина’, ‘PT’ => ‘Португалия’, ‘PW’ => ‘Палау’, ‘PY’ => ‘Парагвай’, ‘QA’ => ‘Катар’, ‘RE’ => ‘остров Реюньон’, ‘RO’ => ‘Румыния’, ‘RU’ => ‘Россия’, ‘RW’ => ‘Руанда’, ‘SA’ => ‘Саудовская Аравия’, ‘SB’ => ‘Соломоновы Острова’, ‘SC’ => ‘Сейшельские Острова’, ‘SD’ => ‘Судан’, ‘SE’ => ‘Швеция’, ‘SG’ => ‘Сингапур’, ‘SH’ => ‘остров Святой Елены’, ‘SI’ => ‘Словения’, ‘SJ’ => ‘’, ‘SK’ => ‘Словакия’, ‘SL’ => ‘Сьерра-Леоне’, ‘SM’ => ‘Сан-Марино’, ‘SN’ => ‘Сенегал’, ‘SO’ => ‘Сомали’, ‘SR’ => ‘Суринам’, ‘ST’ => ‘Сан-Томе и Принсипи’, ‘SU’ => ‘СССР’, ‘SV’ => ‘Сальвадор’, ‘SY’ => ‘Сирия’, ‘SZ’ => ‘Свазиленд’, ‘TC’ => ‘’, ‘TD’ => ‘Чад’, ‘TF’ => ‘’, ‘TG’ => ‘Того’, ‘TH’ => ‘Таиланд’, ‘TJ’ => ‘Таджикистан’, ‘TK’ => ‘Токелау’, ‘TL’ => ‘-’, ‘TM’ => ‘Туркменистан’, ‘TN’ => ‘Тунис’, ‘TO’ => ‘Тонга’, ‘TP’ => ‘Восточный Тимор’, ‘TR’ => ‘Турция’, ‘TT’ => ‘Тринидад и Тобаго’, ‘TV’ => ‘Тувалу’, ‘TW’ => ‘Тайвань’, ‘TZ’ => ‘Танзания’, ‘UA’ => ‘Украина’, ‘UG’ => ‘Уганда’, ‘UK’ => ‘Соединенное Королевство Великобритании и Северной Ирландии’, ‘UM’ => ‘’, ‘US’ => ‘США’, ‘UY’ => ‘Уругвай’, ‘UZ’ => ‘Узбекистан’, ‘VA’ => ‘Ватикан’, ‘VC’ => ‘Сент-Винсент и Гренадины’, ‘VE’ => ‘Венесуэла’, ‘VG’ => ‘Виргинские острова, Британские’, ‘VI’ => ‘Виргинские острова, США’, ‘VN’ => ‘Вьетнам’, ‘VU’ => ‘Вануату’, ‘WF’ => ‘’, ‘WS’ => ‘Западное Самоа’, ‘YE’ => ‘Йемен’, ‘YT’ => ‘’, ‘YU’ => ‘Югославия’, ‘ZA’ => ‘ЮАР’, ‘ZM’ => ‘Замбия’, ‘ZW’ => ‘Зимбабве’ );

Функция склонения существительных с числительными

Thu, 29 Sep 2011 01:07:11 +0000

Функция склонения существительных, нагло стыренная с хабры.

10 && $n 1 && $n1

Jquery Validate

Wed, 28 Sep 2011 05:50:47 +0000

Вот такой простой способ валидации форм. login, pass это name input.

jQuery("#block-login-register-form").validate({ rules: { login: { required: true, minlength: 2 }, pass: { required: true, minlength: 5 }, password2: { required: true, minlength: 5, equalTo: “#edit-pass” }, email: { required: true, email: true }, license: “required” }, messages: { login: { required: “Пожалуйста введите имя”, minlength: “Любой алфавит, от 2 до 30 символов” }, pass: { required: “Пожалуйста введите пароль”, minlength: “Минимальная длина пароль 5 символов” }, password2: { required: “Пожалуйста повторите пароль”, minlength: “Минимальная длина пароль 5 символов”, equalTo: “Пароли не совпадают” }, email: “Пожалуйста введите существующий e-mail”, license: “Пожалуйста согласитесь с правилами сайта” } });

Mootools. Аккордеон для меню на Joomla

Sat, 24 Sep 2011 07:35:43 +0000

Вот понадобилась изучать mootools:

window.addEvent(‘domready’, function(){ $$(’.kidsmenu .parent > a’).addEvent(‘click’, Event.stop) /Останавливаем переход по ссылки/ var myAccordion = new Fx.Accordion($$(’.kidsmenu .parent:not(.active) > a’), $$(’.kidsmenu .parent:not(.active) ul’), { display: -1, alwaysHide: true, }); });

Проверено на mootools 1.2.4

Шаблон то типу ноды и ее номеру

Tue, 20 Sep 2011 09:08:12 +0000

Для использования следующих названий шаблонов для страниц определенного типа или номера:

page–type–blog.tpl.php и page–node–2.tpl.php,

следует прописать следующий код в template.php

function mytheme_preprocess_page(&$variables, $hook) { //some other stuff if (isset($variables[’node’])) {
$variables[’theme_hook_suggestions’][] = ‘page__type__’. $variables[’node’]->type; $variables[’theme_hook_suggestions’][] = “page__node__” . $variables[’node’]->nid; } }

Fancybox

Fri, 16 Sep 2011 14:30:57 +0000

Вызов какого-нибудь, окошка по клику с заданым тайтлом. Для вывода собственного текста есть параметр content, .trigger(‘click’) - выводит окошко.

Кликая по одной ссылки, открываеться окно с картинкой из другой ссылки.

jQuery(".goals a.trendmotion").click(function(){ jQuery(“a.trendmotion#trendmotion”).fancybox({ ’titlePosition’ : ‘inside’, ’titleFormat’ : function() { return trend_desc;
} }).trigger(‘click’); });

Самые нужные регулярные выражения

Tue, 13 Sep 2011 02:56:10 +0000

Pattern Letters, numbers and hyphens

([A-Za-z0-9-]+)

Date (e.g. 21/3/2006)

(\d{1,2}\/\d{1,2}\/\d{4})

jpg, gif or png image

([^\s]+(?=\.(jpg|gif|png))\.\2)

Any number from 1 to 50 inclusive

(^[1-9]{1}$|^[1-4]{1}[0-9]{1}$|^50$)

Valid hexadecimal colour code

(#?([A-Fa-f0-9]){3}(([A-Fa-f0-9]){3})?)

String with at least one upper case letter, one lower case letter, and one digit (useful for passwords).

((?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,15})

Email addresses

(\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,6})

HTML Tags

(\]+)\>)

Basic Url

"/(http|https):\/\/([a-zA-Z0-9.]|%[0-9A-Za-z]|\/|:[0-9]?){5,}/"

Поиск строк в файлах

Sat, 10 Sep 2011 03:14:55 +0000

Windows

findstr /s /i qwerty13 *.php

Linux

grep -rl someSrting

Особенности верстки под IE

Thu, 08 Sep 2011 05:28:37 +0000

Вертикальное выравнивание текста в input[type=‘text’]

display: inline-block; для ie7

*display:inline;
zoom: 1;

Like and Share Buttons

Wed, 31 Aug 2011 02:54:29 +0000

Ссылки на share и like кнопки, от facebook, vkontakte, и т.д.

FaceBook Like and Recommends Button

Tweet button

Vkontakte Button

Google plus Button

Yandex Social Bar

Кастомный текст и ссылка в твиттер кнопке. Обратите внимание, что символ & твиттер принимает за служебный символ, поэтому для передачи его заменяем на %26.

Кастомные текст, картинка, ссылка и заголовок в Facebook. Это просто ссылка, для открытия ее как обычная шара используеться скрипт.

title;?>&p[url]=&p[images][0]=&p[summary]=">

Вконтакте:

Скрипт скрытия/раскрытия таблиц по клику на caption

Tue, 23 Aug 2011 06:18:44 +0000

JS Скрипт

$(document).ready(function(){ $(".table_styles caption").parent().addClass(‘hide’); $(".table_styles caption").click( function() { $(this).parent().toggleClass(‘hide’); }); })

CSS:

table {
  width: 100%;
}
.table_styles .hide thead,
.table_styles  .hide tbody{
  display:none;
}
.table_styles  table caption {
  cursor: pointer;
}

Использование регулярных выражений в jQuery

Tue, 23 Aug 2011 05:49:13 +0000

Для использования регулярных выражений, без которых иногда просто не обойтись, можно пользоваться следующим сниппетом:

/for regex in jquery/

jQuery.expr[’:’].regex = function(elem, index, match) {

var matchParams = match[3].split(’,’),

validLabels = /^(data|css):/,

attr = {

  method: matchParams[0].match(validLabels) ? matchParams[0].split(':')[0] : 'attr',

  property: matchParams.shift().replace(validLabels,'')

regexFlags = ‘ig’,

regex = new RegExp(matchParams.join(’’).replace(/^\s+|\s+$/g,’’), regexFlags);

return regex.test(jQuery(elem)attr.method);

}

Пример использования:

$(“input:regex(id, ^edit-field-sud-value-” + s[4] + “-children-.*)”).attr(‘checked’, ‘checked’);

Готовые стили для кнопок

Tue, 23 Aug 2011 05:32:17 +0000

input[type='text'], input[type='password'] {

	border: 1px solid #ccc;

}

input[type='submit']{

	padding: 5px 3px;

	border: 1px solid #ddd;

}

Простой toggle

Fri, 19 Aug 2011 09:57:18 +0000

Простой toggle сворачивания-разворачивания.

Some title
Some text

$(’.class’).click(function() { $(this).next().toggle(‘slow’, function() { $(this).toggleClass(“someClass”); }); });

Отправка смс с почты на номер БВК

Fri, 19 Aug 2011 04:09:05 +0000

Для отправки короткого сообщения абоненту «Байкалвестком»:

Надо отправить сообщение на электронный адрес 7902×××××××@sms.bwc.ru , где ××××××× — 7-значный мобильный номер абонента.

Готовые стили для таблицы

Mon, 15 Aug 2011 05:15:57 +0000

table { background: none repeat scroll 0 0 white; border-collapse: separate; border-color: #ccc; border-spacing: 2px; } table thead { background: none repeat scroll 0 0 #EDF4F7; } table tbody { background: none repeat scroll 0 0 #F3F3F3; } tbody { border-top: 0 none; } table td { border-bottom: 0 none; padding: 5px; }

table { border-width: 0px; border-spacing: 0px; border-style: solid; border-color: black; border-collapse: collapse; } table th { border-width: 1px; padding: 1px; border-style: inset; border-color: black; } table td { border-width: 1px; padding: 1px; border-style: inset; border-color: black; padding:5px; }

Функция перевода t.

Sat, 13 Aug 2011 11:56:01 +0000

Друпал поддерживает множество языков, и каждая строка может быть переведена на нужный язык. Для возможности перевода строки, следует прогнать ее через функцию t().

t($string, array $args = array(), array $options = array())

Пример:

 // @user - строка проходит через фукцию check_plain()
 // %user - строка проходит через функцию drupal_placeholder()
 // !user - строка как есть
$values = array('@user' => $username);
print t('Welcome, @user', $values);

Если пишите строку на русском, следует указать код языка, иначе при переводе, друпал будет думать, что это английский.

Необходимый набор модулей для любого сайта

Thu, 11 Aug 2011 04:18:14 +0000

Вот список модулей необходимых для нормального функционирования практически любого сайта.

Bueditor - простенький редактор, которого хватает в 90% случаях.

Pathauto - модуль автоматического пути.

Transliteration - модуль для перевода кириллицы в транслит, по большей части необходим для pathauto.

Colorbox - модуль для открытия картинок во всплывающихся окнах.

Insert - модуль для вставки изображений в текст, очень удобен в связке с Bueditor и Colorbox.

Hansel breadcrumbs - модуль для хлебных крошек, лучший по моему мнению модуль на эту тему.

Отправка писем из модуля

Wed, 10 Aug 2011 14:25:31 +0000

Для отправки писем из нашего абстрактного модуля нам понадобится реализация, hook_mail.

hook_mail($key, &$message, $params),

где

$message = array( ‘id’ => $module . ‘_’ . $key, ‘module’ => $module, //название нашего модуля ‘key’ => $key, //идентификатор отправки ’to’ => $to, /адрес отправителя, должен соответствовать RFC 2822 (например: user@example.com user@example.com, anotheruser@example.com User User , Another User )/ ‘from’ => isset($from) ? $from : $default_from, //адрес отправителя, по умолчанию адрес сайта ’language’ => $language, ‘params’ => $params, //массив параметров для построения письма ‘subject’ => ‘’, //тема письма ‘body’ => array(), //массив строк тела письма );

Конструкция switch case

Sun, 07 Aug 2011 09:20:27 +0000

Конструкция Swich case, аналогична if elseif, но при большом количестве условий является более читабельной.

Программное сохранение ноды

Sat, 06 Aug 2011 18:54:55 +0000

Для программного создания ноды создаем объект и “заполняем” его необходимыми для ноды полями, после функцией node_save($node) сохраняем, если указать поле $node->nid нода сохраниться под этим номером, если не указать, номер создаться автокриментом.

   global $user;
    $node = new stdClass();
    $node->type = 'bull';
    $node->title = $values['title'];
$node->uid = $user->uid;
$node->language = 'ru';
$node->status = 0;
$node->promote = 0;
$node->comment = 0;
$node->sticky = 0;
$node->created = REQUEST_TIME;
$node->changed = REQUEST_TIME; 
    $node->body['ru']['0'] = $values['description'];
    $node->field_fieldname['ru']['0']['value'] = '';
    node_save($node);

UPD: Вообще оказываеться правильной делать так:

Генерация хэша пароля в Drupal 7

Sat, 06 Aug 2011 16:17:53 +0000

Drupal 7 использует свой алгоритм генерации хэша пароля (не md5 как Drupal 6). Для генерации хэша необходимо выполнить следующую команду в корневой папке друпала:

royaldt# ./scripts/password-hash.sh 12345

которая выдаст следующие:

password: 12345 		hash: $S$C5TLNVghR3WjNiURWVIOwB.YVlRD56sHdBg3Uzl7lkoKQgBG6SmX

Функции модуля Taxonomy 7.x

Sat, 06 Aug 2011 13:32:54 +0000

Получить объект термина по tid

$term = taxonomy_term_load($tid);

Получить дерево словаря

taxonomy_get_tree($vid, $parent = 0, $max_depth = NULL, $load_entities = FALSE)

$vid Which vocabulary to generate the tree for.

$parent The term ID under which to generate the tree. If 0, generate the tree for the entire vocabulary.

$max_depth The number of levels of the tree to return. Leave NULL to return all levels.

$load_entities If TRUE, a full entity load will occur on the term objects. Otherwise they are partial objects queried directly from the {taxonomy_term_data} table to save execution time and memory consumption when listing large numbers of terms. Defaults to FALSE.

Вывод тэгов с количеством нод в блок

Sat, 06 Aug 2011 10:09:45 +0000

t(‘Tags’), ); return $blocks; } function tax_menu_block_view($delta = ‘’) { $block = array( ‘subject’ => ‘’, ‘content’ => ‘’,
); if ($delta == ’tax_menu’) { $block[‘subject’] = ‘Tags’; $block[‘content’] = get_items(); } return $block; } function get_items() { $query = db_select(’node’, ’n’); $query->innerJoin(‘field_revision_field_tags’, ’t’, ’n.nid = t.entity_id’); $query->innerJoin(’taxonomy_term_data’, ’td’, ’t.field_tags_tid = td.tid’); $query->condition(’td.vid’, VOCABULARY. ‘=’); $query->fields(’td’, array(’name’, ’tid’)); $query->groupBy(’td.tid’); $query->addExpression(‘COUNT(*)’, ‘c’); $query->orderBy(’td.name’, ‘ASC’); $result = $query->execute(); foreach ($result as $item) { $items[] = l($item->name . ‘(’ . $item->c . ‘)’, ’taxonomy/term/’ . $item->tid ); } $attributes = array( ‘id’ => ’tax_menu_list’, ); $output = theme(‘item_list’, array(‘items’ => $items, ’type’ => ‘ul’, ‘attrebutes’ => $attributes )); return $output ; }

Настройка виртуальных хостов на апаче

Mon, 01 Aug 2011 07:33:16 +0000

IP addresses / ports to listen on

Include /etc/apache2/listen.conf

VirtualHost: If you want to maintain multiple domains/hostnames on your

machine you can setup VirtualHost containers for them.

Include /etc/apache2/vhosts.d/*.conf

файл listen.conf

NameVirtualHost localhost:80
NameVirtualHost 127.0.0.1:80

файл hosts.conf в /vhosts.d

ServerAdmin 11t@gmail.com
 ServerName newsite
 DocumentRoot /srv/www/htdocs/newsite
 ErrorLog  /srv/www/htdocs/newsite/error_log
 CustomLog  /srv/www/htdocs/newsite/access_log combined    
 
  Options None
  AllowOverride All
  Order deny,allow
  Allow from all

рестарт апача

/etc/init.d/apache2 restart

и не забыть прописать алиас в host

127.0.0.1   newsite

Команды linux

Sat, 30 Jul 2011 16:05:53 +0000

Самые необходимые комманды линуха

Копирование содержимого папки

cp -r ./folder/*  ./folder

Поиск текста в файлах

grep -rl 'text' /path/

Поиск файлов:

find / -name game

Добавить ключ:

ssh-add jeremy_key

Закачка добавленного видео на ютуб

Sat, 30 Jul 2011 14:59:12 +0000

I thought I would share the configuration I came up with, in case it is helpful to anyone else.

My use case: Upload a video, display it on youtube, and then display the video on my site in an emfield.

Setup: (a) Enable and configure these modules: emfield, emvideo media_youtube media_mover_api, media_mover_cck, media_mover_emfield (b) Create a cck node type (“video”) with both a filefield (eg “field_filefield_video) and an emvideo field (eg “field_emvideo”) (c) Create a few video-type nodes. Leave the emvideo field blank, and upload some videos into the filefield.

Вставка views в шаблон

Fri, 29 Jul 2011 14:34:21 +0000

views_embed_view($name, $display_id = ‘default’)

Добавление текста в форму

Fri, 29 Jul 2011 01:57:39 +0000

Drupal 7 $form[’label’] = array( ‘#markup’ => “{”#" * i} Привет!", );

Drupal 6 $form[’label’] = array( ‘#value’ => “{”#" * i} Привет!", );

drupal format_date

Wed, 27 Jul 2011 13:04:48 +0000

function

format_date($timestamp, $type = ‘medium’, $format = ‘’, $timezone = NULL, $langcode = NULL)

example

$date = format_date($timestamp, ‘custom’, ’d F Y’);

Да простит меня музицирующий друпальщик

Wed, 27 Jul 2011 09:49:42 +0000

Выборка с условием:

// Drupal 6 $nodes = db_query(“SELECT nid, title FROM {node} WHERE type = ‘%s’ AND uid = %d”, ‘page’, 1);

// Drupal 7, вариант 1 $nodes = db_query(“SELECT nid, title FROM {node} WHERE type = :type AND uid = :uid”, array(’:type’ => ‘page’, ‘:uid’ => 1));

// Drupal 7, вариант 2 (более правильный) $nodes = db_select(’node’, ’n’) ->fields(’n’, array(’nid’, ’title’)) ->condition(’n.type’, ‘page’) ->condition(’n.uid’, 1) ->execute(); Выборка из двух таблиц соединённых с помощью INNER JOIN:

Функция вывода списка

Wed, 27 Jul 2011 08:29:15 +0000

//for drupal 6 $title = MYTITLE; $type = ‘ul’; $attributes = array( ‘id’ => ‘MYITEMLISTID’, ); $page_contents .= theme(‘item_list’, $items, $title, $type, $attributes);

//for drupal 7 $output = theme(‘item_list’, array(‘items’ => $items, ’type’ => ‘ul’, ‘attrebutes’ => $attributes ));

Запрос в drupal 6

Tue, 26 Jul 2011 14:52:56 +0000

db_query(“SELECT us.name FROM {user_relationships} ur INNER JOIN {users} us ON ur.requestee_id = us.uid WHERE ur.requester_id = ‘%s’ AND ur.approved = %d”, $uid, 1);

%s - means string

%d -means integer

%b - means Binary

%% -means Inserts a literal % sign

%f - means Float

while ($item = db_fetch_object($result)) { $options[$item->name] = $item->name; }

Вывод формы поиска в шаблон

Tue, 26 Jul 2011 09:45:27 +0000

Вывод блока

Tue, 26 Jul 2011 09:23:31 +0000

For Drupal 7 :

$block = module_invoke(‘block’, ‘block_view’, 30);

@arg 1 : module name @arg 2 : hook name like block_view, block_info @arg 3 : id or delta of the block e.g 30, map-block_1

for Drupal 6 :

$block = module_invoke(‘block’, ‘block’, ‘view’, 30);

@arg 1 : module name @arg 2 : hook name like block @arg 3 : $op of hook_block e.g. info, view, configure @arg 4 : id or delta of the block e.g 30, map-block_1

Вывод меню в шаблон

Tue, 26 Jul 2011 07:15:46 +0000

menu_navigation_links(‘menu-mobile-menu’), ‘attributes’ => array( ‘class’ => array (‘mobile-menu’), ), )); ?>

Симулятор Opera mini

Tue, 26 Jul 2011 07:14:41 +0000

Симулятор мобильной оперы. http://www.opera.com/mobile/demo/

Подключение скриптов и стилей в модуле

Sat, 23 Jul 2011 15:10:34 +0000

$path = drupal_get_path(‘module’, ‘j_catalog’); drupal_add_js($path . ‘scripts/j.js’, ‘file’); drupal_add_css($path . ‘css/j.css’, ‘file’);

Два селекта на ajax

Sat, 23 Jul 2011 13:57:37 +0000

Два селекта: марка и модель. Выбираем марку и у нас подгружается список моделей. В коллбэк функции возвращаем форму, которую хотим изменить. Через** $form_state** получаем значение. Будьте внимательны, форма перестраивается занова, но визуально меняется только изменяющийся элемент.

//функция создания формы function bull_form($form, $form_state,$nid = NULL) { //запрос к таксономии для заполнения селекта $query = db_select(’taxonomy_term_data’, ’t’); $query->innerJoin(’taxonomy_term_hierarchy’, ‘r’, ’t.tid = r.tid’); $query->fields(‘r’,array(‘parent’)); $query->fields(’t’); $query->condition(‘r.parent’, PARENT, ‘=’ ); $query->orderBy(’t.name’, ‘ASC’); $result = $query->execute(); $options = array(); //заполняем option для select foreach($result as $item){ $options[$item->tid] = $item->name; } //проверям выбрана ли марка, делаем запрос по моделям этой марки (то есть пришел ли запрос от аякса) if(isset($form_state[‘values’][‘marka’])) { $tid = $form_state[‘values’][‘marka’]; $query = db_select(’taxonomy_term_data’, ’t’); $query->innerJoin(’taxonomy_term_hierarchy’, ‘r’, ’t.tid = r.tid’); $query->fields(’t’); $query->fields(‘r’,array(‘parent’)); $query->condition(‘r.parent’, $tid, ‘=’ ); $query->orderBy(’t.name’, ‘ASC’); $result = $query->execute(); $options2 = array(); //собираем опции для селекта foreach($result as $item){ $options2[$item->tid] = $item->name; } } // селект марки $form[’left’][‘marka’] = array ( ‘#type’ => ‘select’, ‘#title’ => t(‘Producer’), ‘#options’ => $options, ‘#ajax’ => array( //прописываем какую звать функцию при изменение селекта ‘callback’ => ‘ajax_get_models’, //какой элемент html в форме заменять ‘wrapper’ => ‘replace_models_div’, ),
); $form[‘right’][‘model’] = array ( ‘#type’ => ‘select’, ‘#title’ => t(‘Model’), ‘#options’ => (isset($options2)) ? $options2 : array(‘choose model’), //оборачиваем в div для замены ‘#prefix’ => ‘’, ‘#suffix’ => ‘’,
); return $form;

tar

Wed, 20 Jul 2011 14:07:47 +0000

Creating a tar file:

linux# tar -cvf file.tar myfile.txt

Создание tar.gz файла

tar -zcvf  file.tar.gz myfile.txt

Распаковка:

tar -zxvf  file.tar.gz myfile.txt

linux# tar -cvf home.tar home/

Extracting the files from a tar file:

linux# tar -xvf myfile.tar

linux# tar -xvzf myfile.tar.gz

flags

…

Cсылка. Функция l

Sat, 16 Jul 2011 02:43:16 +0000

Причин по которым следует использовать для построения ссылок функцию l, я вижу две. Во-первых, друпал добавляет к ней свои классы (как например active), что очень удобно. Во-вторых, прописывает, если заданы, алиасы пути.

l(t(‘Задать Вопрос’), ‘ask’, array(‘attributes’ => array(‘class’ => array(‘show_ajax_form’), ‘id’ => array(‘faq_ajax’))));

Если в виде ссылки нужно вывести картинку или другой html, добавляем параметр html в TRUE

l(’’, ‘/images/imageBig.jpg’, array(‘html’ => TRUE, ‘attibutes’=> array(‘class’ => array(‘array(‘images’)))));

Архив

Mon, 01 Jan 0001 00:00:00 +0000