Распечатать этот пост

Несколько ошибок с PHP версии 5.3 и выше

Замечено было 2 ошибки в плагине Ajaxfilemanager для TinyMCE при работе на хосте с PHP версии 5.3 и выше.

Первая

перестали отображаться превью залитых картинок с расширением JPG

Исправление

В файле /admin/ajaxfilemanager/inc/class.image.php

в функцию

function _isSupported($filename, $extension, $function, $write = false)

добавить код

if (PHP_VERSION_ID >= 50300 && strtolower($extension) == "jpg") $extension = "JPEG";

Получится вот так:

Узнать больше

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (2 голосов, в среднем: 3,50 из 5)
Загрузка...

Распечатать этот пост

Галерея PikaChoose и навигация интегрированного Fancybox

Ну что, начнемс. По запросу PikaChoose (не путать с Pok?mon-ом) в google.com или yandex.ru, вы, мои дорогие (я меня паранойя, что блог читают еще люди окромя меня), так вот, по этому запросу вы найдете много всякого полезного. И то, что это плагин для слайд-шоу с массой возможностей, и то что он интегрируется с Fancybox, и то что можно прикрутить jCarousel и ваще — сказка, а не плагин для обыкновенных задач.

Все это хорошо, но вот я добавлю все таки отсебятины, ну не совсем отсебятины, но все же.

Узнать больше

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (3 голосов, в среднем: 5,00 из 5)
Загрузка...

Распечатать этот пост

Проблемы с прозрачными изображениями в Nivo Slider

В одном из проектов я использовал Nivo Slider и столкнулся с такой проблемкой, как прозрачные изображения (png).  То есть, при смене одного изображения на другое, у нас оставалось предыдущее… как бы наслоение предыдущего на следующее. К сути. Открываем файл jquery.nivo.slider.js и ищем кусок кода:

if(!nudge){
	slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');
} else {
	if(nudge == 'prev'){
		slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');
	}
	if(nudge == 'next'){
		slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');
	}
}

Узнать больше

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (4 голосов, в среднем: 5,00 из 5)
Загрузка...

Распечатать этот пост

Исправить YouTube IFrame Overlay и Z-Index

По умолчанию код для вставки, который предлагает YouTube выглядит следующим образом:

<iframe title="YouTube video player" src="http://www.youtube.com/embed/lZqrG1bdGtg" frameborder="0" width="640" height="390"></iframe>

Немного его модифицируем и получим желанный результатос:

<iframe title="YouTube video player" src="http://www.youtube.com/embed/lZqrG1bdGtg?wmode=opaque" frameborder="0" width="640" height="390"></iframe>

Мы просто добавили небольшой фрагмент «?wmode=opaque» в конец URL-адреса и все прекрасно заработало.
Узнать больше

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (4 голосов, в среднем: 5,00 из 5)
Загрузка...

Распечатать этот пост

Выдвигающаяся с любой стороны панель

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

1. CSS

.panel {
	padding: 20px;
	width: 250px;
	background: #eeeeee;
	border: #282828 2px solid;
	font-family: Georgia;
}

2. Подключение jQuery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>

Узнать больше

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (8 голосов, в среднем: 4,38 из 5)
Загрузка...

Распечатать этот пост

jQuery плагин ограничения количества вводимых символов в textarea

Пример как ограничить количество вводимых символов в TEXTAREA, т.е. используя JavaScript (и библиотеку jQuery) эмитировать действие атрибута maxlength.

Нам понадобится использовать библиотеку jQuery. Как обычно:

<script src="путь/к/jquery.js" type="text/javascript"></script>

Код плагина с небольшими комментариями:

<script type="text/javascript">
// создаём плагин maxlength
jQuery.fn.maxlength = function(options) {
  // определяем параметры по умолчанию и прописываем указанные при обращении
  var settings = jQuery.extend({
    maxChars: 10, // максимальное колличество символов
    leftChars: "character left" // текст в конце строки информера
  }, options);
  // выполняем плагин для каждого объекта
  return this.each(function() {
    // определяем объект
    var me = $(this);
    // определяем динамическую переменную колличества оставшихся для ввода символов
    var l = settings.maxChars;
    // определяем события на которые нужно реагировать
    me.bind('keydown keypress keyup',function(e) {
      // если строка больше maxChars урезаем её
      if(me.val().length>settings.maxChars) me.val(me.val().substr(0,settings.maxChars));
      // определяем колличество оставшихся для ввода сиволов
      l = settings.maxChars - me.val().length;
      // отображаем значение в информере
      me.next('div').html(l + ' ' + settings.leftChars);
    });
    // вставка информера после объекта
    me.after('<div class="maxlen">' + settings.maxChars + ' ' + settings.leftChars + '</div>');
  });
};
</script>

Узнать больше

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (5 голосов, в среднем: 5,00 из 5)
Загрузка...

Распечатать этот пост

Виртуальные коды клавиш (Keyboard Codes)

Вот понадобились мне коды нажимаемых клавиш, ладно по памяти еще помню, что Enter это 13, Esc — 27, а Space — 32 и все, дальше память подвела. А нужен то был код Ctrl-Enter.
По-этому делаю себе пометочку с виртуальными кодами клавиш (keycodes) стандартной клавиатуры.

Table: Keypad Keys

   ---------------------------------------------------------------------
    Key                       Code(linux)  Code(windows)  Code(windows)
                                 DEX          DEX            HEX
   ---------------------------------------------------------------------
    Uparrow, Ctrl-E               5           38            0x26
    Dnarrow, Ctrl-X               2           40            0x28
    Leftarrow, Ctrl-S            19           37            0x25
    Rightarrow, Ctrl-D            4           39            0x27
    Home, Ctrl-A                  1           36            0x24
    End, Ctrl-F                   6           35            0x23
    PgUp, Ctrl-R                 18           33            0x21
    PgDn, Ctrl-C                  3           34            0x22

Узнать больше

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (18 голосов, в среднем: 4,22 из 5)
Загрузка...

Распечатать этот пост

Как запретить браузеру выделять текст

Решение на запрет выделения текста с использованием JavaScript:

function preventSelection(element){
  var preventSelection = false;

  function addHandler(element, event, handler){
    if (element.attachEvent)
      element.attachEvent('on' + event, handler);
    else
      if (element.addEventListener)
        element.addEventListener(event, handler, false);
  }
  function removeSelection(){
    if (window.getSelection) { window.getSelection().removeAllRanges(); }
    else if (document.selection && document.selection.clear)
      document.selection.clear();
  }
  function killCtrlA(event){
    var event = event || window.event;
    var sender = event.target || event.srcElement;

Узнать больше

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (8 голосов, в среднем: 4,88 из 5)
Загрузка...

Распечатать этот пост

SWFObject — скрипт для вставки флэш (Flash)

Представляю вашему вниманию прекрастнейший скриптец SWFObject, используемый для вложения Flash-роликов без лишнего, так сказать, геморроя.

Скрипт имеет ряд преимуществ:

  • кроссбраузерный  и соответствует стандартам;
  • позволяет избежать необходимости активации Flash-ролика пользователем в Internet Explorer, Opera;
  • можно задавать альтернативный контент в случае, если у пользователя не установлен Flash-плеер или стоит старая версия;
  • можно проверять версию Flash-плеера и предлагать обновиться, если та устарела, либо запускать экспресс-инсталляцию Flash-плеера, если он не установлен;
  • можно динамически загружать/выгружать плееры без перезагрузки страницы;
  • можно указывать необходимые параметры ну и т.д.

Узнать больше

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (12 голосов, в среднем: 5,00 из 5)
Загрузка...

Распечатать этот пост

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

Элегантное решение проблемы полупрозрачных PNG-24 в IE6.

Пользователям IE6 подгружается один маленький скриптик весом в 1455 байт, который выводит все png-картинки через фильтр AlphaImageLoader.

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

<!--[if lte IE 6]-->
<script type="text/javascript" src="supersleight-min.js"></script>
<![endif]-->

и сам обрабатывает все PNG, встречающиеся в HTML.

Автор скрипта: Drew McLellan.

Узнать больше

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (7 голосов, в среднем: 4,71 из 5)
Загрузка...