The Rpsl Blog » jquery

WordPress — gallery shorttag highslide

Rpsl — Wed, 13 Oct 2010 06:32:14 +0000

Два примера, для решения одной и той же задачи.

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

Убого:

add_filter('wp_get_attachment_link', 'add_rel');
 
/*
 * Add rel="gallery-$id" to attachment links
 */
 
function add_rel ( $link )
{
 
    global $post;
    // a mild cheat. group by post id. the gallery_shortcode() $instance
    // static var would be better, but we can't get to it.
    $id = $post->ID;
 
    // First, see if there's already a 'rel' attribute in the link:
    $atag = preg_match( '#(.*)#i', $link, $matches );
    if ( $atag )
    {
        // Match found. Let's put Humpty Dumpty back together again:
        $quot = $matches [ 3 ];
        $relval = $quot . $matches [ 4 ] . " gallery-{$id}" . $quot;
        $before = $matches [ 1 ];
        $after = $matches [ 5 ];
        $rest = $matches [ 6 ];
        $link = "{$before}rel={$relval}{$after}>{$rest}";
    }
    else
    {
        $atag = preg_match( '#(.*)#i', $link, $matches );
        if ( $atag )
        {
            // This is a much simpler reassembly
            $innards = $matches [ 1 ];
            $rest = $matches [ 2 ];
            $relval = "gallery-{$id}";
            $link = "{$innards} rel='{$relval}'>{$rest}";
        }
    }
    return $link;
}

Нормально:

function gallery_image_higslide()
{
    var gallery = $('.gallery').find('a');
 
    $.each( gallery, function() {
        var img = $(this).find('img');
 
        if( $(img).size() > 0 && $(this).attr('onclick') == undefined ){
           $(this).addClass('highslide-image').click(function(){ return hs.expand(this); });
        }
    });
}
 
$(document).ready(function(){
    gallery_image_higslide();
});

Плагины для jQuery (жесть)

Rpsl — Tue, 27 Oct 2009 12:48:31 +0000

Читая разные блоги и соц.сети (не буду фамильярничать), всё чаще и чаще натыкаюсь на посты в виде «n Свежих плагинов для jQuery/mooTols/…«.

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

Фотогалерея на jQuery.

Выпадающее меню на jQuery.

Галимая шняга на jQuery

Помойка.

Добавьте себе в Google Reader — http://www.ajaxrain.com/ и будет вам счатье и куча свежих плагинов.

jQuery + label tag

Rpsl — Thu, 02 Jul 2009 09:54:07 +0000

Очередной, очень маленький, но ужасно удобный trick.

Суть очень простая, он автоматически делает одинаковый width для всех элементов .

Изначально форма выглядит примерно вот так:

Добавляем стиль:

label, input[type="text"]{
    float:left;
    display:block;
}
label{
    margin-right: 5px;
}
.field{
    width:100%;
    overflow:auto;
    margin:5px 0px;
}

Добавляем javascript:

$(document).ready(function() {
    var max = 0;
    $("label").each(function(){
        if ($(this).width() > max)
            max = $(this).width();
    });
    $("label").width(max);
});

И вуаля: